人對事物的認知經由感知、大腦信息加工、記憶信息匹配,再做出行為反饋。網頁作為計算機界面的子類和信息傳遞的載體,在設計上除了要考慮人的視覺特征和行為機能,還要使頁面內容呈現符合人的心理認知。

1必要的提示與引導

不要要求用戶記住他當前在哪里以及前面做過什么。如果用戶的視線被打斷,就應該給予必要的提示讓人們專注于當前任務。在網頁表單設計中,同樣也需要引導和提示信息,因為表單本質上是對話,對話需要提出問題和回答問題同時也需提供必要的解釋。其次表單項的驗證一定要采用異步模式,這樣無論正確與否都能馬上給出結果。不應在最后告訴用戶哪些項目填寫錯誤,這會增加不必要的回視與回憶。

2重視可視性

一般意義上的可視性指視覺的通達性,是將產品的功能或重要的操作方式清晰明確地展示在用戶眼前。另一層面,可視性還包括“為用戶提供清楚的操作線索”,目的是使產品符合用戶的思考與行動習慣,避免不必要的操作誤區。

①視覺的可視性設計

由于眼球的中央視覺優秀,其他區域模糊,所以人的視覺采集能力有限。在頁面瀏覽時,目的指向型用戶會首先確認當前位置是否正確,所以導航信息很重要。其次,合理利用動效和閃爍在網頁中能夠取得良好的效果:當頁面拉取一份較大數據時,應配合進度條或加載動畫告知用戶狀態而不是讓用戶誤認為頁面未響應或操作不成功。

②聽覺的可視性設計

通過聲音實現人機交互是產品設計的常見手段,聲音能配合其他感官進行輔助認知。提示音和錯誤警報能在加深記憶的同時減少認知負荷,甚至能營造帶入感。

③功能分級的可視性設計

復雜功能的頁面使用戶面對的操作可能性包羅萬象。幫助用戶整理頁面邏輯并對內容分級處理可提高頁面的可視性。功能分級包括兩個步驟,一是確定信息層級,將相同功能進行歸類并保留關鍵入口,方便用戶能辨識、選擇、記憶。二是對分組之后的入口進行優先級排序,使功能具備可達性。

3符合用戶習慣

要保持新頁面與舊有頁面操作習慣相一致，減少用戶減少成本。避免出現用戶在記憶和獲取記憶時丟失關鍵特征、增加遺失或錯誤操作的可能性。當用戶習慣了某種頁面布局和模式,之后的變動和改版往往被前一版界面帶著走。這時的優化策略是盡量降低用戶的學習成本。