单机麻将电脑版

交互設計師必懂的尼爾森十大原則

15天0基礎極速入門數據分析,掌握一套數據分析流程和方法,學完就能寫一份數據報告!了解一下>>

尼爾森十大原則作為交互設計師的基礎理論知識,各位設計師需要聊熟于心。

前段時間在某個群里看到有個小伙伴說,他在面試的時候面試官讓他說尼爾森的十大可用性原則。

雖說尼爾森10大可用性原則是交互設計師的基礎理論知識,但是實際上,不知道或者不完全知道的小伙伴也有很多,今天就以實例跟大家聊聊尼爾森十大原則。

系統狀態可見性

定義:系統應該在適當的時間內做出適當的反饋,告知用戶當前的系統狀態;該原則強調,產品要給用戶適當的反饋。

當頁面在加載的時候,需要告訴用戶頁面在加載,而不是空白的頁面。

不懂尼爾森十大原則?那還不算交互設計師

再比如按鈕的點擊,以前網速比較慢,當你點擊完按鈕時,無法立馬打開新的頁面,需要等一會兒。

如果沒有點擊反饋,那么用戶很可能以為自己沒有點上,然后重復點擊,導致一下子會打開很多重復頁面。

不懂尼爾森十大原則?那還不算交互設計師

再來看這個例子,當你收到了微信的Push。于是,你點開微信,發現沒有任何新消息。你會不會在想剛剛明明是告訴我微信有新消息的,為什么沒有?是軟件出了問題?是自己網絡出了問題?還是手機出了問題?

不懂尼爾森十大原則?那還不算交互設計師

現在又收到了微信的Push,于是點開了微信,發現聊天窗口有一個記錄顯示“對方撤回了一條消息”。這時你就知道了,原來他剛剛給我發了一條消息然后撤回了,怪不得沒有新消息。這就是為什么當對方撤回消息時,微信會給出提示。

系統與現實世界相匹配

定義:系統應該使用用戶熟悉的詞、句、語法,應該符合真實世界中的使用習慣;該原則強調,產品要使用用戶語言。

不懂尼爾森十大原則?那還不算交互設計師

不懂尼爾森十大原則?那還不算交互設計師

不懂尼爾森十大原則?那還不算交互設計師

不懂尼爾森十大原則?那還不算交互設計師

比如這些彈窗的文案,簡潔明了,通俗易懂。如果我們在文案中寫“點擊主按鈕”即可參與,那么很多用戶就會不理解“主按鈕”是什么意思。

用戶控制與自由

定義:用戶在使用產品時經常會誤操作,因此需要一個非常明確的“緊急出口”來幫助他們脫離困境,需要支持撤銷與重做;該原則強調,產品需要支持用戶“反悔”。

不懂尼爾森十大原則?那還不算交互設計師

作為設計師,撤銷、重做的重要性大家都知道,你想萬一你每次只要畫錯一點點就要從頭開始重新畫,那得多崩潰。

不懂尼爾森十大原則?那還不算交互設計師

Gmail一次性將多個郵件標為已讀時,會有“撤銷”功能,防止出現誤操作,將重要未讀的郵件標記已讀。

不懂尼爾森十大原則?那還不算交互設計師

當你在打字時,搖動手機即可撤銷輸入的內容,當你刪除了部分文案時,搖動手機即可恢復刪除的內容。

一致性與標準化

定義:產品的信息架構、交互方式、功能名詞、視覺表現等應該具有一致性;該原則強調,產品需要具有一致性。

不懂尼爾森十大原則?那還不算交互設計師

不懂尼爾森十大原則?那還不算交互設計師

不懂尼爾森十大原則?那還不算交互設計師

一致性大到產品的架構,小到icon、文案,利用設計系統可以協助我們保持產品的一致性。

預防錯誤

定義:無論錯誤場景設計的多好看,都不如在第一時間防止用戶發生錯誤;該原則強調,產品需要有防錯機制。

不懂尼爾森十大原則?那還不算交互設計師

填寫銀行卡信息時,由于數字過長,因此我們將銀行卡填寫時以4位數字為一組便于用戶輸入,這個也屬于一種防錯機制。

不懂尼爾森十大原則?那還不算交互設計師

同樣的,手機號登錄時,將手機號分成344形式也可以降低錯誤率,便于用戶檢查輸入的正確性。

不懂尼爾森十大原則?那還不算交互設計師

再比如支付寶兌換頁面,提示用戶積分不足同時按鈕置灰,也屬于防錯機制。

不懂尼爾森十大原則?那還不算交互設計師

當出現危險操作或者不可逆操作時,會進行二次確認,防止用戶出現錯誤。

辨認而不是回憶

定義:將用戶的記憶負擔最小化,盡可能減少讓用戶去記住信息,應該提供信息讓用戶辨認。

我經常遇到這樣的情況,讓我說XX歌是怎么唱的,我說不上來,但是如果有音樂我就能知道是什么歌,這是就是辨認與回憶的差別。

不懂尼爾森十大原則?那還不算交互設計師

淘寶搜索時,使用關鍵詞聯想,這種情況下,即便有些商品名稱記得不完全,我們也能輕松搜到。

不懂尼爾森十大原則?那還不算交互設計師

有些歌名很長,很難記住,因此QQ音樂的關鍵詞聯想也解決了這個問題。

靈活性與使用效率

定義:無論是老手還是小白,都能夠輕松高效的使用產品。

不懂尼爾森十大原則?那還不算交互設計師

當產品進行大版本迭代時,會出現引導彈窗來提示用戶如何操作,讓用戶快速上手。

不懂尼爾森十大原則?那還不算交互設計師

當產品第一次打開時,此時有很大可能是小白用戶,一般情況下會進行新手引導來告訴用戶怎么做。

不懂尼爾森十大原則?那還不算交互設計師

學習能力有強有弱,有些用戶看一遍引導就知道怎么做,快速成為老手,而有些用戶可能還不太會用出于新手狀態,此時引導就要做出區分,比如UOKA相機,如果你一直點擊下方縮略圖切換,則會出現提示,告訴你左右滑動也可以切換。

好看而簡潔的設計

定義:頁面中不要出現無關的或者冗余的信息,每個多余的信息都會分散用戶的注意力;該原則強調,產品要簡潔明了

不懂尼爾森十大原則?那還不算交互設計師

不懂尼爾森十大原則?那還不算交互設計師

不懂尼爾森十大原則?那還不算交互設計師

頁面內容合理,不能用太多無用的內容來分散用戶的注意力,讓用戶聚焦。

幫助用戶發現、判斷和修復錯誤

定義:錯誤信息需要告知用戶哪里有問題,并且告知用戶如何解決問題,而不是展示代碼;該原則強調,異常狀態要告知用戶如何解決。

不懂尼爾森十大原則?那還不算交互設計師

不懂尼爾森十大原則?那還不算交互設計師

比如上面這2個示例,雖然空狀態做的還比較精致,但是沒有告知用戶該如何解決這個問題。

不懂尼爾森十大原則?那還不算交互設計師

這個示例中,第一張圖是搜索無結果,此時用按鈕告知用戶可以重新嘗試(搜索),第二張圖是沒有分組,因此用按鈕引導用戶創建一個分組。

不懂尼爾森十大原則?那還不算交互設計師

左圖中沒有數據的情況下,提示用戶可以返回首頁看看,右圖因為儲存空間不足給用戶報錯,用按鈕告知用戶可以去管理儲存空間。

幫助文檔

定義:即便最好就是不需要幫助文檔就能輕松使用產品,但是當用戶需要幫助時,幫助文檔需要易于查找,專注于用戶的任務,列出使用步驟,并且信息量不能過大;該原則強調,幫助文檔要清晰。

不懂尼爾森十大原則?那還不算交互設計師

微信在幫助里面羅列了熱門問題,協助用戶快速解決問題。

不懂尼爾森十大原則?那還不算交互設計師

QQ在幫助里面以不同的功能進行信息架構,但是基礎功能是哪些功能?增值服務又是哪些?這些名詞并不容易理解。

不懂尼爾森十大原則?那還不算交互設計師

QQ音樂在幫助反饋中也首先展示了熱點問題,協助用戶快速解決

總結

尼爾森十大可用性原則是交互設計師必須掌握的知識,甚至有些時候面試還會提問,因此一定要聊熟于心。

不懂尼爾森十大原則?那還不算交互設計師

注:部分圖片來自網絡,侵刪。

 

作者:何必復雜;公眾號:何必復雜(UXSimple)

本文由 @何必復雜 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

給作者打賞,鼓勵TA抓緊創作!
評論
歡迎留言討論~!
  1. 這個很好。我應該發給我老板看看~

    回復
  2. 看了一遍,收藏以后再溫習

    回復
  3. 回復
圈子
關注微信公眾號
大家都在問
单机麻将电脑版 玩游戏挂机赚钱是真的假的 梦幻西游手游炼药还是摆摊赚钱 英超积分榜2 大邦商城怎么赚钱 广西11选5中奖助手 774444天津时时彩 欢乐谷棋牌手机安卓版 陕西快乐十分电视横屏 湖北11选5中奖规则 大乐透彩票