交互設計(用戶界面)10大可用性原則詳解
發(fā)布日期:2022/5/15 8:27:47 瀏覽量:
交互設計(用戶界面)10大可用性原則詳解
雅各布·尼爾森(Jakob Nielsen,人機交互學博士)于1994年4月24日發(fā)表了《十大可用性原則》。該原則不僅適用于Web端,還適用于移動端。十大可用性原則對于交互設計來說意義重大,可提升整個產(chǎn)品的可用性。
十大可用性原則包括狀態(tài)可感知原則、貼近用戶認知原則、操作可控性原則、一致性原則、防錯性原則、識別好過回憶原則、靈活高效原則、美學和極簡設計原則、容錯性原則及人性化幫助原則。
注:Jakob Nielsen的交互設計的10大原則。之所以稱為“啟發(fā)式”,是因為它們是廣泛的經(jīng)驗法則,而不是特定的可用性準則。
#1:系統(tǒng)狀態(tài)的可見性
設計應始終在合理的時間內(nèi)通過適當?shù)姆答伿褂脩袅私獍l(fā)生的情況。
當用戶知道當前系統(tǒng)狀態(tài)時,他們將了解其先前交互的結果并確定下一步。可預測的互動會建立對產(chǎn)品和品牌的信任。
- 向用戶清楚地傳達系統(tǒng)狀態(tài)是什么-在沒有通知用戶的情況下,請勿采取任何對用戶造成后果的行動。
- 盡快(理想情況下,立即)將反饋呈現(xiàn)給用戶。
- 通過開放不斷的溝通建立信任。
#2:系統(tǒng)與現(xiàn)實世界之間的匹配
設計應用戶的語言說話。使用用戶熟悉的單詞,短語和概念,而不要使用內(nèi)部術語。遵循現(xiàn)實世界的慣例,使信息以自然和邏輯的順序出現(xiàn)。
您的設計方式在很大程度上取決于您的特定用戶。您和您的同事看似清晰的術語,概念,圖標和圖像可能對您的用戶不熟悉或感到困惑。
當設計的控件遵循現(xiàn)實世界的約定并與所需的結果相對應時(稱為自然映射),用戶可以更輕松地學習和記住界面的工作方式。這有助于建立一種直觀的體驗。
- 確保用戶可以理解含義,而不必去查找單詞的定義。
- 永遠不要認為您對單詞或概念的理解會與您的用戶相匹配。
- 用戶研究將幫助您發(fā)現(xiàn)用戶熟悉的術語以及他們圍繞重要概念的思維模式。
#3:用戶控制和自由
用戶經(jīng)常錯誤地執(zhí)行操作。他們需要一個明顯標記的“緊急出口”,以便無需執(zhí)行擴展過程即可離開不需要的操作。
當人們很容易退出流程或撤消某項操作時,就會培養(yǎng)出一種自由和自信的感覺。出口使用戶能夠控制系統(tǒng),避免卡住和感到沮喪。
- 支持撤消和重做。
- 顯示一種退出當前交互的清晰方法,例如“href="https://www.nngroup.com/articles/reset-and-cancel-buttons/">取消”按鈕。
- 確保出口處有清晰的標簽且可發(fā)現(xiàn)。
#4:一致性和標準
用戶不必懷疑不同的詞語,情況或動作是否意味著同一件事。遵循平臺和行業(yè)慣例。
雅各布定律指出,人們將大部分時間都花在使用數(shù)字產(chǎn)品而不是您的產(chǎn)品上。用戶對其他產(chǎn)品的體驗設定了他們的期望。無法保持一致性可能會通過迫使用戶學習新知識而增加他們的認知負擔。
- 通過保持內(nèi)部和外部兩種類型的一致性來提高學習能力。
- 在單個產(chǎn)品或產(chǎn)品系列中保持一致性(內(nèi)部一致性)。
- 遵循既定的行業(yè)慣例(外部一致性)。
#5:錯誤預防
好的錯誤消息很重要,但是最好的設計首先要仔細地防止問題發(fā)生。要么消除容易出錯的條件,要么檢查它們并向用戶提供確認選項,然后再執(zhí)行該操作。
錯誤有兩種類型:slips和Mistakes?;故怯捎谑韬鲆鸬臒o意識的錯誤。錯誤是基于用戶的心理模型和設計之間不匹配的有意識的錯誤。
#6:認可而不是回憶
通過使元素,操作和選項可見,最大程度地減少用戶的內(nèi)存負載。用戶不必記住從界面的一部分到另一部分的信息。使用該設計所需的信息(例如字段標簽或菜單項)應可見或在需要時易于檢索。
人類的短期記憶有限。促進識別的界面減少了用戶所需的認知工作量。
#7:使用的靈活性和效率
對新手用戶而言不為人知的快捷方式可以加快專家用戶的交互速度,從而使設計既可以滿足經(jīng)驗不足的用戶,又可以滿足需要的用戶。允許用戶定制頻繁的操作。
可以以不同的方式執(zhí)行靈活的過程,以便人們可以選擇適用于他們的任何方法。
#8:美學和簡約設計
接口不應包含無關或很少需要的信息。界面中每個額外的信息單元都會與相關的信息單元競爭,從而降低其相對可見性。
這種啟發(fā)式方法并不意味著您必須使用平面設計,而是要確保您將內(nèi)容和視覺設計保持在重點之上。確保界面的視覺元素支持用戶的主要目標。
- 保持UI的 內(nèi)容和視覺設計集中在要素上。
- 不要讓不必要的元素分散用戶真正所需的信息。
- 優(yōu)先考慮內(nèi)容和功能以支持主要目標。
#9:幫助用戶識別,診斷錯誤并從錯誤中恢復
錯誤消息應以簡單的語言表示(沒有錯誤代碼),準確指出問題所在,并建設性地提出解決方案。
這些錯誤消息還應進行視覺處理,以幫助用戶注意和識別它們。
- 使用傳統(tǒng)的錯誤消息視覺效果,例如粗體,紅色文本。
- 告訴用戶他們會理解的語言出了什么問題–避免使用技術術語。
- 為用戶提供解決方案,例如可以立即解決錯誤的快捷方式。
#10:幫助和文檔
最好是系統(tǒng)不需要任何其他說明。但是,可能有必要提供文檔以幫助用戶了解如何完成其任務。
幫助和文檔內(nèi)容應易于搜索,并專注于用戶的任務。保持簡潔,并列出需要執(zhí)行的具體步驟。
- 確保幫助文檔易于搜索。
- 只要有可能,就在用戶需要時立即在上下文中顯示文檔。
- 列出要執(zhí)行的具體步驟。
馬上咨詢: 如果您有業(yè)務方面的問題或者需求,歡迎您咨詢!我們帶來的不僅僅是技術,還有行業(yè)經(jīng)驗積累。
QQ: 39764417/308460098 Phone: 13 9800 1 9844 / 135 6887 9550 聯(lián)系人:石先生/雷先生