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