產(chǎn)品經(jīng)理械媒,要懂點(diǎn)交互知識(shí)!——“尼爾森十原則”

尼爾森十原則提出于1995年1月1日,是人機(jī)交互學(xué)博士Jakob Nielsen分析了兩百多個(gè)可用性問(wèn)題而提煉出的十項(xiàng)通用型原則纷捞。它是產(chǎn)品設(shè)計(jì)與用戶體驗(yàn)設(shè)計(jì)的重要參考標(biāo)準(zhǔn)痢虹,值得深入研究與運(yùn)用。


1.狀態(tài)可見(jiàn)性:系統(tǒng)應(yīng)該在適當(dāng)?shù)臅r(shí)間內(nèi)做出適當(dāng)?shù)姆答佒骼埽嬷脩舢?dāng)前的系統(tǒng)狀態(tài)奖唯。

a.告訴用戶處在系統(tǒng)的什么位置:用戶往往需要知道自己處在系統(tǒng)的什么位置,特別對(duì)于新手用戶來(lái)說(shuō)缀辩,需要提供必要的信息臭埋,否則容易產(chǎn)生迷失。

b.讓用戶知道自己在做什么:用戶需要知道自己的操作是否被系統(tǒng)感知臀玄,所以瓢阴,在用戶操作后,應(yīng)當(dāng)?shù)谝粫r(shí)間提供反饋告訴用戶這項(xiàng)操作被用戶接受了健无。

c.讓用戶知道系統(tǒng)在做什么:當(dāng)系統(tǒng)在運(yùn)行中時(shí)荣恐,盡可能向用戶提供系統(tǒng)運(yùn)行狀態(tài)的信息。

d.讓用戶知道系統(tǒng)做了什么:讓用戶知道操作的結(jié)果累贤,從而進(jìn)行下一步操作叠穆,需要盡可能給予相關(guān)的信息反饋,即便是在沒(méi)有結(jié)構(gòu)的時(shí)候也是一樣臼膏。

e.利用多種反饋:反饋信息可以通過(guò)文字硼被,動(dòng)效,聲音渗磅,震動(dòng)嚷硫,界面元素的變化等多種方式給用戶以提示。

f.對(duì)系統(tǒng)響應(yīng)延遲應(yīng)進(jìn)行反饋:當(dāng)系統(tǒng)響應(yīng)小于1秒時(shí)不會(huì)打斷用戶思考始鱼,不需要特別反饋仔掸,響應(yīng)時(shí)間越長(zhǎng)用戶滿意度越低,10秒時(shí)用戶注意力上限医清,響應(yīng)時(shí)間較長(zhǎng)時(shí)起暮,給與必要的反饋。


以淘寶我的訂單頁(yè)界面為例:

首先是序號(hào)3会烙,顯示了訂單的狀態(tài)负懦,讓用戶了解下沒(méi)下單,有沒(méi)有付款柏腻,是不是發(fā)貨密似,以及是否評(píng)價(jià),處理導(dǎo)航欄葫盼,在訂單右上角,序號(hào)2也能看到訂單狀態(tài)村斟,并且在序號(hào)1看到運(yùn)費(fèi)險(xiǎn)是否成功出單贫导。

2.環(huán)境貼切原理:產(chǎn)品設(shè)計(jì)應(yīng)該使用用戶的語(yǔ)言抛猫,使用用戶熟悉的詞,句孩灯,概念闺金,還應(yīng)該符合真實(shí)世界中的使用習(xí)慣。

a.保證使用用戶語(yǔ)言:保證使用語(yǔ)言是用戶能理解和聯(lián)想的峰档,并不是只能使用大眾化的語(yǔ)言败匹,而是目標(biāo)用戶熟悉的語(yǔ)言。

b.符合現(xiàn)實(shí)世界中的使用習(xí)慣:將產(chǎn)品的使用習(xí)慣和現(xiàn)實(shí)中產(chǎn)品的使用習(xí)慣聯(lián)系起來(lái)讥巡。

c.使用現(xiàn)實(shí)世界的隱喻:從現(xiàn)實(shí)世界中借鑒的設(shè)計(jì)元素可以顯著的降低用戶的認(rèn)知和學(xué)習(xí)困難掀亩,并增加他們的使用興趣

d.使用手勢(shì)操作聯(lián)想:使用的操作手勢(shì),應(yīng)當(dāng)是用戶自然能夠聯(lián)想到的欢顷,不要輕易定義和創(chuàng)造用戶難以聯(lián)想到的手勢(shì)槽棍。

以美團(tuán)主頁(yè)為例:

美團(tuán)所有的分類(lèi)icon都是結(jié)合了生活中的具象元素,符合人們認(rèn)知抬驴。人們能很好的接受炼七,如果刀叉代表超市,就會(huì)引起歧義布持,讓人產(chǎn)生懷疑豌拙,困惑。影響操作體驗(yàn)题暖,增加錯(cuò)誤操作率按傅。

3.用戶可控性原則:用戶經(jīng)常會(huì)在使用功能的時(shí)候發(fā)生誤操作,這時(shí)需要一個(gè)非常明確的“緊急出口”來(lái)幫助他們從當(dāng)時(shí)的情境中恢復(fù)過(guò)來(lái)芙委,需要支持取消和重做逞敷。

a.用戶可以自由導(dǎo)航:清晰和便捷的導(dǎo)航方式,使用戶可以自由的控制返回和去到的地方

b.用戶可以自由的退出灌侣,或返回上一步:用戶在感覺(jué)到迷失或者困惑時(shí)推捐,需要能夠快速撤銷(xiāo)的過(guò)程,用戶使用系統(tǒng)過(guò)程侧啼,是一個(gè)試錯(cuò)的過(guò)程牛柒,他們通常會(huì)試一試新功能,如果發(fā)現(xiàn)錯(cuò)誤就改正錯(cuò)誤痊乾,試用新的方法皮壁,直到成功為止

c.不可逆轉(zhuǎn)的操作需要警告:重要的不可逆轉(zhuǎn)的操作需要給用戶明顯的提示,否則將對(duì)用戶產(chǎn)生嚴(yán)重的影響哪审。

以淘寶提交訂單為例:

在不小心下錯(cuò)訂單時(shí)蛾魄,可以退出支付界面,回到訂單界面,點(diǎn)擊圖標(biāo)1取消訂單滴须,可關(guān)閉當(dāng)前交易交易舌狗。?


4.一致性與標(biāo)準(zhǔn)化:同一產(chǎn)品內(nèi),產(chǎn)品的信息架構(gòu)導(dǎo)航扔水,功能名稱內(nèi)容痛侍,信息的視覺(jué)呈現(xiàn),操作行為交互方式等方面保持一致魔市,使界面看上去熟悉并且易于理解主届,使用用戶可以利用已有的知識(shí)來(lái)執(zhí)行新的操作,并可以預(yù)期操作結(jié)果待德,產(chǎn)品與通用的業(yè)界標(biāo)準(zhǔn)一致君丁。

a.產(chǎn)品內(nèi)部保持一致:通用的信息應(yīng)該使用一致的用詞,外觀和布局磅网,可以幫助用戶快速學(xué)習(xí)谈截,記憶和熟悉產(chǎn)品的功能。

b.不同版本之間有延續(xù)性:產(chǎn)品的不同版本之間涧偷,主要的功能簸喂,設(shè)計(jì)元素等,盡量有一定的延續(xù)性燎潮,避免用戶產(chǎn)生困惑

C.與業(yè)內(nèi)產(chǎn)品保持一致:用戶在使用其他產(chǎn)品喻鳄,特別大眾型產(chǎn)品時(shí)已經(jīng)形成了一定的習(xí)慣,不要輕易違反業(yè)界規(guī)范

以美團(tuán)外賣(mài)商家頁(yè)為例:

在各個(gè)商鋪店面布局上保持一致性确封,都是上方為主導(dǎo)航欄(標(biāo)號(hào)1)除呵,顯示點(diǎn)菜,評(píng)價(jià)和商家信息爪喘;側(cè)面為副菜單欄(標(biāo)號(hào)2)颜曾,右下方大區(qū)域(標(biāo)號(hào)3)顯示各種不同種類(lèi)菜品,便于用戶長(zhǎng)久使用秉剑。


5.錯(cuò)誤預(yù)防原則:在用戶選擇動(dòng)作發(fā)生之前泛豪,就要防止用戶容易混淆或者錯(cuò)誤的選擇

a.在執(zhí)行危險(xiǎn)操作前請(qǐng)用戶確認(rèn):在用戶執(zhí)行比較危險(xiǎn)的操作時(shí),讓用戶確認(rèn)侦鹏,避免用戶發(fā)生比較嚴(yán)重的錯(cuò)誤

b.利用清晰的提示防止錯(cuò)誤:提供清晰的提示诡曙,也能防止用戶犯錯(cuò)

c.利用用戶的聯(lián)想防止錯(cuò)誤:利用顏色,動(dòng)效等提供警示信息

以美團(tuán)外賣(mài)下單為例略水,

在選完菜品之后价卤,點(diǎn)結(jié)算,會(huì)出現(xiàn)訂單信息界面渊涝,讓用戶再次檢查訂單信息慎璧,訂單無(wú)誤后床嫌,再提交訂單,出現(xiàn)支付界面炸卑,用于檢查金額和支付方式既鞠,當(dāng)發(fā)現(xiàn)問(wèn)題可按后退鍵回到訂單界面,取消訂單盖文。


6.識(shí)別好過(guò)記憶:盡量減少用戶需要記憶的事情和行動(dòng),提供可選項(xiàng)讓用戶再認(rèn)信息

a.將選擇對(duì)象可視化:將選擇對(duì)象蚯姆,動(dòng)作五续,選項(xiàng)可視化,使得用戶一看就懂

b.豐富的記憶線索:抽象圖形+文字龄恋,提供更多信息疙驾,幫助用戶確認(rèn)

c.使用通用的命令:通過(guò)使用通用的命令,減少用戶的記憶負(fù)擔(dān)

d.更多讓用戶選擇而不是輸入:產(chǎn)品應(yīng)該給用戶提供選項(xiàng)郭毕,讓用戶從中選擇或直接進(jìn)行編輯

以淘寶下方導(dǎo)航欄為例它碎,

通過(guò)符合用戶認(rèn)知的圖標(biāo)與各個(gè)模塊功能完成形象映射,使用戶更直接知道每個(gè)圖片代表什么显押,而不用通過(guò)看文字扳肛,經(jīng)過(guò)思考,才知道代表什么乘碑。降低操作負(fù)荷挖息。


7.靈活高效原則:系統(tǒng)需要同時(shí)適用于經(jīng)驗(yàn)豐富和缺乏經(jīng)驗(yàn)的用戶(為用戶提供便捷,好的軟件不但考慮到新用戶的需要兽肤,也要考慮到熟練用戶的需要套腹。不但應(yīng)對(duì)新用戶來(lái)說(shuō)簡(jiǎn)單易學(xué),還要對(duì)熟練用戶來(lái)說(shuō)快捷资铡,高效电禀,尤其是可以方便地使用頻率較高的功能)

a. 提供快捷鍵:為頻繁操作的功能設(shè)置快捷鍵

b. 允許用戶使用重新操作:對(duì)用戶頻繁使用的部分,提供重復(fù)使用的功能或者模版

c. 提供系統(tǒng)默認(rèn)值:通過(guò)提供系統(tǒng)默認(rèn)值笤休,而減少用戶多余的操作

以美團(tuán)外賣(mài)搜索推薦詞為例尖飞,

在搜索框下,根據(jù)歷史搜索宛官,推薦可能會(huì)用的搜索詞葫松,利用用戶搜索習(xí)慣,極大增加搜索效率底洗。


8.優(yōu)美簡(jiǎn)約原則:界面中不應(yīng)該包含無(wú)關(guān)緊要的信息腋么,設(shè)計(jì)需要簡(jiǎn)潔明了,不要包括不相關(guān)或者不需要的內(nèi)容亥揖,每個(gè)多余的信息都會(huì)分散用戶對(duì)有用或者相關(guān)信息的注意力

a. 避免界面元素過(guò)于雜亂珊擂,同時(shí)呈現(xiàn)過(guò)多元素圣勒,動(dòng)效

b.對(duì)重點(diǎn)信息突出準(zhǔn)備,用戶的精力是有限的摧扇,應(yīng)該保持信息的精煉圣贸,又突出有弱化

以微信界面為例,

微信的功能很多扛稽,像各種小程序吁峻,公眾號(hào),朋友圈以及生活服務(wù)等在张,但在微信的界面依然保持簡(jiǎn)潔的特點(diǎn)用含,根據(jù)功能與使用習(xí)慣,將整體分為四個(gè)大模塊:微信帮匾、通訊錄啄骇、發(fā)現(xiàn)、我瘟斜。并利用下拉工具和左右滑動(dòng)完成界面的整潔缸夹,提高用戶使用體驗(yàn)。


9. 幫助用戶認(rèn)知螺句、判斷虽惭、修復(fù)錯(cuò)誤:用簡(jiǎn)單明確的語(yǔ)言解釋錯(cuò)誤信息,精確指出問(wèn)題的原因并且提出建設(shè)性的解決方案壹蔓。

a. 引起用戶注意:當(dāng)錯(cuò)誤發(fā)生時(shí)趟妥,提示信息一定要直觀醒目,文字需要簡(jiǎn)單易懂佣蓉。

b. 提供建設(shè)性建議:當(dāng)用戶遇到錯(cuò)誤時(shí)披摄,盡可能提供有實(shí)質(zhì)意義的信息,比如問(wèn)題是什么勇凭,如何從錯(cuò)誤中恢復(fù)等等疚膊。

c. 自動(dòng)糾錯(cuò):當(dāng)系統(tǒng)能夠幫助用戶自動(dòng)甄別錯(cuò)誤,并及時(shí)進(jìn)行修正虾标,將給用戶帶來(lái)極大的便利寓盗。

以美團(tuán)外賣(mài)下訂單為例

當(dāng)用戶選擇兩款折扣矛盾商品時(shí),會(huì)出現(xiàn)提示彈窗璧函;如圖2傀蚌,在選擇地址時(shí),會(huì)自動(dòng)推薦合適地址蘸吓,屏蔽不適合的地址善炫;如圖3,當(dāng)選擇不在配送范圍的地址時(shí)库继,會(huì)出現(xiàn)提示窗口箩艺,并告知請(qǐng)?jiān)俅_定收貨地址信息窜醉。


10. 幫助與引導(dǎo)原則:提供幫助信息,幫助信息應(yīng)當(dāng)易于查找艺谆,聚焦于用戶的使用任務(wù)榨惰,列出使用步驟,并且信息量不能過(guò)大静汤。

a. 方便用戶查找:幫助文檔入口容易找到琅催,幫助要信息方便用戶查找

b. 便于用戶理解:避免使用專(zhuān)業(yè)術(shù)語(yǔ),盡量使用圖片或者圖表撒妈,除了文字外還可以使用示意圖恢暖,操作步驟等,方便用戶應(yīng)用狰右。

c. 便于用戶應(yīng)用:在操作的同時(shí)能看見(jiàn)幫助的信息

以美團(tuán)外賣(mài)智能點(diǎn)餐為例,

在智能點(diǎn)餐時(shí)舆床,系統(tǒng)會(huì)自動(dòng)引導(dǎo)用戶填寫(xiě)用餐信息棋蚌,如人數(shù),價(jià)格挨队,以提供更加合適的配餐選擇谷暮。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市盛垦,隨后出現(xiàn)的幾起案子湿弦,更是在濱河造成了極大的恐慌,老刑警劉巖腾夯,帶你破解...
    沈念sama閱讀 216,496評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件颊埃,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡蝶俱,警方通過(guò)查閱死者的電腦和手機(jī)班利,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)榨呆,“玉大人罗标,你說(shuō)我怎么就攤上這事』撸” “怎么了闯割?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,632評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)竿拆。 經(jīng)常有香客問(wèn)我宙拉,道長(zhǎng),這世上最難降的妖魔是什么如输? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,180評(píng)論 1 292
  • 正文 為了忘掉前任鼓黔,我火速辦了婚禮央勒,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘澳化。我一直安慰自己崔步,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,198評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布缎谷。 她就那樣靜靜地躺著井濒,像睡著了一般。 火紅的嫁衣襯著肌膚如雪列林。 梳的紋絲不亂的頭發(fā)上瑞你,一...
    開(kāi)封第一講書(shū)人閱讀 51,165評(píng)論 1 299
  • 那天,我揣著相機(jī)與錄音希痴,去河邊找鬼者甲。 笑死,一個(gè)胖子當(dāng)著我的面吹牛砌创,可吹牛的內(nèi)容都是我干的虏缸。 我是一名探鬼主播,決...
    沈念sama閱讀 40,052評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼嫩实,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼刽辙!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起甲献,我...
    開(kāi)封第一講書(shū)人閱讀 38,910評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤宰缤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后晃洒,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體慨灭,經(jīng)...
    沈念sama閱讀 45,324評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,542評(píng)論 2 332
  • 正文 我和宋清朗相戀三年锥累,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了缘挑。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,711評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡桶略,死狀恐怖语淘,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情际歼,我是刑警寧澤惶翻,帶...
    沈念sama閱讀 35,424評(píng)論 5 343
  • 正文 年R本政府宣布,位于F島的核電站鹅心,受9級(jí)特大地震影響吕粗,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜旭愧,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,017評(píng)論 3 326
  • 文/蒙蒙 一颅筋、第九天 我趴在偏房一處隱蔽的房頂上張望宙暇。 院中可真熱鬧胆剧,春花似錦房维、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,668評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)型奥。三九已至,卻和暖如春碉京,著一層夾襖步出監(jiān)牢的瞬間厢汹,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,823評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工谐宙, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留烫葬,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,722評(píng)論 2 368
  • 正文 我出身青樓凡蜻,卻偏偏與公主長(zhǎng)得像厘灼,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子咽瓷,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,611評(píng)論 2 353