企業(yè)網(wǎng)站設計的認知心理要素
日期 : 2019-02-27 12:51:38
人對事物的認知經(jīng)由感知、大腦信息加工、記憶信息匹配, 再做出行為反饋。網(wǎng)頁作為計算機界面的子類和信息傳遞的載體, 在設計上除了要考慮人的視覺特征和行為機能, 還要使頁面內(nèi)容呈現(xiàn)符合人的心理認知。
1 必要的提示與引導
不要要求用戶記住他當前在哪里以及前面做過什么。如果用戶的視線被打斷, 就應該給予必要的提示讓人們專注于當前任務。在網(wǎng)頁表單設計中, 同樣也需要引導和提示信息, 因為表單本質(zhì)上是對話, 對話需要提出問題和回答問題同時也需提供必要的解釋。其次表單項的驗證一定要采用異步模式, 這樣無論正確與否都能馬上給出結(jié)果。不應在最后告訴用戶哪些項目填寫錯誤, 這會增加不必要的回視與回憶。
2 重視可視性
一般意義上的可視性指視覺的通達性, 是將產(chǎn)品的功能或重要的操作方式清晰明確地展示在用戶眼前。另一層面, 可視性還包括“為用戶提供清楚的操作線索”, 目的是使產(chǎn)品符合用戶的思考與行動習慣, 避免不必要的操作誤區(qū)。
①視覺的可視性設計
由于眼球的中央視覺優(yōu)秀, 其他區(qū)域模糊, 所以人的視覺采集能力有限。在頁面瀏覽時, 目的指向型用戶會首先確認當前位置是否正確, 所以導航信息很重要。其次, 合理利用動效和閃爍在網(wǎng)頁中能夠取得良好的效果:當頁面拉取一份較大數(shù)據(jù)時, 應配合進度條或加載動畫告知用戶狀態(tài)而不是讓用戶誤認為頁面未響應或操作不成功。
②聽覺的可視性設計
通過聲音實現(xiàn)人機交互是產(chǎn)品設計的常見手段, 聲音能配合其他感官進行輔助認知。提示音和錯誤警報能在加深記憶的同時減少認知負荷, 甚至能營造帶入感。
③功能分級的可視性設計
復雜功能的頁面使用戶面對的操作可能性包羅萬象。幫助用戶整理頁面邏輯并對內(nèi)容分級處理可提高頁面的可視性。功能分級包括兩個步驟, 一是確定信息層級, 將相同功能進行歸類并保留關(guān)鍵入口, 方便用戶能辨識、選擇、記憶。二是對分組之后的入口進行優(yōu)先級排序, 使功能具備可達性。
3 符合用戶習慣
要保持新頁面與舊有頁面操作習慣相一致,減少用戶減少成本。避免出現(xiàn)用戶在記憶和獲取記憶時丟失關(guān)鍵特征、增加遺失或錯誤操作的可能性。當用戶習慣了某種頁面布局和模式, 之后的變動和改版往往被前一版界面帶著走。這時的優(yōu)化策略是盡量降低用戶的學習成本。
1 必要的提示與引導
不要要求用戶記住他當前在哪里以及前面做過什么。如果用戶的視線被打斷, 就應該給予必要的提示讓人們專注于當前任務。在網(wǎng)頁表單設計中, 同樣也需要引導和提示信息, 因為表單本質(zhì)上是對話, 對話需要提出問題和回答問題同時也需提供必要的解釋。其次表單項的驗證一定要采用異步模式, 這樣無論正確與否都能馬上給出結(jié)果。不應在最后告訴用戶哪些項目填寫錯誤, 這會增加不必要的回視與回憶。
2 重視可視性
一般意義上的可視性指視覺的通達性, 是將產(chǎn)品的功能或重要的操作方式清晰明確地展示在用戶眼前。另一層面, 可視性還包括“為用戶提供清楚的操作線索”, 目的是使產(chǎn)品符合用戶的思考與行動習慣, 避免不必要的操作誤區(qū)。
①視覺的可視性設計
由于眼球的中央視覺優(yōu)秀, 其他區(qū)域模糊, 所以人的視覺采集能力有限。在頁面瀏覽時, 目的指向型用戶會首先確認當前位置是否正確, 所以導航信息很重要。其次, 合理利用動效和閃爍在網(wǎng)頁中能夠取得良好的效果:當頁面拉取一份較大數(shù)據(jù)時, 應配合進度條或加載動畫告知用戶狀態(tài)而不是讓用戶誤認為頁面未響應或操作不成功。
②聽覺的可視性設計
通過聲音實現(xiàn)人機交互是產(chǎn)品設計的常見手段, 聲音能配合其他感官進行輔助認知。提示音和錯誤警報能在加深記憶的同時減少認知負荷, 甚至能營造帶入感。
③功能分級的可視性設計
復雜功能的頁面使用戶面對的操作可能性包羅萬象。幫助用戶整理頁面邏輯并對內(nèi)容分級處理可提高頁面的可視性。功能分級包括兩個步驟, 一是確定信息層級, 將相同功能進行歸類并保留關(guān)鍵入口, 方便用戶能辨識、選擇、記憶。二是對分組之后的入口進行優(yōu)先級排序, 使功能具備可達性。
3 符合用戶習慣
要保持新頁面與舊有頁面操作習慣相一致,減少用戶減少成本。避免出現(xiàn)用戶在記憶和獲取記憶時丟失關(guān)鍵特征、增加遺失或錯誤操作的可能性。當用戶習慣了某種頁面布局和模式, 之后的變動和改版往往被前一版界面帶著走。這時的優(yōu)化策略是盡量降低用戶的學習成本。