隨著互聯網時代的快速發展,設計師不再只是為互聯網創造漂亮美觀的圖片那么簡單了,作為一個WEB設計師,除了基本的設計技能之外,還需要考慮一些其他的問題,比如用戶體驗,算法,代碼等等。如今用戶體驗設計越來越重要,對于WEB表單的設計尤其如此。
WEB表單設計的目標是設計出一套讓用戶能夠從填表到點擊提交按鈕的最簡單的流程。從非常簡單直接的表單到花哨、多彩和創意的表單,每個網站都會呈現一種表單風格。不論是登錄/注冊表單,還是聯系表單,或者其他類型表單,設計師們需要牢記一點:這些表單的目標是要贏得用戶的注意,引導他們在其中填入信息。根據多年的設計經驗,Mockplus歸納了在WEB表單設計中的六大原則。
(一)保持醒目和簡潔
我們經常會遇到一個問題,非常多的用戶抱怨注冊表單需要太多的信息。如果你設計的網站正在想辦法增加注冊用戶數量,那么首先必須保證設計的表單盡可能的簡潔,易于填寫。同時對于著重強調的版塊和信息,在設計時可以采用更醒目的方式加以強調。
(二)合理組織信息
對于較為復雜、填寫項多的表單,如果不對信息進行組織,很容易顯得繁雜混亂,讓用戶在一開始就產生抵觸的情緒,甚至選擇放棄。合理有層次的組織信息,可以利用框線、空間間隔、顏色的不同,按照不同信息的類別、屬性和相關性進行區塊的劃分,用步驟條指示當前的進程。清晰的瀏覽線,合理的標簽、提示文字及按鈕的排布,避免不必要的信息重復出現,能夠降低用戶的視覺負擔和物理負擔。
(三)更大的輸入框
根據實際的用戶反饋,表單設計中更大的文字輸入框、適度的留白空間會讓人更有填寫的欲望,優雅的動畫效果也能增加填寫的趣味。設計師在設計表單的過程中,需要緩和不同輸入元素之間的沖突。加粗的文字提示用戶哪些區域已經填寫了,哪些區域還空著,當激活某一輸入框時,它會變成淡藍色,提示光標現在所處的位置。
(四)為用戶節省時間
需要花大量時間填寫的表單容易讓人失去耐心,用戶是懶惰而繁忙的,試著刪去所有不必要的填寫項,考慮除了讓用戶機械的通過鍵盤在表單上輸入數據外,還有沒有別的更優方式(如后續進行用研調查)收集所需信息。
(五)一條龍服務的設計理念
表單的終點并不是提交,設計師在設計的時候需要抱著為用戶提供一條龍服務的理念,形成流程閉環,避免用戶在中途跳出。一個好的表單設計,不僅需要考慮用戶填寫前的引導、填寫時的及時校驗與幫助、還需要考慮填寫后的整個流程體驗。思考用戶填寫表單的初衷是什么,讓他在填寫完表單后能夠最快得到他最想要的東西。即便是他暫時無法得到的,也需要告訴他相應的原因和能夠進行的替代操作。
(六)提供設計關懷
根據不完全統計,互聯網中大約有12%的人具有或輕或重的色覺障礙。如果將色彩作為區分不可點擊文本和可點擊鏈接的唯一元素,可能會讓這部分的人使用時出現困難。我們在設計表單的過程中可以通過給鏈接文字加下劃虛線、使用按鈕或其他形狀做區分,讓這類用戶能更加清楚的知道哪些是可點擊的區域。