人們填寫表單是為了獲取之后的服務,如完成購物、獲取服務、管理信息等。所以向人們說明填完表單的路徑至關重要。
表單的命名要與要求人們采取的行動目標一致。
表單起始頁,不是所有表單都需要。一般需要花費大量時間填寫或者需要查詢信息才能填寫的表單需要給一個起始頁來說明。如在線調查或者填寫到一半時發現有模糊的信息阻礙填寫時。
一、清晰的瀏覽線
表單清晰的瀏覽線即單一的眼動軌跡圖:(如下圖由www.etre.com提供)
還有PayPal兩種結算表單之間的差別:
在第二張表單中,從第一個信息點開始一直到主要動作結束都有清晰的瀏覽線。而第一個表單卻變成了“之”字形眼球運動。顯然統一布局、路徑單一的表單能使人們更關注所要執行的任務,提高工作效率。
表單的空間間隔要合適,一般采用輸入框高度的50%~75%為合適。
二、注意力分散最少
剔除與網站填寫沒有直接關系的界面元素,有助于保持人們完成任務,并消除放棄路徑。尤其是對于關鍵任務表單,尤其是結算表單或者注冊表單。如電子商務網站的支付表單,旦進入支付頁面,即使是返回網站主頁的鏈接都會弱化掉,以盡量減少用戶離開關鍵表單。
三、進程指示
如果表單為多個清晰的有序網頁,可以采取進程指示來傳達范圍、狀態和位置等信息。
如果沒有清晰的有序網頁,應該采用更籠統的進程指示,不要設置錯誤期望。因為這時候詳細的進程指示很可能會錯誤的顯示完成表單所需的網頁頁數和步驟。如典型的電子商務網站結算過程,第一步是選擇送貨地址,首先是從現有送貨地址選擇,如果現有地址中沒有就需要手動添加新的送貨地址。這樣一步就變成了兩步。所以現在很多網站不會提供明確說明表單填完需要的步驟,而是在進程指示中說明要提供的信息類型,即概要級別的任務。
四、Tab鍵跳轉
作者在一次調查中發現,幾乎有一半的人在填寫表單的時候都習慣使用Tab鍵跳轉,但是在有些情況下表單支持Tab鍵跳轉反而會帶來不好的體驗。例如兩列并排的表單,如果使用Tab鍵光標突然從第一列的表單末尾跳轉至第二列的表單開頭,這種突然的跳轉會令用戶體驗很不好。所以支持Tab鍵跳轉也要區分合適的場景。
開發人員通常使用tabindex來明確指定表單的輸入順序。