尼爾森十大原則作為交互設計師的基礎理論知識,各位設計師需要聊熟于心。
尼爾森十大原則作為交互設計師的基礎理論知識,各位設計師需要聊熟于心。
前段時間在某個群里看到有個小伙伴說,他在面試的時候面試官讓他說尼爾森的十大可用性原則。
雖說尼爾森10大可用性原則是交互設計師的基礎理論知識,但是實際上,不知道或者不完全知道的小伙伴也有很多,今天就以實例跟大家聊聊尼爾森十大原則。
系統狀態可見性
定義:系統應該在適當的時間內做出適當的反饋,告知用戶當前的系統狀態;該原則強調,產品要給用戶適當的反饋。
當頁面在加載的時候,需要告訴用戶頁面在加載,而不是空白的頁面。
再比如按鈕的點擊,以前網速比較慢,當你點擊完按鈕時,無法立馬打開新的頁面,需要等一會兒。
如果沒有點擊反饋,那么用戶很可能以為自己沒有點上,然后重復點擊,導致一下子會打開很多重復頁面。
再來看這個例子,當你收到了微信的Push。于是,你點開微信,發現沒有任何新消息。你會不會在想剛剛明明是告訴我微信有新消息的,為什么沒有?是軟件出了問題?是自己網絡出了問題?還是手機出了問題?
現在又收到了微信的Push,于是點開了微信,發現聊天窗口有一個記錄顯示“對方撤回了一條消息”。這時你就知道了,原來他剛剛給我發了一條消息然后撤回了,怪不得沒有新消息。這就是為什么當對方撤回消息時,微信會給出提示。
系統與現實世界相匹配
定義:系統應該使用用戶熟悉的詞、句、語法,應該符合真實世界中的使用習慣;該原則強調,產品要使用用戶語言。
比如這些彈窗的文案,簡潔明了,通俗易懂。如果我們在文案中寫“點擊主按鈕”即可參與,那么很多用戶就會不理解“主按鈕”是什么意思。
用戶控制與自由
定義:用戶在使用產品時經常會誤操作,因此需要一個非常明確的“緊急出口”來幫助他們脫離困境,需要支持撤銷與重做;該原則強調,產品需要支持用戶“反悔”。
作為設計師,撤銷、重做的重要性大家都知道,你想萬一你每次只要畫錯一點點就要從頭開始重新畫,那得多崩潰。
Gmail一次性將多個郵件標為已讀時,會有“撤銷”功能,防止出現誤操作,將重要未讀的郵件標記已讀。
當你在打字時,搖動手機即可撤銷輸入的內容,當你刪除了部分文案時,搖動手機即可恢復刪除的內容。
一致性與標準化
定義:產品的信息架構、交互方式、功能名詞、視覺表現等應該具有一致性;該原則強調,產品需要具有一致性。
一致性大到產品的架構,小到icon、文案,利用設計系統可以協助我們保持產品的一致性。
預防錯誤
定義:無論錯誤場景設計的多好看,都不如在第一時間防止用戶發生錯誤;該原則強調,產品需要有防錯機制。
填寫銀行卡信息時,由于數字過長,因此我們將銀行卡填寫時以4位數字為一組便于用戶輸入,這個也屬于一種防錯機制。
同樣的,手機號登錄時,將手機號分成344形式也可以降低錯誤率,便于用戶檢查輸入的正確性。
再比如支付寶兌換頁面,提示用戶積分不足同時按鈕置灰,也屬于防錯機制。
當出現危險操作或者不可逆操作時,會進行二次確認,防止用戶出現錯誤。
辨認而不是回憶
定義:將用戶的記憶負擔最小化,盡可能減少讓用戶去記住信息,應該提供信息讓用戶辨認。
我經常遇到這樣的情況,讓我說XX歌是怎么唱的,我說不上來,但是如果有音樂我就能知道是什么歌,這是就是辨認與回憶的差別。
淘寶搜索時,使用關鍵詞聯想,這種情況下,即便有些商品名稱記得不完全,我們也能輕松搜到。
有些歌名很長,很難記住,因此QQ音樂的關鍵詞聯想也解決了這個問題。
靈活性與使用效率
定義:無論是老手還是小白,都能夠輕松高效的使用產品。
當產品進行大版本迭代時,會出現引導彈窗來提示用戶如何操作,讓用戶快速上手。
當產品第一次打開時,此時有很大可能是小白用戶,一般情況下會進行新手引導來告訴用戶怎么做。
學習能力有強有弱,有些用戶看一遍引導就知道怎么做,快速成為老手,而有些用戶可能還不太會用出于新手狀態,此時引導就要做出區分,比如UOKA相機,如果你一直點擊下方縮略圖切換,則會出現提示,告訴你左右滑動也可以切換。
好看而簡潔的設計
定義:頁面中不要出現無關的或者冗余的信息,每個多余的信息都會分散用戶的注意力;該原則強調,產品要簡潔明了
頁面內容合理,不能用太多無用的內容來分散用戶的注意力,讓用戶聚焦。
幫助用戶發現、判斷和修復錯誤
定義:錯誤信息需要告知用戶哪里有問題,并且告知用戶如何解決問題,而不是展示代碼;該原則強調,異常狀態要告知用戶如何解決。
比如上面這2個示例,雖然空狀態做的還比較精致,但是沒有告知用戶該如何解決這個問題。
這個示例中,第一張圖是搜索無結果,此時用按鈕告知用戶可以重新嘗試(搜索),第二張圖是沒有分組,因此用按鈕引導用戶創建一個分組。
左圖中沒有數據的情況下,提示用戶可以返回首頁看看,右圖因為儲存空間不足給用戶報錯,用按鈕告知用戶可以去管理儲存空間。
幫助文檔
定義:即便最好就是不需要幫助文檔就能輕松使用產品,但是當用戶需要幫助時,幫助文檔需要易于查找,專注于用戶的任務,列出使用步驟,并且信息量不能過大;該原則強調,幫助文檔要清晰。
微信在幫助里面羅列了熱門問題,協助用戶快速解決問題。
QQ在幫助里面以不同的功能進行信息架構,但是基礎功能是哪些功能?增值服務又是哪些?這些名詞并不容易理解。
QQ音樂在幫助反饋中也首先展示了熱點問題,協助用戶快速解決
總結
尼爾森十大可用性原則是交互設計師必須掌握的知識,甚至有些時候面試還會提問,因此一定要聊熟于心。
注:部分圖片來自網絡,侵刪。
作者:何必復雜;公眾號:何必復雜(UXSimple)
本文由 @何必復雜 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于CC0協議


