序
可用性測(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)源于人類(lèi)心理學(xué)：感知、學(xué)習(xí)、推理、記憶的心理學(xué)研究。
第一章 我們感知自己的期望
經(jīng)驗(yàn)影響感知
我們對(duì)周?chē)澜绲母兄獊?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ì)把同樣的字母判定成不同的含義（自上而下）。
周?chē)h(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)原理【描述性框架】：人類(lèi)理解圖像會(huì)自動(dòng)構(gòu)建結(jié)構(gòu)，而非細(xì)節(jié)。該原理也是用戶界面設(shè)計(jì)的準(zhǔn)則。
格式塔原理：接近性
人類(lèi)傾向于把接近的物體分為一類(lèi)，把距離較遠(yuǎn)的物體分成兩類(lèi)。（書(shū)中星星行列的排布印證）
設(shè)計(jì)界面時(shí)可以把一組內(nèi)的物體拉近，不同組的放遠(yuǎn)。（書(shū)中也給了一個(gè)反例，很到位）
格式塔原理：相似性
人類(lèi)傾向于把相似的物體分為一類(lèi)（例如書(shū)中空心星星的案例）。也給了一個(gè)反例。
格式塔原理：連續(xù)性
人類(lèi)會(huì)把不連續(xù)的相似物體自動(dòng)補(bǔ)齊連續(xù)。例如IBM標(biāo)志。
格式塔原理：封閉性
視覺(jué)系統(tǒng)會(huì)自動(dòng)嘗試把敞開(kāi)的圖形關(guān)閉起來(lái)。（例如書(shū)中圓的案例和三角形案例）
格式塔原理：對(duì)稱(chēng)性
視覺(jué)系統(tǒng)會(huì)分解復(fù)雜場(chǎng)景來(lái)降低復(fù)雜度，分解的方向往往趨向于最簡(jiǎn)單的方案。（例如書(shū)中的兩個(gè)菱形疊加）
一個(gè)非常贊的案例,涉及了封閉性、連續(xù)性、對(duì)稱(chēng)性：
格式塔原理：主體/背景
視覺(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é)果圖也給了類(lèi)似的例子。計(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é)層次的方法，可以讓用戶更專(zhuān)注相關(guān)的信息。
第四章：閱讀不是自然的
人類(lèi)的大腦不是為閱讀而設(shè)計(jì)的，在進(jìn)化的過(guò)程中人類(lèi)兒童學(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é)是有限的
人類(lèi)視覺(jué)是為了檢測(cè)反差（邊緣）而優(yōu)化的。
現(xiàn)實(shí)世界中，由于周?chē)己苊髁?，所以提供光感的視桿細(xì)胞幾乎提供不了什么信息。
不同的視錐細(xì)胞的敏感度不同，低頻的紅黃細(xì)胞敏感度高，中間的綠細(xì)胞敏感度中，高頻的藍(lán)細(xì)胞敏感度低。
人類(lèi)對(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)。例如紅綠。
第六章：我們的邊界視力很糟糕
眼睛中央凹的分辨率比周?chē)曞F細(xì)胞高很多，大腦會(huì)填充焦點(diǎn)之外的內(nèi)容。
書(shū)中的例子也很有意思，對(duì)屏幕上中央凹關(guān)注的點(diǎn)以正確的文字，周?chē)奈淖蛛S機(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)境和特征共同影響的。例如坐在車(chē)?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í)，或稱(chēng)短期記憶。短期記憶不是一個(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ù)量。
但要提供足夠的模式反饋， 要么不要提供模式。（例如車(chē)的檔位會(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)則，建立在短期記憶和有限的注意力上。
模式一：專(zhuā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)隱入背景中，讓用戶專(zhuān)注于自己的目標(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í)需要專(zhuān)注的注意力和不間斷的有意識(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í)行為。
操作專(zhuān)注于任務(wù)、簡(jiǎn)單和一致時(shí)學(xué)的更快
以使用天文望遠(yuǎn)鏡為例，用戶為了觀測(cè)獵戶座，需要把任務(wù)（觀測(cè)獵戶座），轉(zhuǎn)為工具的操作（調(diào)整望遠(yuǎn)鏡的垂直角度，水平角度，目標(biāo)與當(dāng)前的角度差等）。這稱(chēng)為執(zhí)行的鴻溝，用戶把注意力從任務(wù)轉(zhuǎn)移到操作，會(huì)帶來(lái)?yè)p失。要減少任務(wù)和操作之間的鴻溝，需要：
- 做任務(wù)分析。
- 設(shè)計(jì)一個(gè)專(zhuān)注于任務(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ì)專(zhuān)注任務(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è)功能，除非有很多潛在用戶需要，否則這類(lèi)的需求要堅(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ì)象是否有相同的操作和屬性。
交互層的一致性：同一類(lèi)型的概念操作是否由相同的物理動(dòng)作觸發(fā)。
對(duì)象-操作矩陣
行是對(duì)象，列是操作，對(duì)應(yīng)的單元格打勾。從該矩陣上能看出交互概念模型的復(fù)雜度。越高說(shuō)明對(duì)象越多，越寬說(shuō)明操作越多，同類(lèi)型的對(duì)象也可看出交互的相似性。
小而緊湊的矩陣是易于學(xué)習(xí)的。
大而稀疏的矩陣是很難學(xué)習(xí)并且交互不一致的設(shè)計(jì)。
首要經(jīng)驗(yàn)是盡可能壓縮對(duì)象-操作矩陣。
或者大矩陣由小矩陣組成，小矩陣是緊密的。
根據(jù)業(yè)界標(biāo)準(zhǔn)，保持按鍵的一致性
僅在概念層和任務(wù)層創(chuàng)新，在按鍵上要保持一致性，降低學(xué)習(xí)成本。
詞匯專(zhuān)注于任務(wù)，熟悉和一致
保證新引入的概念聚焦在用戶要完成的任務(wù)上，而非所用的技術(shù)上。書(shū)中的反例舉得很好。
所用的詞匯應(yīng)該是熟悉的
熟悉的詞匯降低對(duì)用戶注意力和理解力資源的占用。
專(zhuān)用詞匯應(yīng)保持一致
人們希望將認(rèn)知資源用在自己的目標(biāo)和任務(wù)上。人們對(duì)展示的東西僅作表面和字面上的理解。因此交互系統(tǒng)中的專(zhuān)用詞匯應(yīng)保持高度一致。
同一個(gè)名稱(chēng)就是同一個(gè)東西，不同的名稱(chēng)就是不同的東西。（騰訊云的云服務(wù)器和建站主機(jī)違反了這個(gè)原則）詞條和概念要一一對(duì)應(yīng)。（書(shū)中舉了photoshop的例子）
有一個(gè)好的概念模型方便開(kāi)發(fā)專(zhuān)注于任務(wù)、熟悉和一致的專(zhuān)用詞匯
產(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ù)，撤銷(xiāo)或反轉(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)注明出處和作者。
