尼爾森十大原則

產(chǎn)品設(shè)計時考慮用戶體驗是必不可少的一個步驟能岩,而如何做好用戶體驗辅髓,本期給大家介紹尼爾森十大可用性原則。

尼爾森十大原則

?尼爾森十大原則昔头,也叫用戶體驗十大原則,尼爾森十大原則由畢業(yè)于哥本哈根的人機交互學(xué)博士Jakob Nielsen發(fā)表影兽,Jakob Nielsen對人機交互有很多研究揭斧,他提出十大可用性原則,用來評價用戶體驗的好壞峻堰,每個交互設(shè)計者都可以根據(jù)這十大原則進行自查讹开。

1.系統(tǒng)狀態(tài)可見原則

Visibility of system status

操作反饋以及當(dāng)前狀態(tài)提示,通過開放和持續(xù)溝通建立信任茧妒。

設(shè)計應(yīng)當(dāng)始終讓用戶了解正在發(fā)生的事情萧吠;

立即/盡快向用戶提供反饋左冬;

無論是APP 還是PC 端的設(shè)計桐筏,系統(tǒng)都需要給予用戶良好且即時的反饋,避免用戶感到焦慮拇砰、影響用戶體驗梅忌。即便系統(tǒng)正在處理數(shù)據(jù)中還沒來得及反饋狰腌,也要有加載中或者處理中的說明給到用戶,這就是系統(tǒng)狀態(tài)可見原則牧氮。

常見例子:

新手指導(dǎo)顯示的進度條琼腔;

提交表單中和提交成功/失敗的提示;

網(wǎng)頁當(dāng)前所在位置顯示踱葛;

2.易取原則

Recognition rather than recall

要讓用戶識別丹莲、而不是記憶,減少用戶需要記錄的信息/選項可視性/頁面可視性/交互通用性等尸诽。

讓用戶識別頁面中的信息甥材,而不是記住它;

減少用戶的記憶負(fù)擔(dān)性含;

提供簡單的操作指南洲赵;

易取原則的要求是要使用 用戶熟悉且自然的圖標(biāo)、語言來告知用戶商蕴,而不是給一些新穎奇怪的東西讓用戶去學(xué)習(xí)和理解叠萍。

常見例子:

APP/PC端登錄頁面;

搜索绪商、音量苛谷、回復(fù)圖標(biāo);

3.用戶控制

User control and freedom

可以隨時改正或者找到返回/撤回按鈕格郁,為用戶提供一個回退機制 回到正常的狀態(tài)抄腔。在設(shè)計過程中必須要考慮到“萬一”用戶弄錯了的問題要如何處理。

支持撤銷和重做理张;

顯示退出當(dāng)前操作的明確方式赫蛇;

避免用戶陷入困境,感到沮喪雾叭;

常見例子:

繪圖軟件“撤銷”功能悟耘;

微信消息“撤回”;

手機刪除照片保留 30 天织狐。

4.一致原則

Consistency and standards

遵循平臺統(tǒng)一的結(jié)構(gòu)暂幼、色彩、操作移迫、反饋旺嬉、文字,一致性也包括與用戶習(xí)慣厨埋、認(rèn)知的一致性邪媳。

減少用戶認(rèn)知負(fù)擔(dān);

遵循既定的行業(yè)慣例;

保持產(chǎn)品內(nèi)部的統(tǒng)一性雨效;

一致性能讓用戶最快速的理解一款產(chǎn)品迅涮,對于產(chǎn)品來說,易用是非常重要的徽龟,而產(chǎn)品的一致性能有效降低用戶的學(xué)習(xí)成本叮姑。所以在產(chǎn)品設(shè)計時,保持產(chǎn)品的一致性是極其重要的据悔,在一致性的基礎(chǔ)上進行微創(chuàng)新才能被用戶所接受传透。

常見例子:

左滑APP頁面一定會是“返回”到上一級;

APP首頁一定不會在菜單欄最后一個极颓,而個人中心總是排最后旷祸;

5.防錯原則

Error prevention

通過設(shè)計減少錯誤,預(yù)測錯誤的可能性讼昆。

防止發(fā)生高成本的錯誤托享;

幫助用戶排除一些容易出錯的情況;

在用戶提交之前向用戶提供確認(rèn)選項浸赫;

如何在錯誤未產(chǎn)生的時候提示用戶闰围,在操作APP時顯得很重要。比如點擊“刪除”的時候既峡,彈窗二次確認(rèn)是否真的要刪除羡榴,用戶此時可以點擊取消,原因是自己不小心按錯了运敢,以此來規(guī)避錯誤校仑。

防錯機制與前面講到的回退機制不同在于:防錯機制是錯誤發(fā)生之前對用戶進行提醒和阻止;回退機制則是錯誤發(fā)生了之后如何挽回传惠∑回退機制還有一個就是垃圾回收站,還有手機刪除照片保留 30 天功能等卦方,這些都是回退機制羊瘩。

常見例子:

用戶提交表單前給一個“確認(rèn)”的步驟;

設(shè)置密碼時盼砍,對密碼的位數(shù)限制提示尘吗;

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

Recognition rather than recall

給用戶記錄一些重要但不敏感的信息,例如 搜索歷史浇坐、瀏覽歷史睬捶、默認(rèn)收貨地址等,這些都能給用戶在下一次操作的時候帶來極大地便利近刘,是一種簡單實現(xiàn)但又能提升用戶體驗的好方法擒贸。

常見案例:

記住密碼臀晃、驗證碼、關(guān)聯(lián)登錄酗宋;

搜索記錄积仗、瀏覽記錄疆拘;

選擇而不是輸入蜕猫,盡量降低輸入成本;

7.靈活高效

Flexibility and efficiency of use

對于不同用戶操作方式不同哎迄。系統(tǒng)是為大多數(shù)用戶設(shè)計的回右,設(shè)計的時候不僅要考慮新用戶使用的感受,還要考慮長期使用的用戶的感受漱挚。

允許用戶根據(jù)自己的需求和喜好定制內(nèi)容和功能翔烁;

提供隱形快捷操作方式,滿足新手用戶和深度用戶的使用需求旨涝;

在產(chǎn)品設(shè)計的時候蹬屹,考慮新用戶的易用性和考慮老用戶的靈活操作配置是十分有必要的。為用戶提供自定義調(diào)整順序/樣式白华,滿足了不同用戶使用的需求慨默。

?常見案例:

外賣軟件中購買過的產(chǎn)品提供“再來一單”按鈕;

飛書的常用模塊弧腥,對于新用戶可以快速找到常用功能厦取,對于老用戶,可以對模塊自定義調(diào)整順序和是否展現(xiàn)管搪。

8.簡潔美觀

Aesthetic and minimalist design

降低不必要的視覺噪音虾攻,為用戶提高效率。頁面不應(yīng)包含無關(guān)或很少需要的信息更鲁,否則會降低主要內(nèi)容的相對可視性霎箍。

刪除不必要的信息;

不要讓干擾元素分散用戶注意力澡为;

優(yōu)先考慮支持主要目標(biāo)的內(nèi)容和功能朋沮;

做的繁瑣不難,做的簡單卻不容易缀壤,所以要學(xué)會對界面的布局樊拓,交互設(shè)計進行打磨學(xué)習(xí),對文案的反復(fù)推敲塘慕。

不錯的案例:

夸克瀏覽器網(wǎng)頁版:https://www.myquark.cn/

夸克瀏覽器APP頁面

9.容錯原則

Help users recognize, diagnose, and recover from errors

對錯誤信息使用簡單明了的提示指出錯誤之處筋夏,并給出解決意見和糾正。用戶使用發(fā)生錯誤時不應(yīng)該抱一串看不懂的代碼图呢,這是極其不友好的条篷,例如404的錯誤 可以報“抱歉骗随,服務(wù)器正在維護中,請耐心等待”赴叹。

錯誤消息以易于理解的語言表達鸿染;

準(zhǔn)確指出問題,并提供可行的解決方案乞巧;

用典型視覺效果進行錯誤提示涨椒;

錯誤產(chǎn)生了,要讓用戶知道發(fā)生什么事情绽媒,最好還能告知用戶什么時候可以解決蚕冬,盡量取安撫用戶的挫敗感。在做產(chǎn)品設(shè)計時是辕,要考慮系統(tǒng)出現(xiàn)錯誤之后囤热,把錯誤的亂碼轉(zhuǎn)述為用戶能接受的語言,這樣產(chǎn)品才能最大程度降低用戶的厭惡情緒获三。

? 經(jīng)典案例:

使用谷歌瀏覽器斷網(wǎng)時旁蔼,頁面上會出現(xiàn)一只像素恐龍,提示你未能連接到互聯(lián)網(wǎng)疙教。但這可不僅僅是一個簡單的404提示頁棺聊,這是一款恐龍跑酷的小游戲,可以利用空格鍵跳過障礙松逊。

10.幫助原則

Help and documentation

對于一個設(shè)計良好的產(chǎn)品躺屁,用戶往往不需要經(jīng)過培訓(xùn)就能輕松上手使用。但對于B端產(chǎn)品則需要提供最基本的幫助文檔经宏,除此之外 友好

詳細內(nèi)容請閱讀:尼爾森十大原則

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末犀暑,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子烁兰,更是在濱河造成了極大的恐慌耐亏,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,104評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件沪斟,死亡現(xiàn)場離奇詭異广辰,居然都是意外死亡,警方通過查閱死者的電腦和手機主之,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,816評論 3 399
  • 文/潘曉璐 我一進店門择吊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人槽奕,你說我怎么就攤上這事几睛。” “怎么了粤攒?”我有些...
    開封第一講書人閱讀 168,697評論 0 360
  • 文/不壞的土叔 我叫張陵所森,是天一觀的道長囱持。 經(jīng)常有香客問我,道長焕济,這世上最難降的妖魔是什么纷妆? 我笑而不...
    開封第一講書人閱讀 59,836評論 1 298
  • 正文 為了忘掉前任,我火速辦了婚禮晴弃,結(jié)果婚禮上掩幢,老公的妹妹穿的比我還像新娘。我一直安慰自己肝匆,他們只是感情好粒蜈,可當(dāng)我...
    茶點故事閱讀 68,851評論 6 397
  • 文/花漫 我一把揭開白布顺献。 她就那樣靜靜地躺著旗国,像睡著了一般。 火紅的嫁衣襯著肌膚如雪注整。 梳的紋絲不亂的頭發(fā)上能曾,一...
    開封第一講書人閱讀 52,441評論 1 310
  • 那天,我揣著相機與錄音肿轨,去河邊找鬼寿冕。 笑死,一個胖子當(dāng)著我的面吹牛椒袍,可吹牛的內(nèi)容都是我干的驼唱。 我是一名探鬼主播,決...
    沈念sama閱讀 40,992評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼驹暑,長吁一口氣:“原來是場噩夢啊……” “哼玫恳!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起优俘,我...
    開封第一講書人閱讀 39,899評論 0 276
  • 序言:老撾萬榮一對情侶失蹤京办,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后帆焕,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體惭婿,經(jīng)...
    沈念sama閱讀 46,457評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,529評論 3 341
  • 正文 我和宋清朗相戀三年叶雹,在試婚紗的時候發(fā)現(xiàn)自己被綠了财饥。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,664評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡折晦,死狀恐怖钥星,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情筋遭,我是刑警寧澤打颤,帶...
    沈念sama閱讀 36,346評論 5 350
  • 正文 年R本政府宣布暴拄,位于F島的核電站,受9級特大地震影響编饺,放射性物質(zhì)發(fā)生泄漏乖篷。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,025評論 3 334
  • 文/蒙蒙 一透且、第九天 我趴在偏房一處隱蔽的房頂上張望撕蔼。 院中可真熱鬧,春花似錦秽誊、人聲如沸鲸沮。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,511評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽讼溺。三九已至,卻和暖如春最易,著一層夾襖步出監(jiān)牢的瞬間怒坯,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,611評論 1 272
  • 我被黑心中介騙來泰國打工藻懒, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留剔猿,地道東北人。 一個月前我還...
    沈念sama閱讀 49,081評論 3 377
  • 正文 我出身青樓嬉荆,卻偏偏與公主長得像归敬,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子鄙早,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,675評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 前言 最近在梳理和學(xué)習(xí)交互設(shè)計相關(guān)的原則汪茧,補充理論知識,有助于讓自己變得更加專業(yè)蝶锋,也方便與產(chǎn)品經(jīng)理和其他同事溝通設(shè)...
    蟹言閱讀 2,592評論 0 9
  • 解讀尼爾森十大原則-狀態(tài)可見性原則 成為一名優(yōu)秀的UI設(shè)計陆爽,必不可少的需要了解把控用戶體驗,在用戶體驗要素中尼爾森...
    阿韓設(shè)計閱讀 4,375評論 0 4
  • 定義 尼爾森十大原則扳缕,也叫用戶體驗十大原則慌闭、尼爾森十大交互原則、尼爾森的十大可用性原則躯舔。 內(nèi)容 尼爾森十大原則由畢...
    Wonhito閱讀 981評論 1 15
  • 前言 作為設(shè)計人員驴剔,時常會收到來自產(chǎn)品的反饋。對于視覺上的問題粥庄,比如顏色不好看丧失,文本沒有對齊,圖標(biāo)風(fēng)格不一致惜互,表述...
    vcy桑閱讀 10,678評論 5 89
  • 1布讹、可見原則 保持界面的狀態(tài)可見琳拭,變化可見,內(nèi)容可見描验。 當(dāng)我們使用功能時白嘁,產(chǎn)品會對我們的功能做出即時反饋,狀態(tài)膘流,變...
    蘇千千0046閱讀 4,462評論 0 0