天天看點

《衆妙之門——Web使用者體驗設計與可用性測試》一1.2 界面應能引導使用者

本節書摘來自異步社群《衆妙之門——web使用者體驗設計與可用性測試》一書中的第1章,第1.2節,作者 【德】smashing magazine,更多章節内容可以通路雲栖社群“異步社群”公衆号檢視

在界面上設定合适的預設資訊并提供幫助性的提示還能夠在使用者的使用過程中引導他們,避免不必要的錯誤。讓使用者填滿一個沒有任何描述的表單後,再用javascript的警告資訊告知使用者他們的錯誤,是一種非常差的使用者體驗。使用這種調試方法來進行指導非常不利于向使用者傳達幫助資訊。在表單中一步步引導使用者,防止錯誤發生,是一種更好的指導方法。

yahoo給不能自我描述的輸入框設定了預設資訊,但是當使用者光标放置到該輸入框時,它的預設資訊會自動消失,進而不影響使用者輸入。當光标置于輸入框中時,一個簡單的描述性字段會出現在右邊,提供簡單的提示,這樣也不會打斷使用者的輸入過程。

《衆妙之門——Web使用者體驗設計與可用性測試》一1.2 界面應能引導使用者

在yahoo中,處于光标定位狀态的輸入框會自動清除預設值。

microsoft的live mail也會提供描述性的例子和需要的參數。microsoft另外還對登入表單的輸入框進行了分組,相關聯的部分會分到一個組。同時microsoft還會在每一組的右邊對表單的互動區域進行描述。

《衆妙之門——Web使用者體驗設計與可用性測試》一1.2 界面應能引導使用者

microsoft把相關聯的輸入框分到一組,還在右邊為每一組提供了描述。

為了防止資訊過多,表單隻展示了使用者目前所在區域的描述,也讓使用者能夠在繼續操作之前集中注意力在目前區域。

squidoo的頁面注冊向導提供了另外一種指導性的界面。它在注冊頁面的流程中對每一個步驟都提供了拟人的描述,讓整個過程更容易被了解和完成。在使用者注冊的過程中,它的聯系表單仿佛在與使用者進行交談一樣。

《衆妙之門——Web使用者體驗設計與可用性測試》一1.2 界面應能引導使用者

在這個多步驟的注冊流程中,squidoo同時還向使用者回報還有多少步驟需要完成,讓使用者對整個流程的範圍有一個了解。

用這些措施設定表單會使得使用者體驗更加人性化,在使用者的使用過程中提供幫助。

ajax和javascript dhtml技術可以實時驗證表單輸入框中的内容,不再需要經過送出和傳回。例如yahoo注冊賬戶的表單,在資料正确的時候會顯示一個綠色的對号;而在資料無效的時候,會提供一個友好的提示資訊,解釋哪些輸入有誤及其原因。

《衆妙之門——Web使用者體驗設計與可用性測試》一1.2 界面應能引導使用者

zooomr.com會實時驗證系統資料庫格中的資訊,并為每一個輸入框提供情感化的提示資訊。

zooomr提供線上、分享存儲照片的服務,它的系統資料庫單會實時驗證已輸入的資訊,并為輸入框的名稱和有效(或無效)資料提供情感化的提示資訊。

繼續閱讀