尼爾森十大互動原則
用了無數個產品,被無數優秀的產品經理寵愛之後,出於陌生化原則,你並不會覺得優秀的 “他” 有多好,但當你遇到某位“渣男”,遭遇無數令你抓狂的場景,你才能回想起之前的“他”的好。
現如今,“被慣壞的你”追求的是更好的體驗。
而這些良好體驗的基礎就是尼爾森十大原則。

Jakob Nielsen
雅各布·尼爾森,著名網頁易用性專家。被譽為可用性測試鼻祖,尼爾森—諾曼集團的主要負責人之一。他被《美國新聞與世界報道》雜誌譽為“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

[產品內部、產品迭代、業內產品]
一致性:同樣的文字、狀態、按鈕,都應該觸發相同的事情,也就是,同一用語、功能、操作保持一致。減輕使用者負擔,使用連貫舒服。
① 結構一致。保持類似的結構,減輕使用者思考負擔。

都使用符號+歌名+歌手
② 色彩一致。網易雲音樂的圖示顏色與介面的主色均為紅色,也括其中一些標籤和強調的文字顏色都是紅色,整個介面除了圖片的有效資訊外,都通過灰、白、紅色來呈現。

紅色系
③ 操作一致性。同類型的操作互動應該一致。比如任何介面退出的方式都是左上角退出按鍵。
④ 反饋一致。使用者在操作按鈕或者條目的時候,點選的反饋效果應該是一致的。

:speaker:提示
⑤ 文字一致性。產品中呈現給使用者閱讀的文字大小、樣式、顏色、佈局等都應該是一致的。
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————————