2022-7-3 純純
「尼爾森十大原則」又稱為「用戶界面設(shè)計(jì)的10種可用性啟發(fā)式」,是由雅各布·尼爾森(Jakob Nielsen)提出的10條交互設(shè)計(jì)一般原則。之所以將其定義為“啟發(fā)式”,是因?yàn)樗鼈兪菑V泛的經(jīng)驗(yàn)法則,而不是特定的可用性準(zhǔn)則。
在官方2019年的描述視頻中將原則定義為「十大UX設(shè)計(jì)試探法」,運(yùn)用這些原則有助于我們?cè)囂皆O(shè)計(jì)的邊界,探索設(shè)計(jì)的可能性,千萬(wàn)不要讓原則成為束縛我們?cè)O(shè)計(jì)的枷鎖。
“保證元素對(duì)象,操作選項(xiàng)的可見性,以此降低用戶的記憶負(fù)荷。”
這個(gè)原則直譯文過來的話有點(diǎn)拗口,其實(shí)就是指盡量減少需要用戶記憶的東西,特殊情況下提供可選項(xiàng)讓用戶在此確認(rèn)信息。特別是在一些較為長(zhǎng)流程的頁(yè)面流轉(zhuǎn)中,一定要注意上下文的關(guān)聯(lián)性,以此協(xié)助用戶進(jìn)行回憶,而不是從頭開始記憶。
1. 選項(xiàng)可視性
最常見的運(yùn)用,將選項(xiàng)以用戶最能理解的方式呈現(xiàn)出來,不讓用戶疑惑。
在平常練習(xí)的飛機(jī)稿或者一些風(fēng)格獨(dú)特的產(chǎn)品中我們經(jīng)常會(huì)看到只使用了icon的tab欄,雖然美觀,但是當(dāng)用戶量達(dá)到一定程度,且用戶屬性較多的情況下很容易造成識(shí)別上的問題。目前市面上較多的產(chǎn)品還是選擇了文字+icon的展示形式,通過文字與圖形加深用戶的識(shí)別,高德則選擇了使用表意最為明確的文字。
2. 頁(yè)面可視性
頁(yè)面標(biāo)題也是最為常見的運(yùn)用形式,產(chǎn)品需要清晰的告知用戶目前所處的位置。特別是在一些需要長(zhǎng)時(shí)間停留,存在操作被打斷的界面中標(biāo)題尤為重要。
目前市面上常見的產(chǎn)品都會(huì)在用標(biāo)題來告知用戶當(dāng)前所處頁(yè)面,有段時(shí)間特別流行類似APP Store這種刻意放大來突出頁(yè)面標(biāo)題。值得一提的是,在IOS中如果從一個(gè)APP跳轉(zhuǎn)至另一個(gè)APP左上角則會(huì)出現(xiàn)上一個(gè)APP的名稱,切點(diǎn)擊可以快速返回。如上圖中的淘寶頁(yè)面,我是通過微博點(diǎn)擊廣告鏈接后跳轉(zhuǎn)進(jìn)入的。
3. 交互通用性
只要是用戶熟悉的交互形式,用戶就不用浪費(fèi)時(shí)間去記憶,即使不用文字說明,也能有效的保證用戶的識(shí)別。
在文字閱讀或者編輯的時(shí)候,長(zhǎng)按可以拷貝/粘貼,即使不用說明,絕大部分用戶也能get到,還有就是預(yù)覽圖片時(shí)候,使用手指交換進(jìn)行縮放。
4. 歷史記錄
提供最近訪問項(xiàng)可以幫助用戶恢復(fù)他們未完成的任務(wù)以及難以回憶的任務(wù)。
最常見的莫過于瀏覽器的歷史記錄,可以幫助用戶回憶尋找某個(gè)時(shí)間節(jié)點(diǎn)的內(nèi)容,微信的聊天記錄劃分了更多的維度來幫助用戶搜索相應(yīng)的記錄。淘寶瀏覽商品不穩(wěn)定性較大,有時(shí)用戶會(huì)因?yàn)槟硞€(gè)宣傳而點(diǎn)進(jìn)某個(gè)商品,通過足跡可以查看瀏覽記錄,這樣就不用特地去記店鋪名稱或者加入收藏夾了。
“用戶看不見的加速器(快捷方式)通??梢约涌鞂<矣脩舻慕换ニ俣?,從而使系統(tǒng)可以同時(shí)滿足經(jīng)驗(yàn)不足和經(jīng)驗(yàn)豐富的用戶。允許用戶定制頻繁的操作?!?
系統(tǒng)需要同時(shí)適用于新手用戶與專家用戶,對(duì)于新手用戶來說,需要盡量降低他們的學(xué)習(xí)成本,幫助他們快速上手,而對(duì)于專家用戶來說,他們需要的是快捷以及高效。
1. 千人千面
在注重用戶數(shù)據(jù)分析的今天,很多時(shí)候已經(jīng)不用用戶自己手動(dòng)去設(shè)置自己的偏好,產(chǎn)品便能像你所想。
左圖的滴答清單是最為常見的為新手用戶準(zhǔn)備的引導(dǎo)方式,右圖支付寶的財(cái)富界面,如果是新手用戶,那么金剛區(qū)下方則展示現(xiàn)金紅包,基金推薦等吸新人,如果是基金老用戶了,則會(huì)展示更加專業(yè)的數(shù)據(jù)字段來幫助用戶決策。
2. 重復(fù)操作
對(duì)于熟悉的產(chǎn)品,一般來說用戶更希望一切趨于穩(wěn)定。
在外賣這種使用頻次較高選擇項(xiàng)較多的產(chǎn)品中,很大一部分用戶不愿意冒著風(fēng)險(xiǎn)嘗試新的菜品,或者點(diǎn)餐決策時(shí)間較短(比如開會(huì)),他們很多時(shí)候會(huì)選擇“再來一單”。
3. 快捷方式
在操作同一款軟件時(shí),專家用戶的屏幕只有一個(gè)預(yù)覽窗口,而我…恨不得屏幕再大點(diǎn),塞下所有工具欄。
在各種軟件中都會(huì)設(shè)置快捷鍵便于專家用戶的高效操作,比如專家用戶的Photoshop和我的PS。
“對(duì)話中不應(yīng)包含無關(guān)緊要或很少需要的信息。對(duì)話中每增加一個(gè)信息單元都會(huì)與相關(guān)信息單元競(jìng)爭(zhēng),從而降低其相對(duì)可見度。”
我們?cè)谠O(shè)計(jì)一個(gè)頁(yè)面的時(shí)候,如果其中的元素都想突出,最終只會(huì)導(dǎo)致沒有任何突出的元素。這里可以參考“信噪比”的概念,即相關(guān)信息與無關(guān)信息的比例,用戶的注意力是有限的,降低不必要的視覺噪音,才不會(huì)過于分散用戶的注意力,提高用戶效率。
1. 文字內(nèi)容
資訊類產(chǎn)品中最為常見,如果一大段文字又臭又長(zhǎng),那么就很容易影響到想要傳達(dá)給用戶的核心思想。
36氪在快訊頁(yè)面中會(huì)將重點(diǎn)資訊標(biāo)紅來突出,此外默認(rèn)情況下只展示資訊標(biāo)題,方便用戶快速瀏覽,如果遇到感興趣的資訊可以再選擇展開瀏覽詳細(xì)信息。
2. 視覺元素
利用這個(gè)原理,現(xiàn)在的產(chǎn)品會(huì)在一些視覺元素處理上做出區(qū)分,不僅能引導(dǎo)用戶快速完成預(yù)設(shè)的操作路徑,且對(duì)產(chǎn)品本身業(yè)務(wù)也是相當(dāng)有利。
淘寶的結(jié)算頁(yè)面中,為了促使用戶剁手不受干擾,會(huì)將付款btn與其他做高反差處理,同理Airbnb在首頁(yè)中將搜索房源作同樣的的處理,只要促使用戶搜索了,那就提高了剁手的轉(zhuǎn)化率。
“錯(cuò)誤信息應(yīng)該使用簡(jiǎn)單的語(yǔ)言表示,準(zhǔn)確指示問題并建設(shè)性地提出解決方案。”
原文中特地強(qiáng)調(diào)不要用代碼去表示錯(cuò)誤信息,即用用戶能夠理解的,通俗的,接地氣的詞匯,千萬(wàn)不要用一些專業(yè)性術(shù)語(yǔ)。用語(yǔ)盡量禮貌,不要責(zé)怪用戶,讓他們覺得自己是個(gè)傻逼,這樣很容易讓他們產(chǎn)生挫敗感。
得道在使用手機(jī)號(hào)登錄的時(shí)候手機(jī)號(hào)少輸入了一位,以至于登錄btn一直無法點(diǎn)擊,雖然診斷了錯(cuò)誤,但是沒有明確的告知用戶錯(cuò)在哪。Behance在這方面就顯得更為完善,會(huì)實(shí)時(shí)判斷狀態(tài),并且實(shí)時(shí)告知原因,協(xié)助用戶進(jìn)行改正。
“即使可以在沒有文檔的情況下使用系統(tǒng)會(huì)更好,但可能仍需要提供幫助和文檔。任何此類信息都應(yīng)該易于搜索,著眼于用戶的任務(wù),列出要執(zhí)行的具體步驟,并且信息量不要太大?!?
每個(gè)用戶的背景都有所不同,所以很難確保所有用戶都能暢通無阻的使用自己的產(chǎn)品。無論什么類型的產(chǎn)品,都盡量給用戶提供一個(gè)幫助的途徑,對(duì)于那些只需要一句話就能概括的,可以考慮在附近進(jìn)行簡(jiǎn)短的說明,而對(duì)于需要復(fù)雜說明的,最好統(tǒng)一一個(gè)幫助入口,且放置于用戶易于找到的位置。
在IOS的設(shè)置中,會(huì)在一些設(shè)置項(xiàng)下添加簡(jiǎn)要的說明,以此來幫助用戶更好的理解。印象筆記與普遍的產(chǎn)品一樣,在菜單欄上有幫助的入口,而且提供精準(zhǔn)的搜索功能,幫助用戶更快的解決有可能遇到的問題。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.wnxcall.com