尼爾森十大可用性原則:提升用戶體驗的黃金法則

2 評論 2153 瀏覽 13 收藏 25 分鐘

在產(chǎn)品設(shè)計的過程中,尼爾森可用性原則算是應(yīng)用最廣泛、也是產(chǎn)品要求掌握的模型之一。本文從可用性原則的10條要求出發(fā),結(jié)合案例和分析,給大家詳細解釋了這個模型。

一、尼爾森十大可用性原則概述

雅各布?尼爾森于 1994 年 4 月 24 日發(fā)表了《十大可用性原則》,這些原則不僅適用于 Web 端,還適用于移動端,為產(chǎn)品設(shè)計與用戶體驗設(shè)計提供了重要參考標(biāo)準(zhǔn)。

尼爾森十大可用性原則包括狀態(tài)可感知原則、貼近用戶認知原則、操作可控性原則、一致性原則、防錯性原則、識別好過回憶原則、靈活高效原則、美學(xué)和極簡設(shè)計原則、容錯性原則及人性化幫助原則。這些原則可以用于評價產(chǎn)品體驗的好壞,產(chǎn)品設(shè)計者也可以據(jù)此進行自查。

案例說明:如淘寶網(wǎng)的注冊界面中,系統(tǒng)通過步驟條可以清晰地告知用戶注冊的整體流程和目前所處的流程狀態(tài),體現(xiàn)了狀態(tài)可感知原則。

iOS 6 之前版本的 iPhone 系統(tǒng)中的 “移動滑塊解鎖” 設(shè)計非常貼合人們的日常生活認知,用戶上手成本極低,體現(xiàn)了貼近用戶認知原則。

微信聊天中的一些 “毀滅性” 操作,系統(tǒng)大部分會提供二次確認提示,體現(xiàn)了操作可控性原則。

微信的卡片結(jié)構(gòu)設(shè)計中,列表的提示文案都在卡片里面,遵循了 Material Design 設(shè)計規(guī)范,體現(xiàn)了一致性原則。

在用戶發(fā)送微信朋友圈消息的過程中,當(dāng)用戶還沒有輸入任何消息時,“發(fā)表” 按鈕置灰,屬于防錯性設(shè)計,體現(xiàn)了防錯性原則。

用戶在使用 BOSS 直聘對人員信息進行二次篩選時,所有的篩選條件都會在這個時候展示出來,方便用戶查看并篩選,體現(xiàn)了識別好過回憶原則。

macOS 原生郵箱客戶端提供 “過濾方式:未讀” 功能,用戶使用該功能可篩選出所有未讀的郵件,體現(xiàn)了靈活高效原則。

QQ 好友動態(tài)和微信朋友圈的 Feed 流形成了比較明顯的對比,相對于 QQ 好友動態(tài)來說,微信朋友圈更符合美學(xué)和極簡設(shè)計原則。

當(dāng)用戶在使用產(chǎn)品的過程中出現(xiàn)問題時,系統(tǒng)及時、準(zhǔn)確地告知用戶出現(xiàn)問題的原因,讓用戶快速認識到問題所在,并順利完成操作,體現(xiàn)了容錯性原則。

若用戶在使用產(chǎn)品的過程中出現(xiàn)了問題,系統(tǒng)需要及時、準(zhǔn)確地告知用戶出現(xiàn)問題的原因,讓用戶快速認識到問題所在,并順利完成操作,體現(xiàn)了人性化幫助原則。

二、十大原則詳解

1. 狀態(tài)可見性原則

合理的位置:界面要引導(dǎo)用戶操作,讓用戶清楚當(dāng)前位置及所需信息。

比如訂單頁導(dǎo)航分欄強化用戶所在位置,購買產(chǎn)品 VIP 時按鈕顯示金額讓用戶視線聚焦。訂單頁頂部的導(dǎo)航分欄通過加大加粗字體、加深色彩并添加主題色形狀,為用戶提供了明確的位置指引。這種設(shè)計強化了用戶對當(dāng)前所在位置的認知,使其在瀏覽頁面時能夠快速定位自己的位置,提高操作效率。購買產(chǎn)品 VIP 時,按鈕中顯示金額的設(shè)計,將用戶的注意力吸引到關(guān)鍵信息上,避免用戶在尋找價格信息時分散注意力,從而提高用戶的決策速度。

合適的時間:系統(tǒng)根據(jù)不同時間場景給予反饋,確保反饋及時性。

像頁面跳轉(zhuǎn)時根據(jù)時長顯示不同狀態(tài),長時間無響應(yīng)提示問題。當(dāng)系統(tǒng)響應(yīng)時間小于 1 秒時,通常正常反饋即可。例如,在一些即時跳轉(zhuǎn)的頁面中,用戶通??床坏饺魏翁D(zhuǎn)中的狀態(tài),因為系統(tǒng)的響應(yīng)速度足夠快,不需要額外的提示。

然而,當(dāng)響應(yīng)時間長于 1 秒時,系統(tǒng)通常會通過加載動畫、占位符、分步加載等方式,減緩用戶等待的焦慮感。

再比如,在加載內(nèi)容較多的頁面時,出現(xiàn)加載動畫可以讓用戶知道系統(tǒng)正在工作,而不是出現(xiàn)卡頓或無響應(yīng)的情況。如果超過 10 秒還沒有得到響應(yīng),那么通常會認為這次請求是失敗的,需要給用戶失敗提示。例如,下載提示、刷新提示、支付提示、新頁面加載提示等場景中,如果長時間沒有響應(yīng),系統(tǒng)會及時告知用戶可能出現(xiàn)的問題,以便用戶采取相應(yīng)的措施。

適當(dāng)?shù)姆答仯河脩裟芮逦兄寻l(fā)生、正在發(fā)生及即將發(fā)生的事情,系統(tǒng)對用戶操作給予反饋,減少不確定性。

在電商應(yīng)用中不同操作采用不同反饋方式,對于一些不會造成任何損失的操作,如將商品收藏、添加到購物車等,系統(tǒng)在反饋時盡量不要打斷用戶,使用類似 toast 簡短彈窗提示即可。這種反饋方式既讓用戶知道了操作的結(jié)果,又不會干擾用戶的后續(xù)操作。

在金額支付、內(nèi)容刪除等會涉及用戶利益或安全方面的操作,就需要通過彈窗打斷用戶當(dāng)前操作,讓其二次確認后再作決策,以減少不必要的損失。例如,在進行金額支付時,系統(tǒng)會彈出確認支付的彈窗,顯示支付金額、支付方式等信息,讓用戶再次確認支付操作,確保支付的準(zhǔn)確性和安全性。

2. 貼近場景原則

使用用戶熟悉的語言、概念,貼近用戶生活場景。如蘋果和微信的產(chǎn)品理念,一些 APP 的圖標(biāo)設(shè)計及讀書類 APP 的書架模式展示,降低用戶認知成本,保證溝通順暢。蘋果之父喬布斯和微信之父張小龍的產(chǎn)品核心理念便是用最簡單直白的語言、用戶最熟悉的概念呈現(xiàn)信息,盡量貼近真實的世界,將產(chǎn)品做到傻瓜也能操作。

案例說明:iOS 6 之前版本的 iPhone 系統(tǒng)中的 “移動滑塊解鎖” 設(shè)計就非常貼合人們的日常生活認知,用戶上手成本極低。在一些 APP 的圖標(biāo)設(shè)計中,也會采用貼近用戶生活場景的元素,如模仿現(xiàn)實中的物品或行為,讓用戶一眼就能理解其功能。讀書類 APP 的書架模式展示,就像現(xiàn)實中的書架一樣,讓用戶能夠快速找到自己想要閱讀的書籍,降低了用戶的認知成本,保證了與用戶溝通的順暢。

3. 可控性原則

用戶誤操作時需有明確 “緊急出口”,支持撤銷、重做功能。

案例說明:微信的后退操作、誤刪恢復(fù)及不可逆轉(zhuǎn)操作的提示,讓用戶有自由感和控制感。在微信聊天中,用戶可以自由進退,遵循從哪里來就返回到哪里去的原則。當(dāng)用戶誤操作時,微信提供了撤銷、取消、重做等相關(guān)功能。當(dāng)用戶長按發(fā)送的消息時,可以選擇撤回,重新編輯發(fā)送,避免因一時沒想好而錯發(fā)消息可能給對方或者自己造成困擾。對于一些不可逆轉(zhuǎn)的操作,微信也會給出明顯的提示。例如,在刪除聊天記錄時,系統(tǒng)會彈出確認框,讓用戶再次確認是否刪除,以防止用戶誤刪重要信息。這種設(shè)計讓用戶在使用微信時,有自由感和控制感,能夠更加放心地進行操作。

4. 標(biāo)準(zhǔn)及一致性原則

產(chǎn)品功能操作、控件樣式、界面布局、提示信息等應(yīng)保持一致,遵循平臺慣例,減少用戶學(xué)習(xí)成本,如網(wǎng)站默認遵循的約定及軟件產(chǎn)品的功能排列、布局、色調(diào)一致性。一致性原則在產(chǎn)品設(shè)計中非常重要,它可以讓用戶在不同的頁面和功能之間快速切換,減少學(xué)習(xí)成本。

案例說明:在微信的卡片結(jié)構(gòu)設(shè)計中,列表的提示文案都在卡片里面,遵循了 Material Design 設(shè)計規(guī)范。這種設(shè)計不僅在視覺上保持了一致性,還讓用戶在操作上更加熟悉和方便。軟件產(chǎn)品的一致性還包括功能排列、布局、色調(diào)等方面。例如,網(wǎng)易云音樂的圖標(biāo)顏色與界面的主色均為紅色,也包括其中一些標(biāo)簽和強調(diào)的文字顏色都是紅色。整個界面除了圖片的有效信息外,都通過灰、白、紅色來呈現(xiàn),界面保持了很好的一致性。這種一致性設(shè)計可以讓用戶在使用產(chǎn)品時,快速識別和熟悉不同的功能和操作,提高用戶的使用效率。

5. 防錯原則

在錯誤發(fā)生前預(yù)防,或在用戶操作前提供確認選項,如微信在危險操作時有提示,利用視覺元素引起注意,防止用戶犯不可挽回的錯誤。在微信中,當(dāng)用戶進行一些危險操作或者不可逆轉(zhuǎn)操作的時候,會有提示。

案例說明:在刪除聊天記錄時,系統(tǒng)會彈出確認框,讓用戶再次確認是否刪除,以防止用戶誤刪重要信息。此外,微信還利用一些視覺元素引起用戶注意,提供警示作用。例如,在發(fā)送朋友圈消息時,如果用戶還沒有輸入任何消息,“發(fā)表” 按鈕置灰。這種設(shè)計可以讓用戶在操作前就注意到可能出現(xiàn)的錯誤,從而避免犯不可挽回的錯誤。

6. 協(xié)助記憶原則

通過使元素、按鈕及選項可見化,降低用戶記憶負荷,如夸克的可視化按鈕及展示歷史記錄,讓用戶減少識別記憶時間??淇酥械陌粹o采用可視化的表現(xiàn)形式,加以文字來輔助,讓用戶對信息一目了然。

案例說明:夸克的搜索按鈕會在用戶進入搜索頁面時自動聚焦,并且顯示明顯的搜索圖標(biāo)和提示文字,讓用戶無需記憶搜索按鈕的位置和功能。此外,夸克還會展示用戶常用或最近的歷史記錄,幫助用戶記憶。當(dāng)用戶需要再次訪問之前的頁面時,可以直接從歷史記錄中找到,而無需回憶具體的網(wǎng)址或搜索關(guān)鍵詞。這種設(shè)計大大降低了用戶的記憶負荷,提高了用戶的使用效率。

7. 靈活高效原則

滿足不同用戶需求,提供快捷入口、允許重復(fù)操作及提供默認選項,讓用戶更快捷地使用產(chǎn)品。

案例說明:騰訊會議根據(jù)用戶參會場景分類展示。騰訊會議根據(jù)用戶參會的場景進行分類,常用的會議場景包括:加入提前預(yù)定好的會議、即時性快速開始會議、個人提前預(yù)定會議,以及在線下會議室并且需要馬上進行無線投屏。這種分類展示為用戶提供了快捷入口,讓用戶能夠根據(jù)自己的需求快速找到相應(yīng)的功能。同時,騰訊會議還允許用戶重復(fù)操作,對用戶頻繁使用的功能,提供重復(fù)操作入口或者模版。

例如,用戶可以快速發(fā)起多次相同類型的會議,無需每次都重新設(shè)置會議參數(shù)。此外,騰訊會議還提供默認選項,通過提供系統(tǒng)默認選項,減少用戶多余的操作。

例如,在設(shè)置會議參數(shù)時,系統(tǒng)會提供一些默認的選項,如會議時長、參會人數(shù)等,用戶可以根據(jù)自己的需求進行調(diào)整,也可以直接使用默認選項,快速發(fā)起會議。

8. 清晰簡約原則

界面不包含無關(guān)信息,突出重點,弱化和剔除無關(guān)內(nèi)容,保持簡潔美觀。

案例說明:蘋果官網(wǎng)的簡約設(shè)計風(fēng)格。蘋果官網(wǎng)以其簡潔美觀的設(shè)計風(fēng)格而聞名。在蘋果官網(wǎng)的界面設(shè)計中,不包含無關(guān)緊要的信息,只保留產(chǎn)品最主要的信息。例如,在產(chǎn)品展示頁面中,蘋果官網(wǎng)會突出產(chǎn)品的圖片和關(guān)鍵信息,弱化和剔除無關(guān)內(nèi)容,如過多的文字描述和廣告。這種設(shè)計風(fēng)格讓用戶能夠快速了解產(chǎn)品的特點和優(yōu)勢,提高用戶的瀏覽效率。同時,蘋果官網(wǎng)的設(shè)計還注重美學(xué)和極簡設(shè)計原則,通過簡潔的布局、和諧的色彩搭配和精致的細節(jié)處理,營造出一種高端、時尚的品牌形象,吸引用戶的關(guān)注和購買。

9. 容錯原則

用語言準(zhǔn)確表達錯誤信息,提供建設(shè)性解決方案,幫助用戶從錯誤中恢復(fù)。

案例說明:站酷對已注冊手機號的提示。當(dāng)用戶在使用產(chǎn)品的過程中出現(xiàn)錯誤時,系統(tǒng)需要及時、準(zhǔn)確地告知用戶出現(xiàn)問題的原因,并提供建設(shè)性的解決方案,幫助用戶從錯誤中恢復(fù)。例如,當(dāng)用戶在站酷注冊時,如果輸入的手機號已經(jīng)被注冊過,系統(tǒng)會用清晰的語言提示用戶 “該手機號已被注冊,請使用其他手機號進行注冊”,并提供一些建議,如 “如果您忘記了密碼,可以通過手機號找回密碼”。這種設(shè)計可以讓用戶快速認識到問題所在,并順利完成操作,提高用戶的使用體驗。

10. 人性化幫助原則

提供必要的幫助提示及說明文檔,以不同方式為用戶提供幫助。

案例說明: PS 的新手教程提示及常駐幫助。在產(chǎn)品設(shè)計中,提供必要的幫助提示及說明文檔,可以讓用戶在遇到問題時快速找到解決方案,提高用戶的使用體驗。例如,Photoshop(PS)軟件提供了新手教程提示,幫助新用戶快速了解軟件的功能和操作方法。同時,PS 還提供了常駐幫助,用戶可以在任何時候通過快捷鍵或菜單選項調(diào)出幫助文檔,查找自己需要的信息。此外,幫助性提示還可以采用無需提示、一次性提示、常駐提示、幫助文檔等不同方式,根據(jù)用戶的需求和使用場景進行選擇。例如,對于一些簡單的操作,系統(tǒng)可以采用無需提示的方式,讓用戶自行探索;對于一些復(fù)雜的操作,系統(tǒng)可以采用一次性提示或常駐提示的方式,幫助用戶更好地完成操作。

三、原則的應(yīng)用與意義

1. 在網(wǎng)頁設(shè)計中的應(yīng)用

在網(wǎng)頁設(shè)計中,尼爾森十大可用性原則起著至關(guān)重要的作用。例如,狀態(tài)可見原則要求網(wǎng)頁在合理的時間內(nèi)給予用戶適當(dāng)?shù)姆答?。?dāng)用戶點擊網(wǎng)頁上的按鈕時,立即出現(xiàn)加載動畫或提示信息,讓用戶知道系統(tǒng)正在處理他們的請求。環(huán)境貼切原則促使網(wǎng)頁設(shè)計師使用用戶熟悉的語言和概念,避免使用專業(yè)術(shù)語,使網(wǎng)頁內(nèi)容更易于理解。比如,在電商網(wǎng)頁中,使用 “加入購物車”“立即購買” 等通俗易懂的按鈕標(biāo)簽,而不是晦澀的技術(shù)術(shù)語。

用戶可控原則在網(wǎng)頁設(shè)計中體現(xiàn)為提供明確的導(dǎo)航和返回按鈕,讓用戶在瀏覽網(wǎng)頁時能夠自由進退。一致性原則要求網(wǎng)頁的布局、色彩和交互方式保持一致,使用戶在不同頁面之間切換時不會感到困惑。防錯原則可以通過在用戶提交表單前進行數(shù)據(jù)驗證,避免用戶輸入錯誤信息。識別好過回憶原則可以通過在網(wǎng)頁上顯示用戶的歷史搜索記錄和瀏覽歷史,方便用戶快速找到之前感興趣的內(nèi)容。

靈活高效原則可以在網(wǎng)頁設(shè)計中體現(xiàn)為提供快捷搜索功能和篩選選項,讓用戶能夠快速找到所需信息。審美和簡約設(shè)計原則要求網(wǎng)頁去除無關(guān)信息,突出重點內(nèi)容,使用簡潔的布局和配色方案,提高用戶的瀏覽體驗。容錯原則要求網(wǎng)頁在出現(xiàn)錯誤時,用清晰的語言向用戶解釋錯誤原因,并提供解決方案。人性化幫助原則可以通過在網(wǎng)頁上提供幫助文檔和常見問題解答,為用戶提供必要的支持。

2. 在 APP 開發(fā)中的應(yīng)用

在 APP 開發(fā)中,尼爾森十大可用性原則同樣具有重要意義。狀態(tài)可見原則可以通過在 APP 界面上顯示進度條、通知和提示信息,讓用戶了解系統(tǒng)的運行狀態(tài)。例如,在文件下載過程中,顯示進度條和剩余時間,讓用戶知道下載的進度。環(huán)境貼切原則要求 APP 的設(shè)計語言和交互方式符合用戶的使用習(xí)慣。比如,社交 APP 通常采用簡潔的界面和直觀的操作方式,讓用戶能夠輕松上手。

用戶可控原則在 APP 中體現(xiàn)為提供撤銷和重做功能,讓用戶在誤操作時能夠及時糾正。例如,在文本編輯 APP 中,用戶可以撤銷上一步操作,重新編輯內(nèi)容。一致性原則要求 APP 的界面風(fēng)格、操作方式和反饋機制保持一致。例如,在不同頁面之間切換時,使用相同的動畫效果和過渡方式,讓用戶感到熟悉和舒適。

防錯原則可以通過在 APP 中設(shè)置輸入驗證和錯誤提示,避免用戶輸入錯誤信息。例如,在注冊頁面中,對用戶輸入的手機號碼和密碼進行格式驗證,及時提示用戶錯誤信息。識別好過回憶原則可以通過在 APP 中顯示用戶的歷史記錄和常用選項,讓用戶無需記憶即可快速選擇。例如,在購物 APP 中,顯示用戶的歷史購買記錄和收藏夾,方便用戶再次購買。

靈活高效原則可以在 APP 開發(fā)中體現(xiàn)為提供個性化設(shè)置和快捷操作方式,滿足不同用戶的需求。例如,音樂 APP 允許用戶自定義播放列表和設(shè)置音效,提高用戶的使用體驗。審美和簡約設(shè)計原則要求 APP 的界面簡潔美觀,去除不必要的裝飾和干擾元素。例如,新聞 APP 采用簡潔的布局和清晰的字體,讓用戶能夠?qū)W⒂陂喿x內(nèi)容。容錯原則要求 APP 在出現(xiàn)錯誤時,及時向用戶反饋錯誤信息,并提供解決方案。例如,在網(wǎng)絡(luò)連接失敗時,提示用戶檢查網(wǎng)絡(luò)設(shè)置或嘗試重新連接。人性化幫助原則可以通過在 APP 中提供幫助中心和在線客服,為用戶提供及時的支持和解答。

3. 提升用戶體驗與自查意義

尼爾森十大可用性原則的應(yīng)用能夠有效提升產(chǎn)品的用戶體驗。通過遵循這些原則,產(chǎn)品設(shè)計者可以確保產(chǎn)品具有良好的狀態(tài)可見性、貼近用戶認知、操作可控、一致性、防錯性、易于識別、靈活高效、美觀簡約、容錯性和人性化幫助。這些特點能夠讓用戶在使用產(chǎn)品時感到舒適、便捷和安全,提高用戶的滿意度和忠誠度。

同時,這些原則也可以作為產(chǎn)品設(shè)計者進行自查的重要依據(jù)。在產(chǎn)品設(shè)計的各個階段,設(shè)計者可以對照尼爾森十大可用性原則,檢查產(chǎn)品是否符合這些原則的要求。如果發(fā)現(xiàn)問題,可以及時進行調(diào)整和改進,確保產(chǎn)品的質(zhì)量和用戶體驗。此外,通過對這些原則的深入理解和應(yīng)用,產(chǎn)品設(shè)計者還可以不斷創(chuàng)新和優(yōu)化產(chǎn)品設(shè)計,為用戶提供更加優(yōu)質(zhì)的產(chǎn)品和服務(wù)。

本文由 @用戶體驗王叔 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)作者許可,禁止轉(zhuǎn)載

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

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 實用性強的。我也挺喜歡用這個原則,幾乎沒有不適用的。

    來自廣東 回復(fù)
  2. 尼爾森的十大可用性原則超實用,感覺能幫我設(shè)計出更貼心的App,用戶體驗瞬間升級!

    來自遼寧 回復(fù)