尼爾森十大交互原則思考心得(三)

05 防錯(cuò)原則(Error prevention):

Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.

與其在錯(cuò)誤發(fā)生后提供一個(gè)非常棒的出錯(cuò)信息提示,還不如一開(kāi)始就設(shè)計(jì)一種能夠阻止這種錯(cuò)誤發(fā)生的機(jī)制携冤。要么消除容易發(fā)生錯(cuò)誤的隱患袖外,要么在用戶操作后,系統(tǒng)預(yù)見(jiàn)到可能存在的嚴(yán)重后果時(shí)給予用戶確認(rèn)選項(xiàng)以提醒存在的風(fēng)險(xiǎn)奸攻。

防錯(cuò)原則在工業(yè)設(shè)計(jì)領(lǐng)域又被稱為“防呆機(jī)制”准潭,百度百科是這么解釋這個(gè)機(jī)制的:

防呆是一種預(yù)防矯正的行為約束手段她君,運(yùn)用避免產(chǎn)生錯(cuò)誤的限制方法静稻,讓操作者不需要花費(fèi)注意力、也不需要經(jīng)驗(yàn)與專(zhuān)業(yè)知識(shí)即可直接無(wú)誤地完成正確的操作匈辱。在工業(yè)設(shè)計(jì)上振湾,為了避免使用者的操作失誤造成機(jī)器或人身傷害(包括無(wú)意識(shí)的動(dòng)作或下意識(shí)的誤動(dòng)作或不小心的肢體動(dòng)作),會(huì)有針對(duì)這些可能發(fā)生的情況來(lái)做預(yù)防措施亡脸。

防呆機(jī)制主要包括三個(gè)原則:

1. 具有即使有人為疏忽也不會(huì)發(fā)生錯(cuò)誤的構(gòu)造──不需要注意力押搪。

2. 具有外行人來(lái)做也不會(huì)錯(cuò)的構(gòu)造──不需要經(jīng)驗(yàn)與直覺(jué)

3. 具有不管是誰(shuí)或在何時(shí)工作都不會(huì)出差錯(cuò)的構(gòu)造──不需要專(zhuān)門(mén)知識(shí)與高度的技能。

常見(jiàn)的SIM卡設(shè)計(jì)一個(gè)缺角浅碾、內(nèi)存條上居于一側(cè)的凹槽大州、

在軟件和App設(shè)計(jì)領(lǐng)域,用戶錯(cuò)誤的操作行為雖然一般情況下不會(huì)對(duì)應(yīng)用或者用戶造成傷害垂谢,但卻有可能給用戶體驗(yàn)帶來(lái)極大傷害厦画,嚴(yán)重情況下甚至增加用戶跳出率,影響品牌形象。

移動(dòng)端輸入電話號(hào)碼時(shí)彈出的數(shù)字鍵盤(pán)就是防呆機(jī)制在App設(shè)計(jì)領(lǐng)域應(yīng)用的一個(gè)很好范例:

數(shù)字鍵盤(pán)防呆


舉個(gè)防錯(cuò)原則做得有問(wèn)題的簡(jiǎn)單的例子:

有些應(yīng)用提供的上傳圖片不支持某些格式的圖形文件根暑,按照防錯(cuò)原則應(yīng)該從源頭判斷力试,不允許上傳,而不是loading結(jié)束后彈框提示用戶上傳失敗排嫌。

違反防錯(cuò)原則的案例


使用臨時(shí)狀態(tài)進(jìn)行重要操作

對(duì)于某些編輯畸裳、修改系統(tǒng)信息內(nèi)容且行為不可逆的操作,可以使用“臨時(shí)狀態(tài)”的保護(hù)機(jī)制防止用戶犯錯(cuò)淳地。普通狀態(tài)只提供用戶基本的瀏覽怖糊、查看等基礎(chǔ)

編輯是臨時(shí)狀態(tài)


執(zhí)行重要操作時(shí),提供確認(rèn)操作(Require Confirmation?)

基于系統(tǒng)原因和一些限制因素颇象,某些會(huì)有嚴(yán)重后果的系統(tǒng)操作如刪除伍伤、修改、覆蓋等操作是不可逆的夯到,所以系統(tǒng)需要在用戶做出這類(lèi)指令時(shí)嚷缭,明確預(yù)見(jiàn)到了自己操作的后果,但基于系統(tǒng)對(duì)用戶自由度和控制性的支持(即第3條法則)耍贾,系統(tǒng)不需要在用戶做出指令之前給予用戶意見(jiàn)建議阅爽,但在用戶做出指令后,要用對(duì)話框的形式告知用戶該指令產(chǎn)生的后果并讓用戶自主決定是否繼續(xù)執(zhí)行荐开。

確認(rèn)操作


06 易取原則(Recognition rather than recall):

Minimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.

通過(guò)讓控件付翁、動(dòng)作、選項(xiàng)變得可見(jiàn)來(lái)減少用戶記憶負(fù)擔(dān)晃听。用戶無(wú)需記住所有對(duì)話框里的信息以備不時(shí)之需百侧。在用戶需要時(shí),系統(tǒng)幫助應(yīng)該是可見(jiàn)的并容易獲取的能扒。

盡可能減少用戶記憶負(fù)擔(dān)佣渴,把需要記憶的內(nèi)容作為輔助信息提供給用戶,要始終記住初斑,用戶來(lái)使用我們的系統(tǒng)辛润,不是為了找虐的,而是為了完成既定任務(wù)见秤,幫助用戶快捷高效地完成既定任務(wù)砂竖,才是系統(tǒng)應(yīng)該首先考慮的。

除非我們是出于測(cè)試用戶記憶的目的鹃答,否則對(duì)于用戶來(lái)說(shuō)需要?dú)⑺篮芏嗄X細(xì)胞才能回憶起的信息乎澄,正是智能設(shè)備的強(qiáng)項(xiàng),系統(tǒng)調(diào)出保存信息的成本可以忽略不計(jì)测摔,既然這樣置济,何必為難用戶呢?讓系統(tǒng)多做一步,讓用戶少些記憶負(fù)擔(dān)舟肉,是一種雙贏的選擇修噪。

用戶搜索時(shí),提供一個(gè)專(zhuān)門(mén)的場(chǎng)景路媚,即搜索關(guān)鍵字匹配狀態(tài)黄琼,就是關(guān)于這一原則的最佳應(yīng)用范例,如用戶想買(mǎi)一款耳機(jī)整慎,他只記得有一款四個(gè)字的耳機(jī)質(zhì)量很好脏款,名字好像是叫“*海**”,就憑著這一點(diǎn)點(diǎn)線索裤园,用戶在電商網(wǎng)站搜索撤师,就能按圖索驥,完成自己的任務(wù)拧揽。

搜索時(shí)用“易取原則”幫助用戶

用戶的關(guān)于名稱和專(zhuān)有名詞的記憶是不連貫的剃盾,有時(shí)候只能記起其中的一個(gè)或幾個(gè)關(guān)鍵字,所以在專(zhuān)有名詞和名稱搜索時(shí)淤袜,搜索關(guān)鍵字匹配能做成全局匹配的痒谴,就不要僅做首字母匹配。

怎樣保證系統(tǒng)提供給用戶的信息正好是用戶當(dāng)前需要參考的信息铡羡?這就需要綜合考慮場(chǎng)景和當(dāng)前情境綜合設(shè)計(jì)积蔚。如在編程工具里,用戶輸入某個(gè)關(guān)鍵字時(shí)烦周,系統(tǒng)應(yīng)該提供與該關(guān)鍵字相關(guān)的所有字段尽爆、函數(shù)、Class等名稱讓用戶選擇读慎,這可以極大提升編程效率并減少因拼寫(xiě)錯(cuò)誤而造成的BUG漱贱。

編程工具的提示功能

我們假設(shè)一個(gè)使用場(chǎng)景:用戶想要通過(guò)我們的系統(tǒng)為自己的朋友轉(zhuǎn)賬一筆錢(qián),這個(gè)用戶以前曾經(jīng)使用我們的系統(tǒng)為這個(gè)朋友轉(zhuǎn)賬過(guò)夭委。傳統(tǒng)的沒(méi)有做過(guò)體驗(yàn)優(yōu)化的轉(zhuǎn)賬界面就是讓用戶輸入卡號(hào)和姓名幅狮,選擇對(duì)方銀行卡所屬銀行,用戶在這個(gè)過(guò)程中闰靴,要么手里拿著對(duì)方的卡號(hào)和所屬銀行,要么有超強(qiáng)的記憶力钻注,而習(xí)慣了“大店欺客”我們也很難對(duì)這樣的系統(tǒng)有什么指摘蚂且。但如果系統(tǒng)針對(duì)轉(zhuǎn)賬場(chǎng)景做過(guò)調(diào)研和用戶體驗(yàn)優(yōu)化,能做到在用戶輸入對(duì)方姓名時(shí)幅恋,自動(dòng)在轉(zhuǎn)賬記錄里進(jìn)行匹配杏死,并把對(duì)用戶有用的提示信息呈現(xiàn)給用戶,用戶雖然不能完全記住朋友銀行卡賬號(hào),但對(duì)尾號(hào)和開(kāi)戶行會(huì)有一個(gè)粗略的印象淑翼,而呈現(xiàn)的信息幫用戶做的腐巢,正是“Recognition”的工作,使用戶不需要耗費(fèi)太多精力就能輕松完成任務(wù)玄括。

兩相比較冯丙,孰優(yōu)孰劣,則一目了然遭京,面對(duì)用戶需求不積極改變的平臺(tái)胃惜,一定會(huì)被用戶拋棄。

如平安銀行的轉(zhuǎn)賬界面就做得比較貼心:

平安銀行的轉(zhuǎn)賬界面

而幫助用戶參考的信息哪雕,出現(xiàn)時(shí)機(jī)和內(nèi)容也要根據(jù)場(chǎng)景綜合考慮船殉,恰當(dāng)?shù)奶崾拘畔⒃谇‘?dāng)?shù)臅r(shí)候出現(xiàn),是貼心斯嚎,不恰當(dāng)?shù)男畔⒃诓磺‘?dāng)?shù)臅r(shí)候出現(xiàn)利虫,是干擾。

在搜索場(chǎng)景下堡僻,關(guān)鍵字匹配提示需要把用戶當(dāng)前搜索場(chǎng)景中數(shù)據(jù)庫(kù)所有信息都向用戶開(kāi)放并呈現(xiàn)權(quán)重最高的糠惫。但用戶在瀏覽器地址欄輸入網(wǎng)址的場(chǎng)景中,關(guān)鍵字匹配提示如果還是按照搜索場(chǎng)景的模式來(lái)提示用戶苦始,對(duì)用戶就是一種干擾寞钥,因?yàn)榇藭r(shí)用戶已經(jīng)基本確定了自己的輸入目標(biāo)網(wǎng)址,此時(shí)把數(shù)據(jù)庫(kù)中熱門(mén)的權(quán)重高的網(wǎng)址提示呈現(xiàn)給用戶陌选,對(duì)用戶沒(méi)有任何幫助理郑。相反,把用戶最常使用的咨油、收藏夾中的您炉、歷史記錄中的匹配內(nèi)容呈現(xiàn)給用戶,才能真正幫到用戶役电。

兩種不同場(chǎng)景的提示信息

好的信息提示就如同訓(xùn)練有素的服務(wù)人員赚爵,無(wú)處不在卻又不打擾顧客,一旦顧客有任何需求法瑟,會(huì)馬上出現(xiàn)在顧客面前并提供相應(yīng)的服務(wù)冀膝。好的信息提示也應(yīng)該是這樣。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末霎挟,一起剝皮案震驚了整個(gè)濱河市窝剖,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌酥夭,老刑警劉巖赐纱,帶你破解...
    沈念sama閱讀 222,681評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件脊奋,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡疙描,警方通過(guò)查閱死者的電腦和手機(jī)诚隙,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)起胰,“玉大人久又,你說(shuō)我怎么就攤上這事〈恚” “怎么了籽孙?”我有些...
    開(kāi)封第一講書(shū)人閱讀 169,421評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)火俄。 經(jīng)常有香客問(wèn)我犯建,道長(zhǎng),這世上最難降的妖魔是什么瓜客? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 60,114評(píng)論 1 300
  • 正文 為了忘掉前任适瓦,我火速辦了婚禮,結(jié)果婚禮上谱仪,老公的妹妹穿的比我還像新娘玻熙。我一直安慰自己,他們只是感情好疯攒,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,116評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布嗦随。 她就那樣靜靜地躺著,像睡著了一般敬尺。 火紅的嫁衣襯著肌膚如雪枚尼。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 52,713評(píng)論 1 312
  • 那天砂吞,我揣著相機(jī)與錄音署恍,去河邊找鬼。 笑死蜻直,一個(gè)胖子當(dāng)著我的面吹牛盯质,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播概而,決...
    沈念sama閱讀 41,170評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼呼巷,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了赎瑰?” 一聲冷哼從身側(cè)響起王悍,我...
    開(kāi)封第一講書(shū)人閱讀 40,116評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎乡范,沒(méi)想到半個(gè)月后配名,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,651評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡晋辆,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,714評(píng)論 3 342
  • 正文 我和宋清朗相戀三年渠脉,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瓶佳。...
    茶點(diǎn)故事閱讀 40,865評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡芋膘,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出霸饲,到底是詐尸還是另有隱情为朋,我是刑警寧澤,帶...
    沈念sama閱讀 36,527評(píng)論 5 351
  • 正文 年R本政府宣布厚脉,位于F島的核電站习寸,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏傻工。R本人自食惡果不足惜霞溪,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,211評(píng)論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望中捆。 院中可真熱鬧鸯匹,春花似錦、人聲如沸泄伪。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,699評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)蟋滴。三九已至染厅,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間脓杉,已是汗流浹背糟秘。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,814評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留球散,地道東北人尿赚。 一個(gè)月前我還...
    沈念sama閱讀 49,299評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像蕉堰,于是被迫代替她去往敵國(guó)和親凌净。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,870評(píng)論 2 361

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

  • 前言:Jakob Nielsen(雅各布·尼爾森)的十大交互設(shè)計(jì)原則屋讶。它們被稱為“啟發(fā)式”冰寻,因?yàn)樗鼈兪菑V泛的經(jīng)驗(yàn)法...
    熊貓小生閱讀 3,052評(píng)論 2 26
  • 尼爾森十大可用性原則 尼爾森(Jakob Nielsen)是一位人機(jī)交互學(xué)博士,于 1995 年 1 月 1 日發(fā)...
    行走力量閱讀 4,620評(píng)論 0 2
  • 最近做的工作內(nèi)容就是總結(jié)分析常見(jiàn)常用的交互原則皿渗。在閱讀整理的基礎(chǔ)上斩芭,我將目前常見(jiàn)常用的交互法則總結(jié)如下轻腺。本文整體結(jié)...
    壹玖貳貳閱讀 2,424評(píng)論 1 18
  • 每天進(jìn)步一點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)~~從開(kāi)始只能寫(xiě)幾句話、模仿別人的觀點(diǎn)划乖,到現(xiàn)...
    一個(gè)帥氣的名字呀閱讀 18,106評(píng)論 4 31
  • 人的一生琴庵,每時(shí)每刻都在成長(zhǎng)误算。把昨天的自己與今天對(duì)比一下,你就會(huì)發(fā)現(xiàn)昨天的自己有哪些缺漏迷殿,今天的自己有哪些進(jìn)步儿礼。 十...
    雨如花飛閱讀 299評(píng)論 3 3