序

可用性測(cè)試是發(fā)現(xiàn)設(shè)計(jì)上問(wèn)題的最直接方法屿讽，但效率低昭灵。因此設(shè)計(jì)需要沉淀和積累，形成方法論伐谈，形成準(zhǔn)則烂完。

引言

設(shè)計(jì)面臨大量的沖突的目標(biāo)，需要權(quán)衡诵棵，需要在設(shè)計(jì)準(zhǔn)則中找到平衡點(diǎn)抠蚣。（例如功能強(qiáng)大又要系統(tǒng)簡(jiǎn)單）。另外設(shè)計(jì)最好具備認(rèn)知心理學(xué)的知識(shí)背景非春。
所有設(shè)計(jì)的準(zhǔn)則都來(lái)源于人類心理學(xué)：感知柱徙、學(xué)習(xí)、推理奇昙、記憶的心理學(xué)研究护侮。

第一章 我們感知自己的期望

經(jīng)驗(yàn)影響感知

我們對(duì)周圍世界的感知來(lái)源于我們期望，而非真實(shí)的描述储耐。過(guò)去的經(jīng)驗(yàn)羊初、現(xiàn)在的環(huán)境、將來(lái)的目標(biāo)會(huì)影響我們的感知什湘。
兩個(gè)簡(jiǎn)單的案例（字母和素描）长赞，不同的預(yù)期目標(biāo)下看到的圖片是不一樣的。（貌似有道理）

用戶經(jīng)常不認(rèn)真看屏幕就點(diǎn)擊闽撤，他們根據(jù)以往經(jīng)驗(yàn)得哆，而不是屏幕上的實(shí)際內(nèi)容。（所以不要用大量文字引導(dǎo)用戶行為哟旗，效果不好的）

在上述心理學(xué)原則下贩据，控件的擺放一致是最基本準(zhǔn)則栋操。（書(shū)中以按鈕的順序?yàn)槔_實(shí)是這樣）

環(huán)境影響感知

視覺(jué)的感知不一定是自下而上的（先看單詞再看句子）饱亮，書(shū)中的案例顯示矾芙，在不同的環(huán)境影響下，確實(shí)會(huì)把同樣的字母判定成不同的含義（自上而下）近上。

周圍環(huán)境對(duì)感知的影響也存在不同感官之間剔宪。

目標(biāo)影響感知

與目標(biāo)無(wú)關(guān)的東西會(huì)被過(guò)濾掉，而不會(huì)進(jìn)入意識(shí)壹无。視覺(jué)會(huì)做過(guò)濾外葱绒，聽(tīng)覺(jué)也會(huì)做過(guò)濾。感知過(guò)濾在網(wǎng)站導(dǎo)航中也會(huì)出現(xiàn)格遭，書(shū)中的100美元中獎(jiǎng)的案例挺有意思哈街。
目標(biāo)會(huì)影響我們注意什么留瞳，目標(biāo)是我們的感知系統(tǒng)有預(yù)判拒迅，從而對(duì)某些特性敏感。

對(duì)設(shè)計(jì)意味著什么

上述三個(gè)影響對(duì)設(shè)計(jì)有三個(gè)啟發(fā)：
1她倘、避免歧義璧微。對(duì)容易出現(xiàn)歧義的地方，依靠標(biāo)準(zhǔn)或慣例硬梁。
2前硫、保持一致：在一致的位置擺放信息和控件。有助于用戶快速識(shí)別荧止。
3屹电、理解目標(biāo)：要理解用戶使用系統(tǒng)的目標(biāo)，知道目標(biāo)導(dǎo)致用戶對(duì)什么的感知強(qiáng)烈跃巡。在交互節(jié)點(diǎn)上確保提供用戶需要的信息危号，并對(duì)應(yīng)到可能的用戶目標(biāo)。

為觀察結(jié)構(gòu)優(yōu)化視覺(jué)

視覺(jué)感知的格式塔（Gestalt)原理【描述性框架】：人類理解圖像會(huì)自動(dòng)構(gòu)建結(jié)構(gòu)素邪，而非細(xì)節(jié)外莲。該原理也是用戶界面設(shè)計(jì)的準(zhǔn)則。

格式塔原理：接近性

人類傾向于把接近的物體分為一類兔朦，把距離較遠(yuǎn)的物體分成兩類偷线。（書(shū)中星星行列的排布印證）
設(shè)計(jì)界面時(shí)可以把一組內(nèi)的物體拉近，不同組的放遠(yuǎn)沽甥。（書(shū)中也給了一個(gè)反例声邦，很到位）

格式塔原理：相似性

人類傾向于把相似的物體分為一類（例如書(shū)中空心星星的案例）。也給了一個(gè)反例摆舟。

格式塔原理：連續(xù)性

人類會(huì)把不連續(xù)的相似物體自動(dòng)補(bǔ)齊連續(xù)亥曹。例如IBM標(biāo)志英融。

格式塔原理：封閉性

視覺(jué)系統(tǒng)會(huì)自動(dòng)嘗試把敞開(kāi)的圖形關(guān)閉起來(lái)。（例如書(shū)中圓的案例和三角形案例）

格式塔原理：對(duì)稱性

視覺(jué)系統(tǒng)會(huì)分解復(fù)雜場(chǎng)景來(lái)降低復(fù)雜度歇式，分解的方向往往趨向于最簡(jiǎn)單的方案驶悟。（例如書(shū)中的兩個(gè)菱形疊加）

一個(gè)非常贊的案例,涉及了封閉性、連續(xù)性材失、對(duì)稱性：

image.png-120.1kB

格式塔原理：主體/背景

視覺(jué)系統(tǒng)會(huì)自動(dòng)嘗試區(qū)分主體和背景痕鳍。例如書(shū)中案例，會(huì)把小三角當(dāng)成主體龙巨。當(dāng)然笼呆，主體和背景有可能隨著注意目標(biāo)的不同而改變。（雖然很少）

背景可以傳遞品牌的信息旨别。
通過(guò)半透明化當(dāng)前主體诗赌，浮現(xiàn)新的主體，可以讓用戶清晰知道自己在交互中所處的位置秸弛，是不錯(cuò)的方法铭若。

格式塔原理：共同命運(yùn)

在動(dòng)態(tài)過(guò)程中，具有相同動(dòng)作或方向的會(huì)自動(dòng)被構(gòu)建為一組递览。哪怕物體之間距離比較遠(yuǎn)叼屠。

第三章：尋找和使用視覺(jué)結(jié)構(gòu)

用戶在使用網(wǎng)站時(shí)，會(huì)快速掃描相關(guān)信息绞铃，不會(huì)仔細(xì)去看镜雨。所以當(dāng)信息以簡(jiǎn)潔和結(jié)構(gòu)化呈現(xiàn)時(shí)，會(huì)更容易瀏覽和理解儿捧。

越是結(jié)構(gòu)化和精煉荚坞，人們?cè)侥芸焖賿呙韬屠斫狻?/p>

顯示搜索結(jié)果也是，可以用信息結(jié)構(gòu)化和避免噪聲菲盾。

書(shū)中地產(chǎn)網(wǎng)站的計(jì)算軟件結(jié)果圖也給了類似的例子颓影。計(jì)算結(jié)果和標(biāo)簽之間距離一樣，違背接近性原則亿汞。

結(jié)構(gòu)化也能提高記憶長(zhǎng)數(shù)字的能力瞭空。例如電話號(hào)碼。也可以利用數(shù)據(jù)控件強(qiáng)制結(jié)構(gòu)化疗我。

通過(guò)將信息分段咆畏，把大塊的信息切割成小塊。顯著標(biāo)記每個(gè)信息段吴裤，以層次結(jié)構(gòu)展示旧找。的視覺(jué)層次的方法，可以讓用戶更專注相關(guān)的信息麦牺。

第四章：閱讀不是自然的

人類的大腦不是為閱讀而設(shè)計(jì)的钮蛛，在進(jìn)化的過(guò)程中人類兒童學(xué)習(xí)語(yǔ)言不需要訓(xùn)練鞭缭，但閱讀需要。

閱讀涉及識(shí)別模式和特征（字的線條魏颓，字的組成部分岭辣，詞），閱讀可以是自下而上特征驅(qū)動(dòng)的（先看字甸饱，再明白意思）沦童，也可以使自上而下語(yǔ)境驅(qū)動(dòng)的（英文中理解整段話，大腦會(huì)自動(dòng)糾正一些錯(cuò)誤單次）叹话。

特征驅(qū)動(dòng)的過(guò)程需要長(zhǎng)時(shí)間訓(xùn)練才能轉(zhuǎn)成無(wú)意識(shí)的行為偷遗。
書(shū)中舉的英文句子去掉一半，還有句中單詞錯(cuò)亂驼壶。
好的閱讀應(yīng)當(dāng)是無(wú)意識(shí)的特征驅(qū)動(dòng)氏豌。我本身是一個(gè)語(yǔ)境驅(qū)動(dòng)的閱讀者，所以細(xì)讀的時(shí)候偶爾會(huì)費(fèi)勁热凹。

大腦的掃描也證明了高級(jí)閱讀者和初級(jí)閱讀者在大腦通路的使用上的不同泵喘。

不常見(jiàn)和不熟悉的詞匯會(huì)影響閱讀。

難以辨認(rèn)的字體會(huì)影響閱讀（阻礙的自下而上的無(wú)意識(shí)閱讀）

小的字體碌嘀，嘈雜背景下的文字也是一樣的涣旨。

重復(fù)的信息也會(huì)淹沒(méi)內(nèi)容。

眼動(dòng)在換行的時(shí)候會(huì)自動(dòng)對(duì)齊到下一段的開(kāi)始股冗，所以大段文字居中或靠右對(duì)齊會(huì)打斷無(wú)意識(shí)閱讀。

設(shè)計(jì)需要支持和蚪，而非干擾閱讀止状。

為閱讀提供支持的設(shè)計(jì)準(zhǔn)則

1、文字應(yīng)基于無(wú)意識(shí)的特征識(shí)別來(lái)處理
2攒霹、使用直白的語(yǔ)言
3怯疤、文字設(shè)計(jì)突出視覺(jué)層次，例如標(biāo)題催束、列表集峦、表格和視覺(jué)加強(qiáng)的單詞。

對(duì)設(shè)計(jì)的啟示是：盡量少讓人閱讀

第五章：色覺(jué)是有限的

人類視覺(jué)是為了檢測(cè)反差（邊緣）而優(yōu)化的抠刺。

現(xiàn)實(shí)世界中塔淤，由于周圍都很明亮，所以提供光感的視桿細(xì)胞幾乎提供不了什么信息速妖。
不同的視錐細(xì)胞的敏感度不同高蜂，低頻的紅黃細(xì)胞敏感度高，中間的綠細(xì)胞敏感度中罕容，高頻的藍(lán)細(xì)胞敏感度低备恤。
人類對(duì)色彩的對(duì)比敏感稿饰，而非決定顏色敏感。所以陽(yáng)光下的花和陰影的花會(huì)認(rèn)為一樣紅露泊。

越淺的顏色喉镰，越不容易區(qū)分。越小的色塊惭笑，越不容易區(qū)分梧喷。越遠(yuǎn)的顏色，越不容易區(qū)分脖咐。

例如在數(shù)據(jù)圖中铺敌，如果圖例的色塊太小，很可能讓用戶區(qū)分不出顏色屁擅。

在設(shè)計(jì)中偿凭，也要考慮不要講常見(jiàn)色盲的顏色設(shè)計(jì)在一起。

使用色彩的準(zhǔn)測(cè)

1派歌、用飽和度弯囊、亮度和色相來(lái)區(qū)分顏色。避免采用輕微的差別胶果∝抑觯可以在灰度模式下測(cè)試勿锅，需要在灰度模式下也能看出差別菩掏。

2、使用獨(dú)特的顏色通道赡茸。（紅綠 黃藍(lán) 黑白）在某個(gè)通道有信號(hào)蕊连，其它通道空信號(hào)是最容易識(shí)別的悬垃。

3、避免色盲人群無(wú)法區(qū)分的顏色甘苍。

4尝蠕、使用顏色之外的其它提示。例如蘋(píng)果的圖標(biāo)载庭，除了顏色還有符號(hào)看彼。

5、將強(qiáng)烈的對(duì)抗色分開(kāi)囚聚。例如紅綠靖榕。

第六章：我們的邊界視力很糟糕

眼睛中央凹的分辨率比周圍視錐細(xì)胞高很多，大腦會(huì)填充焦點(diǎn)之外的內(nèi)容靡挥。
書(shū)中的例子也很有意思序矩，對(duì)屏幕上中央凹關(guān)注的點(diǎn)以正確的文字，周圍的文字隨機(jī)變化跋破，大腦也會(huì)認(rèn)為看到的是一篇正常的文字簸淀。
在色彩上瓶蝴，中央凹的分辨率也比其他地方更敏銳。

邊界視覺(jué)對(duì)運(yùn)動(dòng)有很好的敏銳度租幕。邊界視覺(jué)提供模糊的線索舷手，引導(dǎo)眼球轉(zhuǎn)動(dòng)過(guò)去。

反例：電腦界面的出錯(cuò)信息出現(xiàn)在視覺(jué)邊緣劲绪，并且沒(méi)有明顯的顏色或動(dòng)作男窟，用戶往往注意不到。

讓信息可見(jiàn)的常用方法

• 把信息放在用戶所看的位置上贾富。
• 標(biāo)記出錯(cuò)誤歉眷。
• 使用錯(cuò)誤符號(hào)。
• 保留紅色以呈現(xiàn)錯(cuò)誤颤枪。

讓用戶注意到信息的重武器（小心使用）

• 彈出框：網(wǎng)頁(yè)版應(yīng)用的話用戶可能屏蔽彈出框汗捡。另外彈出框會(huì)打斷用戶當(dāng)前任務(wù)。
• 使用聲音（蜂）
• 閃爍或簡(jiǎn)短的晃動(dòng)：不能過(guò)長(zhǎng)畏纲，四分之一到二分之一秒扇住，否則很煩。例如菜單操作會(huì)利用閃爍表示確認(rèn)收到指令盗胀。

第7章：我們的注意力有限艘蹋，記憶力也不完美。

設(shè)計(jì)需要支持和增強(qiáng)記憶力票灰，而非給記憶力增加負(fù)擔(dān)女阀。

感覺(jué)是受到環(huán)境和特征共同影響的。例如坐在車?yán)锫?tīng)到狗交和在小區(qū)聽(tīng)到狗叫的感覺(jué)是不一樣的米间。環(huán)境和特征越一致强品，大腦受到刺激的區(qū)域重合度越高。和感覺(jué)相關(guān)的大腦區(qū)域察覺(jué)簡(jiǎn)單的特征屈糊。而大腦較低的區(qū)域識(shí)別對(duì)象。

長(zhǎng)期記憶是神經(jīng)元被改變琼了，產(chǎn)生了長(zhǎng)期的改變逻锐。記憶也不是發(fā)生在一處，而是與神經(jīng)元的連接有關(guān)系雕薪，破壞了某處神經(jīng)元昧诱，不一定損傷記憶，可能只是讓回憶不清晰或變慢所袁。但破壞了關(guān)鍵路徑上的神經(jīng)元盏档，可能會(huì)損失記憶。

短期記憶是感覺(jué)和注意現(xiàn)象的組合燥爷。感覺(jué)器官的刺激殘留經(jīng)大腦整合后形成了意識(shí)蜈亩，或稱短期記憶懦窘。短期記憶不是一個(gè)長(zhǎng)期記憶的緩沖區(qū)，而是當(dāng)前注意力的焦點(diǎn)稚配。

短期記憶最重要的特點(diǎn)是低容量和高度不穩(wěn)定性畅涂。一般可以記住不相關(guān)的7個(gè)事物。

短期記憶的特點(diǎn)對(duì)用戶界面設(shè)計(jì)的影響

應(yīng)當(dāng)幫助用戶從一個(gè)時(shí)刻到下一個(gè)時(shí)刻記住核心的信息道川。不能指望用戶自己記住午衰。

模式讓交互系統(tǒng)分配不同的意義給相同的操作，從而讓用戶減少需要學(xué)習(xí)的操作數(shù)量冒萄。
但要提供足夠的模式反饋臊岸， 要么不要提供模式。（例如車的檔位會(huì)被新手掛錯(cuò)）即使系統(tǒng)的模式切換是由用戶來(lái)決定或操作的尊流。

一個(gè)案例是搜索帅戒，在點(diǎn)擊操作后清空了搜索框，由于短期記憶的不穩(wěn)定性奠旺，在注意力轉(zhuǎn)移到搜索結(jié)果后蜘澜，用戶往往會(huì)忘了自己搜的是什么詞。

同樣因?yàn)槎唐谟洃浀牟环€(wěn)定性响疚，不能指望用戶記住一系列指令鄙信，而應(yīng)該隨時(shí)可以查閱。

長(zhǎng)期記憶的特點(diǎn)

長(zhǎng)期記憶的缺點(diǎn)：

• 容易產(chǎn)生錯(cuò)誤：長(zhǎng)期記憶是被壓縮的忿晕，只留下一些特征装诡，而非全部特征。
• 受情緒影響
• 追憶時(shí)可改變

長(zhǎng)期記憶特點(diǎn)對(duì)用戶節(jié)目設(shè)計(jì)的影響：
長(zhǎng)期記憶的特點(diǎn)是人們需要工具去加強(qiáng)它践盼。

身份認(rèn)證是許多系統(tǒng)附加在用戶長(zhǎng)期記憶上的負(fù)擔(dān)鸦采。
用戶節(jié)目的一致性有助于學(xué)習(xí)和長(zhǎng)期保留。
不同功能的操作越一致咕幻，用戶要學(xué)的就越少渔伯。

第8章：注意力對(duì)思考以及行動(dòng)的限制

一些用戶界面設(shè)計(jì)的準(zhǔn)則，建立在短期記憶和有限的注意力上肄程。

模式一：專注于目標(biāo)锣吼，而很少注意使用的工具

人們的注意力放在目標(biāo)和與任務(wù)相關(guān)的東西上，只是很表面的考慮所用的工具蓝厌，而且只在必要時(shí)才這樣做玄叠。因?yàn)樽⒁饬性诠ぞ呱蠒r(shí)，會(huì)忘了目標(biāo)及為了達(dá)成目標(biāo)已完成的及進(jìn)度拓提。所以這個(gè)時(shí)候需要有提示读恃。否則懵逼。

網(wǎng)站本身應(yīng)隱入背景中，讓用戶專注于自己的目標(biāo)寺惫。（Do not make me think)

模式二：使用外部幫助來(lái)記錄正在做的事情

例如 郵件系統(tǒng)會(huì)區(qū)別草稿郵件疹吃，區(qū)別已讀未讀。交互系統(tǒng)還應(yīng)該允許用戶標(biāo)記或移動(dòng)對(duì)象肌蜻。

模式三：我們跟著信息的氣味靠近目標(biāo)互墓。

因?yàn)槲覀冎魂P(guān)注目標(biāo)，所以會(huì)注意到任何與目標(biāo)相關(guān)的文字或元素上蒋搜。

例如書(shū)中舉的柜員機(jī)的例子篡撵。轉(zhuǎn)賬的任務(wù)會(huì)引導(dǎo)用戶注意到 transfer 和donate。所以交互節(jié)目需要先梳理目標(biāo)豆挽，確定任務(wù)育谬。
信息氣味導(dǎo)向的原理，意味著交互系統(tǒng)應(yīng)該設(shè)計(jì)的有強(qiáng)烈的信息氣味帮哈，引導(dǎo)用戶實(shí)現(xiàn)目標(biāo)膛檀。

所以需要理解用戶在每次做決定時(shí)目標(biāo)可能是什么，保證為每個(gè)重要目標(biāo)提供選項(xiàng)娘侍，清晰標(biāo)識(shí)出每個(gè)目標(biāo)對(duì)應(yīng)的選項(xiàng)咖刃。

模式四：我們偏好熟悉的路徑

要實(shí)現(xiàn)某個(gè)目標(biāo)，在有時(shí)間壓力的情況下憾筏，我們會(huì)采用熟悉的路徑嚎杨，而不是探索新路徑。因?yàn)槭熘穆窂讲恍枰淖⒁饬投唐谟洃洝?/p>

用電腦時(shí)不動(dòng)腦子很重要氧腰，人們更愿意為了少動(dòng)腦子而多敲鍵盤(pán)枫浙。

在一些低頻操作的軟件里，不動(dòng)腦子勝過(guò)按鍵古拴÷嶂悖可以增加操作路徑來(lái)減少問(wèn)題。

引導(dǎo)用戶到最佳路徑黄痪，在第一屏就應(yīng)把用戶路徑展現(xiàn)出來(lái)紧帕，提供清晰的信息氣味

幫助有經(jīng)驗(yàn)的用戶提高效率。這也是快捷鍵的思路桅打。

模式五：思考周期-目標(biāo) 執(zhí)行 評(píng)估

評(píng)估環(huán)節(jié)說(shuō)明需要給用戶結(jié)果確認(rèn)的評(píng)估手段焕参。

幫助的手段：
目標(biāo)：提供達(dá)成目標(biāo)的清晰路徑，包括起始步驟油额。
執(zhí)行：基于任務(wù)而非實(shí)現(xiàn)，在需要選擇的節(jié)點(diǎn)上提供清晰的信息氣味刻帚。
評(píng)估：提供進(jìn)度反饋潦嘶，讓用戶離開(kāi)不能幫助實(shí)現(xiàn)目標(biāo)的操作。

模式六：完成主要目標(biāo)后會(huì)忘記收尾工作

短期記憶力的焦點(diǎn)之一是當(dāng)前的目標(biāo)崇众，其它的注意力在于如何完成目標(biāo)掂僵。注意力隨著任務(wù)的執(zhí)行而轉(zhuǎn)移（所以當(dāng)前任務(wù)的所有事情最好都在當(dāng)前任務(wù)完成航厚，不要放到后面指望回頭再檢查，短期記憶原理會(huì)忘記檢查點(diǎn)）锰蓬。

好的交互應(yīng)該避免這樣的失誤幔睬，甚至自動(dòng)完成收尾。例如轉(zhuǎn)向完成后自動(dòng)關(guān)閉轉(zhuǎn)向燈芹扭。

第九章 識(shí)別容易麻顶，回憶很難

人腦能很快的識(shí)別物體，但沒(méi)有線索的支持下回憶是不善長(zhǎng)的舱卡。

記憶通過(guò)兩種方式激活：a)辅肾、從感官來(lái)的感覺(jué)。b)轮锥、從其他大腦來(lái)的活動(dòng)矫钓。識(shí)別是感覺(jué)與長(zhǎng)期記憶的協(xié)同工作。

利用環(huán)境輔助記憶舍杜。

GUI的基礎(chǔ)：更輕松識(shí)別新娜，更困難回憶。

看到和選擇比回憶和輸入更容易既绩。
盡可能使用圖像表達(dá)功能概龄，icon能和其它圖標(biāo)區(qū)分開(kāi)，能與代表的意義聯(lián)系起來(lái)熬词。

使用縮略圖緊湊描繪全尺寸圖像旁钧，而且越熟悉越容易識(shí)別縮略圖。

越多人使用的功能互拾，應(yīng)該越可見(jiàn)：減少用戶回憶歪今。

使用視覺(jué)提示讓用戶知道他們所處的位置

讓認(rèn)證信息容易回憶

第十章 從經(jīng)驗(yàn)中學(xué)習(xí)與學(xué)后付諸實(shí)踐容易，解決問(wèn)題和計(jì)算很難

舊腦颜矿，中腦寄猩，新腦

從經(jīng)驗(yàn)中學(xué)習(xí)通常是容易的

操作已經(jīng)學(xué)會(huì)的動(dòng)作是容易的：人們?yōu)榱斯?jié)約注意力而將熟悉的事情交由無(wú)意識(shí)處理。

解決問(wèn)題和計(jì)算是困難的

段時(shí)間處理新問(wèn)題骑疆，有代價(jià)田篇，不能并行驚醒，同時(shí)需要專注的注意力和不間斷的有意識(shí)監(jiān)控箍铭。計(jì)算消耗注意力和短期記憶力泊柬。

當(dāng)問(wèn)題的要求超出短期記憶，需要從長(zhǎng)期記憶里提取信息或受到打擾诈火，腦負(fù)荷就增加兽赁。

用戶為了避免思考，或者認(rèn)為思考帶來(lái)的回報(bào)不值得，而一直采用“笨辦法”刀崖。

一些設(shè)計(jì)原則：

• 顯著標(biāo)識(shí)系統(tǒng)狀態(tài)和用戶當(dāng)前進(jìn)度惊科。
• 引導(dǎo)用戶完成他們的目標(biāo)。在每一次做決定的時(shí)候提供清晰的信息氣味亮钦，引導(dǎo)用戶向目標(biāo)前進(jìn)馆截。
• 不要讓用戶診斷系統(tǒng)問(wèn)題。
• 盡可能減少設(shè)置的數(shù)量和復(fù)雜度蜂莉。
• 讓用戶試用感覺(jué)而不是計(jì)算蜡娶。
• 讓系統(tǒng)另人感到熟悉。使用已知詞匯巡语，遵循業(yè)界標(biāo)準(zhǔn)翎蹈，使用比喻。
• 讓電腦計(jì)算男公。

第十一章：許多因素影響學(xué)習(xí)

大腦執(zhí)行熟練掌握的活動(dòng)采用的是“自動(dòng)”的方式荤堪，與解決新問(wèn)題和計(jì)算所用的高度受控的方式不同。無(wú)意識(shí)行為不占用注意力資源枢赔，且能并行執(zhí)行澄阳。受控方式占用短期記憶資源以及無(wú)法并行。

練習(xí)和多次操作能將受控行為轉(zhuǎn)為無(wú)意識(shí)行為踏拜。

交互最好能在一個(gè)時(shí)間范圍內(nèi)能讓操作是無(wú)意識(shí)行為碎赢。

操作專注于任務(wù)、簡(jiǎn)單和一致時(shí)學(xué)的更快

以使用天文望遠(yuǎn)鏡為例速梗，用戶為了觀測(cè)獵戶座肮塞，需要把任務(wù)（觀測(cè)獵戶座），轉(zhuǎn)為工具的操作（調(diào)整望遠(yuǎn)鏡的垂直角度姻锁，水平角度枕赵，目標(biāo)與當(dāng)前的角度差等）。這稱為執(zhí)行的鴻溝位隶，用戶把注意力從任務(wù)轉(zhuǎn)移到操作拷窜，會(huì)帶來(lái)?yè)p失。要減少任務(wù)和操作之間的鴻溝涧黄，需要：

• 做任務(wù)分析篮昧。
• 設(shè)計(jì)一個(gè)專注于任務(wù)的概念模型，包括對(duì)象-操作分析笋妥。
• 嚴(yán)格按照任務(wù)分析和概念模型設(shè)計(jì)UI

任務(wù)分析：
用戶使用目的懊昨；哪些人群；任務(wù)出現(xiàn)頻率春宣；任務(wù)重要度疚颊；任務(wù)步驟狈孔；任務(wù)結(jié)果和輸出；任務(wù)的相關(guān)信息來(lái)源材义；任務(wù)信息的利用；使用的工具嫁赏；執(zhí)行任務(wù)時(shí)會(huì)遇到什么問(wèn)題其掂，問(wèn)題頻率，問(wèn)題重要度潦蝇，問(wèn)題原因款熬，問(wèn)題造成的損失大小攘乒；執(zhí)行任務(wù)使用的詞匯贤牛；如何溝通；不同任務(wù)的聯(lián)系则酝；

根據(jù)任務(wù)設(shè)計(jì)專注任務(wù)的概念模型殉簸。工具和任務(wù)之間所需概念的轉(zhuǎn)換越直接越好。UI應(yīng)盡可能達(dá)到用戶自動(dòng)試用這個(gè)工具沽讹。

對(duì)象-動(dòng)作分析
應(yīng)用展現(xiàn)給用戶的概念對(duì)象般卑，用戶對(duì)對(duì)象能做的動(dòng)作，各對(duì)象的屬性爽雄，對(duì)象之間的關(guān)系蝠检。不要讓用戶了解他們不需要了解的東西，這樣會(huì)影響可學(xué)習(xí)性挚瘟。

重要的概念設(shè)計(jì)可以在UI設(shè)計(jì)之前就完成叹谁。

對(duì)于額外添加的功能，以防用戶萬(wàn)一需要這個(gè)功能乘盖，除非有很多潛在用戶需要焰檩，否則這類的需求要堅(jiān)決抵制。因?yàn)槊慷嘣黾右环N可能性侧漓，會(huì)導(dǎo)致整個(gè)工程復(fù)雜性指數(shù)級(jí)別的上升锅尘。

一致性

用戶從有意識(shí)的操作進(jìn)步到無(wú)意識(shí)的操作受到系統(tǒng)一致性的嚴(yán)重影響。功能越可預(yù)期布蔗，一致性越高藤违，了解越快速。不一致會(huì)導(dǎo)致用戶注意力的損耗纵揍。

過(guò)度復(fù)雜來(lái)源于不同又太相似的概念（書(shū)中舉的例子挺好）顿乒。

概念層的一致性：對(duì)象是否有相同的操作和屬性。
交互層的一致性：同一類型的概念操作是否由相同的物理動(dòng)作觸發(fā)泽谨。

對(duì)象-操作矩陣

行是對(duì)象璧榄，列是操作特漩，對(duì)應(yīng)的單元格打勾。從該矩陣上能看出交互概念模型的復(fù)雜度骨杂。越高說(shuō)明對(duì)象越多涂身，越寬說(shuō)明操作越多，同類型的對(duì)象也可看出交互的相似性搓蚪。

小而緊湊的矩陣是易于學(xué)習(xí)的蛤售。

大而稀疏的矩陣是很難學(xué)習(xí)并且交互不一致的設(shè)計(jì)。

首要經(jīng)驗(yàn)是盡可能壓縮對(duì)象-操作矩陣妒潭。

或者大矩陣由小矩陣組成悴能，小矩陣是緊密的。

根據(jù)業(yè)界標(biāo)準(zhǔn)雳灾，保持按鍵的一致性

僅在概念層和任務(wù)層創(chuàng)新漠酿，在按鍵上要保持一致性，降低學(xué)習(xí)成本谎亩。

詞匯專注于任務(wù)炒嘲，熟悉和一致

保證新引入的概念聚焦在用戶要完成的任務(wù)上，而非所用的技術(shù)上团驱。書(shū)中的反例舉得很好摸吠。

所用的詞匯應(yīng)該是熟悉的

熟悉的詞匯降低對(duì)用戶注意力和理解力資源的占用。

專用詞匯應(yīng)保持一致

人們希望將認(rèn)知資源用在自己的目標(biāo)和任務(wù)上嚎花。人們對(duì)展示的東西僅作表面和字面上的理解寸痢。因此交互系統(tǒng)中的專用詞匯應(yīng)保持高度一致。

同一個(gè)名稱就是同一個(gè)東西紊选，不同的名稱就是不同的東西啼止。（騰訊云的云服務(wù)器和建站主機(jī)違反了這個(gè)原則）詞條和概念要一一對(duì)應(yīng)。（書(shū)中舉了photoshop的例子）

有一個(gè)好的概念模型方便開(kāi)發(fā)專注于任務(wù)兵罢、熟悉和一致的專用詞匯

產(chǎn)品詞典里的詞條應(yīng)來(lái)源于任務(wù)献烦，而不是實(shí)現(xiàn)方式。對(duì)業(yè)界標(biāo)準(zhǔn)的概念不要去發(fā)明新名詞卖词。產(chǎn)品詞典應(yīng)隨著產(chǎn)品的發(fā)展而發(fā)展巩那。

風(fēng)險(xiǎn)低的時(shí)候?qū)W的更快

所以要降低用戶的風(fēng)險(xiǎn)，并讓用戶意識(shí)到這一點(diǎn)此蜈。錯(cuò)誤要容易修復(fù)即横，撤銷或反轉(zhuǎn)。

向用戶清晰展示他們做了什么裆赵。

第十二章 我們有時(shí)間要求

感知和認(rèn)知是有時(shí)長(zhǎng)的东囚。不能與用戶的時(shí)間要求同步的交互系統(tǒng)會(huì)被認(rèn)為不靈敏。

感知的響應(yīng)度被研究證明是決定用戶滿意度最重要的因素战授。

響應(yīng)度的定義：以服從用戶在時(shí)間上的要求以及用戶滿意度來(lái)衡量页藻。

高響應(yīng)度的交互不一定是高性能桨嫁。例如書(shū)中解決問(wèn)題的案例，咨詢問(wèn)題時(shí)快速響應(yīng)份帐，給出解決時(shí)間而非立即解決璃吧。

• 立刻告知接收輸入。
• 操作完成所需時(shí)間提供指示弥鹦。
• 等待時(shí)允許做其他事情肚逸。
• 對(duì)常見(jiàn)的用戶請(qǐng)求做出預(yù)期。

好的響應(yīng)度要對(duì)用戶操作做出即時(shí)的反饋彬坏。

糟糕的案例：

• 對(duì)動(dòng)作反饋遲緩。
• 耗時(shí)的操作阻斷其它活動(dòng)膝晾，還不能被取消栓始。
• 運(yùn)行時(shí)間長(zhǎng)的操作對(duì)時(shí)間不提供線索。

大腦的時(shí)間常量：躲閃的反射動(dòng)作反應(yīng)非逞保快幻赚。

聽(tīng)覺(jué)非常靈敏，可以察覺(jué)出聲音到達(dá)兩耳的差異臊旭，從而判斷聲音方向落恼。

對(duì)我們產(chǎn)生影響的視覺(jué)刺激最短5ms。無(wú)意識(shí)保護(hù)的運(yùn)動(dòng)反應(yīng)80ms离熏。

一個(gè)事件產(chǎn)生另一個(gè)事件的連續(xù)事件最長(zhǎng)時(shí)間：140ms佳谦，超過(guò)這個(gè)時(shí)間，大腦會(huì)將兩個(gè)事件無(wú)意識(shí)分割滋戳。

在識(shí)別一個(gè)事物后注意力暫失的時(shí)間窗口（500ms）

視覺(jué)-運(yùn)動(dòng)反應(yīng)時(shí)間700ms钻蔑。

不受干擾的單一操作時(shí)長(zhǎng) 6~30s，超過(guò)這一時(shí)間很容易分神奸鸯。

滿足實(shí)時(shí)交互的設(shè)計(jì)：

• 立刻告知收到用戶動(dòng)作咪笑，保持用戶對(duì)因果關(guān)系的感知。
• 動(dòng)畫(huà)要做到平滑和清晰娄涩。
• 讓用戶取消不想要的長(zhǎng)時(shí)間操作窗怒。
• 讓用戶知道長(zhǎng)時(shí)間操作需要多長(zhǎng)時(shí)間。

聲音交互的間隔不要超過(guò)1ms蓄拣，否則注意力會(huì)被分散扬虚。
10ms以上就會(huì)被用戶察覺(jué)到延時(shí)。

對(duì)用戶動(dòng)作的反饋不要超過(guò)0.1s弯蚜，否則因果關(guān)系會(huì)被打破孔轴。緊密的手眼協(xié)調(diào)延時(shí)不要超過(guò)0.1s。另外大腦會(huì)在這個(gè)時(shí)間范圍內(nèi)對(duì)信息重排碎捺。所以多個(gè)人一起說(shuō)話在這個(gè)窗口期內(nèi)會(huì)被大腦區(qū)分開(kāi)各自的話語(yǔ)路鹰。

10S：多頁(yè)向?qū)?duì)話框每一步最多消耗用戶10s的時(shí)間贷洲，多了應(yīng)該被分解到更多步驟。否則容易失去用戶注意力晋柱。

100S：支持快速關(guān)鍵決策不要超過(guò)的時(shí)間优构。

達(dá)到高響應(yīng)度交互系統(tǒng)的一些指導(dǎo)原則

• 使用忙碌標(biāo)志。應(yīng)為任何運(yùn)行時(shí)會(huì)阻止用戶下一步操作顯示一個(gè)忙碌標(biāo)志雁竞。即使能很快執(zhí)行完钦椭。
• 使用用戶進(jìn)度指示：顯示進(jìn)度的時(shí)限是1s內(nèi)。任何超過(guò)幾秒的操作都應(yīng)該顯示一個(gè)進(jìn)度標(biāo)識(shí)碑诉。顯示還剩多少彪腔，而非已完成多少。顯示總進(jìn)度而非當(dāng)前進(jìn)度进栽。0%和100%處如果停留超過(guò)2s德挣，用戶會(huì)認(rèn)為有問(wèn)題。
• 進(jìn)度應(yīng)該是平緩快毛，線性的格嗅。
• 用人們平時(shí)使用的語(yǔ)言和單位。
• 單位任務(wù)內(nèi)的延遲比單位任務(wù)之間的延遲麻煩唠帝。單位任務(wù)是分解大型任務(wù)的方式屯掖，在執(zhí)行單位任務(wù)時(shí)，用戶將信息保存在知覺(jué)區(qū)內(nèi)襟衰，完成后會(huì)釋放贴铜。保存信息占用注意力資源，所以任務(wù)內(nèi)不要分散注意力右蒲。任務(wù)間的延遲危害更小些阀湿。
• 先顯示重要的信息。給一些信息讓用戶動(dòng)腦子瑰妄，讓用戶注意力從未處理完成的信息上移開(kāi)陷嘴。例如打開(kāi)文檔，先打開(kāi)一頁(yè)再去加載其它的间坐。打開(kāi)圖片灾挨，先打開(kāi)低分辨率版，再打開(kāi)高分辨率版竹宋。
• 手眼協(xié)調(diào)的任務(wù)延遲不要超過(guò)0.1s劳澄，可以偽造反饋后續(xù)計(jì)算來(lái)處理。
• 提前處理蜈七。例如文檔渲染秒拔，可以在用戶操作的空閑時(shí)間預(yù)先渲染。
• 根據(jù)用戶輸入的優(yōu)先級(jí)而非順序處理飒硅。進(jìn)來(lái)找機(jī)會(huì)按照任務(wù)重排砂缩，優(yōu)先處理重要度高的任務(wù)作谚。
• 監(jiān)控時(shí)間，哪怕降低工作質(zhì)量也要保障時(shí)間實(shí)時(shí)性庵芭。
• 提供及時(shí)反饋妹懒，即使網(wǎng)頁(yè)應(yīng)用也應(yīng)該如此。比如用原生組件双吆，分批加載渲染等方法眨唬。
• 實(shí)現(xiàn)高響應(yīng)度是重要的。響應(yīng)度是設(shè)計(jì)問(wèn)題好乐，不僅僅是實(shí)現(xiàn)問(wèn)題匾竿。響應(yīng)度不會(huì)隨著硬件的提升而消失。

手機(jī)掃碼或點(diǎn)擊此處訪問(wèn)我的個(gè)站

我的個(gè)站.png

本文章歡迎轉(zhuǎn)載蔚万，轉(zhuǎn)載請(qǐng)注明出處和作者搂橙。