交互設(shè)計師必懂的尼爾森十大原則

4 評論 22160 瀏覽 209 收藏 14 分鐘

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

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

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

系統(tǒng)狀態(tài)可見性

定義:系統(tǒng)應(yīng)該在適當(dāng)?shù)臅r間內(nèi)做出適當(dāng)?shù)姆答仯嬷脩舢?dāng)前的系統(tǒng)狀態(tài);該原則強調(diào),產(chǎn)品要給用戶適當(dāng)?shù)姆答仭?/p>

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

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

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

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

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

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

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

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

系統(tǒng)與現(xiàn)實世界相匹配

定義:系統(tǒng)應(yīng)該使用用戶熟悉的詞、句、語法,應(yīng)該符合真實世界中的使用習(xí)慣;該原則強調(diào),產(chǎn)品要使用用戶語言。

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

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

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

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

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

用戶控制與自由

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

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

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

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

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

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

當(dāng)你在打字時,搖動手機即可撤銷輸入的內(nèi)容,當(dāng)你刪除了部分文案時,搖動手機即可恢復(fù)刪除的內(nèi)容。

一致性與標(biāo)準(zhǔn)化

定義:產(chǎn)品的信息架構(gòu)、交互方式、功能名詞、視覺表現(xiàn)等應(yīng)該具有一致性;該原則強調(diào),產(chǎn)品需要具有一致性。

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

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

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

一致性大到產(chǎn)品的架構(gòu),小到icon、文案,利用設(shè)計系統(tǒng)可以協(xié)助我們保持產(chǎn)品的一致性。

預(yù)防錯誤

定義:無論錯誤場景設(shè)計的多好看,都不如在第一時間防止用戶發(fā)生錯誤;該原則強調(diào),產(chǎn)品需要有防錯機制。

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

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

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

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

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

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

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

當(dāng)出現(xiàn)危險操作或者不可逆操作時,會進行二次確認,防止用戶出現(xiàn)錯誤。

辨認而不是回憶

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

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

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

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

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

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

靈活性與使用效率

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

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

當(dāng)產(chǎn)品進行大版本迭代時,會出現(xiàn)引導(dǎo)彈窗來提示用戶如何操作,讓用戶快速上手。

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

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

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

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

好看而簡潔的設(shè)計

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

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

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

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

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

幫助用戶發(fā)現(xiàn)、判斷和修復(fù)錯誤

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

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

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

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

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

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

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

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

幫助文檔

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

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

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

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

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

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

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

總結(jié)

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

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

注:部分圖片來自網(wǎng)絡(luò),侵刪。

 

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

本文由 @何必復(fù)雜 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 系統(tǒng)狀態(tài)可見性、預(yù)防錯誤、辨認而不是回憶、幫助用戶發(fā)現(xiàn),判斷和修復(fù)錯誤這4個好贊??

    來自廣東 回復(fù)
  2. 這個很好。我應(yīng)該發(fā)給我老板看看~

    來自廣東 回復(fù)
  3. 看了一遍,收藏以后再溫習(xí)

    回復(fù)
  4. 回復(fù)