用過無數產品,被無數優秀的產品經理寵愛之后,“被慣壞的你”追求的是更好的體驗。
體驗可能成就一個產品,也可能毀滅一個產品。
而這些體驗的基礎就是尼爾森交互十大原則。
雅各布·尼爾森,著名網頁易用性專家。被譽為可用性測試鼻祖,尼爾森—諾曼集團的主要負責人之一。他被《美國新聞與世界報道》雜志譽為“Web可用性方面的世界頂尖專家”。他寫過很多書,包括暢銷全球的《Designing Web Usability》一書。
尼爾森交互十大原則
全文以網易云音樂為例
1
狀態可見原則
Visibility of system status
① 定位指示。讓用戶知道現在的狀態,對過去發生、當前目標、以及對未來去向有所了解,不致于在產品中迷路。
② 操作反饋。告訴用戶他的操作被接受了,這個操作可行。
③ 告訴用戶,系統運行狀態。
④ 告訴用戶,系統做了什么。
2
環境貼切原則
匹配系統與真實世界
Match between system and the real world
貼切環境。系統使用的語言、文字等,需要是用戶熟悉的、能理解、不會有歧義的。遵循現實世界的慣例,讓信息符合自然思考邏輯。
①使用現實界的習慣、隱喻。降低認知成本。
②說人話。語言、用語、說話方式等都要貼合場景。
3
用戶可控原則
用戶的控制性和自由度
User control and freedom
用戶擁有控制權。用戶可以自由的控制返回和去到的地方。[如前進、后退]
很多用戶發送一條消息,總會有他忽然意識到自己不對的地方,這個叫做臨界效應;所以最好支持撤銷/重做功能。
4
一致性原則
Consistency and standards
[產品內部、產品迭代、業內產品]
一致性:同樣的文字、狀態、按鈕,都應該觸發相同的事情,也就是,同一用語、功能、操作保持一致。減輕用戶負擔,使用連貫舒服。
① 結構一致。保持類似的結構,減輕用戶思考負擔。
② 色彩一致。網易云音樂的圖標顏色與界面的主色均為紅色,也括其中一些標簽和強調的文字顏色都是紅色,整個界面除了圖片的有效信息外,都通過灰、白、紅色來呈現。
③ 操作一致性。同類型的操作交互應該一致。比如任何界面退出的方式都是左上角退出按鍵。
④ 反饋一致。用戶在操作按鈕或者條目的時候,點擊的反饋效果應該是一致的。
⑤ 文字一致性。產品中呈現給用戶閱讀的文字大小、樣式、顏色、布局等都應該是一致的。
5
防錯原則
Error prevention
在錯誤之前防止它。
在用戶不可逆的錯誤之前進行彈窗提示,或者不給他犯錯的機會。
6
易取原則
識別比記憶好
Recognition rather than recall
①盡量減少用戶對操作目標的記憶負荷,動作和選項都應該是可見的,即把需要記憶的內容擺上臺面。
(菜單是最經典的設計)
用戶不必記住一個頁面到另一個頁面的信息。對行為直接進行提示,或通過彈窗提示。
?
② 提供選擇而不是輸入。
7
靈活高效原則
Flexibility and efficiency of use
允許用戶定制常用功能,更方便快捷操作。
① 快捷鍵。
② 為用戶常操作提供模板。
③ 提供默認值。
8
優美簡約原則
審美和簡約的設計
Aesthetic and minimalist design
對話中的內容應該去除不相關的信息或幾乎不需要的信息,突出重要功能。因為每個多余的信息都會分散用戶對有用或者相關信息的注意力。
9
容錯原則
幫助識別,診斷,并從錯誤中恢復
Help users recognize, diagnose, and recover from errors
①錯誤信息應該用語言表達,較準確地反應問題所在,而非代碼,比如404。
②并且提出一個建設性的解決方案,幫助用戶從錯誤中恢復,將損失降到最低。如果無法自動挽回,則提供詳盡的說明文字和指導方向,
10
人性化幫助原則
Help and documentation
提供幫助信息,任何幫助信息都應該可以方便地搜索到,讓用戶知道如何解決,不致于茫然。以用戶的任務為核心。
① 幫助文檔應該方便尋找。比如放在顯眼的菜單欄。
② 幫助操作應該易于理解。比如圖文引導。
總結
————————Noctiflorous————————
如果你覺得這篇文章對你有用,就點個贊吧!
不然..不然就哭給你看!(`⌒′メ)超兇
謝謝支持!
另:
運營專業術語 1 <數據篇> http://www.lxweimin.com/p/9f96c066c6e5
運營專業術語 2/3 <其余篇>http://www.lxweimin.com/p/030d99b357d0