當前位置:
首頁 > 最新 > 移動產品設計的十大可用性原則

移動產品設計的十大可用性原則

寫在前面:

此文是小譯前年翻譯的一篇產品設計入門必讀之一,原文為《用戶界面設計的十大可用性原則》。是丹麥的「易用之王」雅各布·尼爾森1995年針對WEB易用性而提出的,這篇文章中文版本在網路上至少不下十個,當時之所以還是選擇翻譯這篇經典主要原因是想系統的了解一下這方面的內容加強自己對產品設計的認知;同時也是回顧檢驗自己在設計中存在的不足。之所以現在拿出來並且把標題修改為《移動產品設計的十大可用性原則》,是小譯認為這十大原則同樣適用於如今的移動產品設計,所以重新梳理了一下在此分享給大家。本文觀點如有和您相衝突的地方還請見諒。

首先簡單介紹一下原文作者:

Jakob Nielsen是畢業於哥本哈根的丹麥技術大學的人機交互博士,他擁有79項美國專利,專利主要涉及讓互聯網更容易使用的方法。1995年以來,他通過自己的 Alertbox 郵件列表以及 useit.com 網站,向成千上萬的Web設計師傳授Web易用性方面的知識,儘管他的一些觀點可能帶來爭議,至少在Web設計師眼中,他是Web易用性領域的頂尖領袖。尼爾森在2000年6月,入選了斯堪的納維亞互動媒體名人堂,2006年4月,並被納入美國計算機學會人機交互學院,被賦予人機交互實踐的終身成就獎。他還被紐約時報稱為「WEB易用性大師」,被Internet Magazine 稱為「易用之王」。

下面我們就來體會一下這十大原則

1 / 產品操作狀態的可預見性

用戶在使用產品功能時,系統應該在合理的時間給予適當的反饋信息,讓用戶始終明確當前操作狀態亦或者下一步需要做什麼。

如我們常見的「下拉刷新」提示、「上滑載入」提示、「loading等待」提示等……

2 / 平衡虛擬世界和現實世界的關係

產品所傳遞出的信息或者設計語言應該是用戶熟知且代入感較強的,例如用詞、短語、概念以及一些視覺元素的設計應該是用戶熟悉的而不是冰冷的專業術語或者非常抽象的圖形。在產品設計的過程中我們應該遵循現實世界的一些慣例,使信息或者設計語言按照正常的邏輯、形態出現。

3 / 用戶主動權和自由度

用戶在使用過程中經常會錯誤的選擇一些功能或者進行一些錯誤的操作,這個時候我們需要一個清晰明確的提示來讓用戶迅速跳出這個意外的狀況;同時在一些功能操作上我們應當儘可能的給用戶一定的自由度。

4 / 一致性和標準化(一致性原則)

在同系列產品中,同一用語、功能、操作、視覺應保持一致。同樣的語言、同樣的場景操作應該出現同樣的結果,遵循平台的一致性。不要讓用戶在使用產品的時候發現不符合產品規範的地方。

阿里系(支付寶、口碑、釘釘等)產品視覺設計規範

5 / 防錯原則

對比出現錯誤信息提示更好的方式是在產品設計過程中就應該規避防止這類問題發生。在用戶選擇動作發生之前,就要用戶清除容易混淆或者有歧義選擇。

火車票平台,對於不能未到購買日期或者已過日期特殊處理,是的用戶無法選擇購買,減少錯誤率。

6 / 易取原則

在使用盡量減少用戶對操作目標的記憶負荷,動作和選項都應該是可見的。如果產品中有必須需要用戶記住的信息那麼請讓用戶在學習的過程中進行記憶,當然也要保證信息的簡單明了。

7 / 靈活高效的使用(靈活高效原則)

針對用戶操作頻率較高的功能,應該需要設計快捷交互方式。快捷交互方式存在的形態應該是用戶感知不到的、存在的目的是幫助用戶能夠方便快捷的完成相關任務和操作,這樣既可滿足用戶高效的操作同時也不會對用戶造成其他干擾。

8 / 簡約高效的設計(易掃原則)

重要展示區內不應該包含無關緊要的信息。在設計中每增加一個單位的重要信息,就意味著要減少或弱化一些其他信息。(互聯網用戶瀏覽內容的動作不是讀、不是看,而是掃。易掃,意味著突出重點,弱化和剔除無關信息。)

9 / 幫助用戶識別、診斷、並從錯誤中糾正(容錯原則)

錯誤信息應該用語言表達(不要用代碼),較準確地反應問題所在,並且提出一個建設性的解決方案。

10 / 幫助文檔(人性化幫助原則)

整個產品使用無學習成本當然是最好的,但是如果有學習成本較高的功能操作必須提供幫助文檔或者使用引導。幫助文檔應該便於用戶找到,應專註於功能操作,列出具體的步驟來展示,篇幅不宜過大。

小結

我們在產品設計的過程中經常會遇到一些有爭議的設計方案,這個時候不妨冷靜下來看看這些設計原則是否能夠幫你解決一些問題。尼爾森的十大可用性原則是產品設計與用戶體驗設計的重要參考標準,值得深入研究與運用。希望此文能夠為您提供一些幫助。

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 全球大搜羅 的精彩文章:

杏花春雨逢寂寥
賈平凹式的詩人《夢想,該懷揣還是高舉》

TAG:全球大搜羅 |