交互計(jì)算機(jī)系統(tǒng)可以說(shuō)是一門(mén)計(jì)算機(jī)和認(rèn)知學(xué)的交叉工程學(xué)科赏壹，基于科學(xué)的技術(shù)方法創(chuàng)造滿(mǎn)足指定需求的交互系統(tǒng)。工程學(xué)在設(shè)計(jì)中不是取代藝術(shù)，而是讓藝術(shù)成為可能壤靶。工程學(xué)對(duì)建筑來(lái)說(shuō)已經(jīng)夠難了线梗，對(duì)互動(dòng)制品來(lái)說(shuō)更難椰于，原因很簡(jiǎn)單，那就是獲取關(guān)于人的科學(xué)比關(guān)于建筑的更難仪搔。普遍的方法是通過(guò)”可用性測(cè)試“瘾婿，觀察用戶(hù)的操作，發(fā)現(xiàn)他們遇到的困難烤咧，并通過(guò)重新設(shè)計(jì)來(lái)修正偏陪。可用性測(cè)試是有用的煮嫌、必需的笛谦，也是低效的。成果也不如工程學(xué)般能很好的積累起來(lái)昌阿，而且無(wú)法對(duì)失敗有深入的洞察饥脑。認(rèn)知上等到同于通過(guò)烘烤讓用戶(hù)去發(fā)現(xiàn)大窗戶(hù)的效果（測(cè)試窗戶(hù)是否可行？）宝泵。但可用性測(cè)試可以發(fā)現(xiàn)系統(tǒng)的很多缺陷好啰。它是可行的方法，因?yàn)榻换ハ到y(tǒng)的修改通常要比建筑物的重建容易很多儿奶。
最好能在一開(kāi)始就避免許多錯(cuò)誤框往，一種方法就是使用設(shè)計(jì)準(zhǔn)則。與其在可用性測(cè)試中重復(fù)不斷地發(fā)現(xiàn)紅綠搭配的界面對(duì)色盲用戶(hù)很不適用闯捎，不如設(shè)立準(zhǔn)則椰弊，說(shuō)明顏色使用的注意事項(xiàng)。然而瓤鼻，設(shè)計(jì)準(zhǔn)則也有自身的問(wèn)題秉版。在實(shí)踐中，設(shè)計(jì)準(zhǔn)則可能模棱兩可茬祷，或者需要對(duì)環(huán)境做出精細(xì)的解釋?zhuān)部赡芘c其它設(shè)計(jì)準(zhǔn)則矛盾清焕。
這本書(shū)的想法是將設(shè)計(jì)準(zhǔn)則與其核心的認(rèn)知學(xué)和感知科學(xué)高度統(tǒng)一起來(lái)。這樣的形式有幾個(gè)好處：與實(shí)際的設(shè)計(jì)聯(lián)系起來(lái)使得心理學(xué)變得具體而容易理解，而設(shè)計(jì)準(zhǔn)則因與其深層的基本原理相互關(guān)聯(lián)而更容易在具體環(huán)境中應(yīng)用秸妥。
本書(shū)作者： Jeff Johson滚停， 施樂(lè) Star系列產(chǎn)品的用戶(hù)界面團(tuán)隊(duì)成員，GUI的先驅(qū)粥惧。心理學(xué)方面他擁有耶魯大學(xué)和斯坦福大學(xué)的學(xué)位键畴。
引言
設(shè)計(jì)準(zhǔn)則的發(fā)展歷史
- 從開(kāi)始設(shè)計(jì)交互計(jì)算機(jī)系統(tǒng)以來(lái)，就有人嘗試發(fā)表用戶(hù)界面設(shè)計(jì)準(zhǔn)則突雪，以推廣良好的設(shè)計(jì)起惕。
- 早期準(zhǔn)則有：
- Cheriton（1976）
- Norman（1983）
- Smith 和Mosier（1986）
- Shneiderman（1987）
- Brown（1988）
- Nielsen和Molich（1990）
- Marcus（1991）
- 21世紀(jì)的：Stone、Koyani咏删、Bailey和Nall惹想，Johnson。像微軟饵婆、蘋(píng)果勺馆、甲骨文、Google等公司都在各自平臺(tái)發(fā)布了相應(yīng)的設(shè)計(jì)準(zhǔn)則侨核。
用戶(hù)體驗(yàn)設(shè)計(jì)和評(píng)估需要理解和經(jīng)驗(yàn)
- 遵循用戶(hù)界面設(shè)計(jì)準(zhǔn)則不像按食譜煮菜一樣按部就班草穆。設(shè)計(jì)準(zhǔn)則經(jīng)常描述的是目標(biāo)而不是操作。它們特意做到極其概括從而具有更廣泛的適用性搓译，但這也意味著悲柱，人們對(duì)它們準(zhǔn)確的意義和在具體設(shè)計(jì)情境上的適用性經(jīng)常會(huì)做出不同的詮釋。
- 更復(fù)雜的是些己，對(duì)于一個(gè)設(shè)計(jì)情境豌鸡，經(jīng)常會(huì)看到很多規(guī)則都適用，或相互沖突的段标。例如：
- 屏幕要明亮涯冠，又要電池壽命長(zhǎng)；
- 輕便又要堅(jiān)固逼庞；
- 功能多又要容易學(xué)習(xí)
- 功能強(qiáng)大又要系統(tǒng)簡(jiǎn)單蛇更；
- WYSIWYG（所見(jiàn)即所得），又要盲人可用赛糟。
- 要滿(mǎn)足這些設(shè)計(jì)目標(biāo)派任，通常需要權(quán)衡----大量權(quán)衡。
- 但遺憾的是璧南，用戶(hù)界面的準(zhǔn)則通常是以設(shè)計(jì)布告的簡(jiǎn)單列表形式提供的掌逛，幾乎沒(méi)有提供任何理論依據(jù)和背景。這給設(shè)計(jì)和評(píng)估時(shí)要進(jìn)行詮釋變得困難司倚，用不起來(lái)豆混。比如看下面兩個(gè)設(shè)計(jì)準(zhǔn)則的對(duì)比篓像。
用戶(hù)設(shè)計(jì)準(zhǔn)則的比較
- 像預(yù)防錯(cuò)誤 與錯(cuò)誤預(yù)防； 允許容易的操作反轉(zhuǎn) VS幫助用戶(hù)識(shí)別…崖叫；讓用戶(hù)覺(jué)得他們?cè)谡瓶?VS 用戶(hù)的控制與自由
- 對(duì)比會(huì)發(fā)現(xiàn)如果忽略在措辭遗淳、強(qiáng)調(diào)點(diǎn)以及撰寫(xiě)時(shí)計(jì)算機(jī)技術(shù)狀態(tài)的不同之后拍柒，所有這些用戶(hù)界面設(shè)計(jì)準(zhǔn)則是很相似的心傀，這是為什么？
設(shè)計(jì)準(zhǔn)則從何而來(lái)
- 答案在于拆讯，所有設(shè)計(jì)準(zhǔn)則都是基于人類(lèi)心理學(xué)：人們?nèi)绾胃兄小W(xué)習(xí)、推理种呐、記憶宰翅，以及把意圖轉(zhuǎn)換為行動(dòng)。
- 例如爽室，Don Norman在從事人機(jī)交互前就是心理學(xué)領(lǐng)域的一名教授汁讼。 Norman -
早期的人機(jī)設(shè)計(jì)準(zhǔn)則就基于他本人和他人在人類(lèi)認(rèn)知方面的研究。他特別關(guān)注的是人們經(jīng)常犯的認(rèn)知性錯(cuò)誤阔墩，以及計(jì)算機(jī)系統(tǒng)如何減少或消除這些錯(cuò)誤造成的影響嘿架。 - 說(shuō)到底，用戶(hù)界面設(shè)計(jì)準(zhǔn)則是以人類(lèi)心理學(xué)為基礎(chǔ)的啸箫。 學(xué)習(xí)本書(shū)我們主要來(lái)看看這些準(zhǔn)則背后的心理學(xué)知識(shí)耸彪。
書(shū)結(jié)構(gòu)：
第一章： 我們感知自己的期望
經(jīng)驗(yàn)影響感知
環(huán)境影響感知
目標(biāo)影響感知
對(duì)設(shè)計(jì)意味著什么
第二章：為觀察結(jié)構(gòu)優(yōu)化我們的視覺(jué)
格式塔原理：接近性
格式塔原理：相似性
格式塔原理：連續(xù)性
格式塔原理：封閉性
格式塔原理：對(duì)稱(chēng)性
格式塔原理：主體/背景
格式塔原理：共同命運(yùn)
將格式塔原理綜合起來(lái)
第三章：我們尋找和使用視覺(jué)結(jié)構(gòu)
結(jié)構(gòu)提高 了用戶(hù)瀏覽長(zhǎng)數(shù)字的能力
數(shù)據(jù)專(zhuān)用控件提供了更多的結(jié)構(gòu)
視覺(jué)層次讓人專(zhuān)注于相關(guān)的信息
第四章：閱讀不是自然的
我們的大腦是為語(yǔ)言而不是為閱讀設(shè)計(jì)的
閱讀是特征驅(qū)動(dòng)還是語(yǔ)境驅(qū)動(dòng)
熟練閱讀和不熟練閱讀使用大腦的不同部位
糟糕的信息設(shè)計(jì)會(huì)影響閱讀
軟件里要求的閱讀很多是不必要的
對(duì)真實(shí)用戶(hù)測(cè)試
第五章：色覺(jué)是有限的
色覺(jué)是如何工作的
視覺(jué)是為邊緣反差而不是為亮度優(yōu)化的
區(qū)別顏色的能力取決于顏色是如何呈現(xiàn)的
色盲
影響色彩區(qū)分能力的外部因素
使用色彩的準(zhǔn)則
第六章：我們的邊界視力很糟糕
中央凹的分辨率與邊界視野的分辨率比較
邊界視覺(jué)有什么用
電腦用戶(hù)界面中的例子
讓信息可見(jiàn)的常用方法
讓用戶(hù)注意到信息的重武器：請(qǐng)小心使用
第七章：我們的注意力有限，記憶力也不完美
短期與長(zhǎng)期記憶
對(duì)記憶的一種現(xiàn)代觀點(diǎn)
短期記憶的特點(diǎn)
短期記憶的特點(diǎn)對(duì)用戶(hù)界面設(shè)計(jì)的影響
長(zhǎng)期記憶的特點(diǎn)
長(zhǎng)期記憶的特點(diǎn)對(duì)用戶(hù)界面設(shè)計(jì)的影響
第八章：注意力對(duì)思考以及行動(dòng)的限制
模式一：我們專(zhuān)注于目標(biāo)而很少注意使用的工具
模式二：我們使用外部幫助來(lái)記錄正在做的事情
模式三：我們跟著信息“氣味”靠近目標(biāo)
模式四：我們偏好熟悉的路徑
模式五：我們的思考周期：目標(biāo)忘苛、執(zhí)行蝉娜、評(píng)估
模式六：完成任務(wù)的主要目標(biāo)之后，我們經(jīng)常忘記做收尾工作
第九章：識(shí)別容易扎唾，回憶很難
認(rèn)識(shí)容易
回憶很難
識(shí)別與回憶對(duì)用戶(hù)界面設(shè)計(jì)的影響
第十章：從經(jīng)驗(yàn)中學(xué)習(xí)與學(xué)后付諸實(shí)踐容易召川，解決問(wèn)題和計(jì)算很難
我們有三個(gè)大腦
從經(jīng)驗(yàn)中學(xué)習(xí)（通常）是容易的
操作已經(jīng)學(xué)會(huì)的動(dòng)作是容易的
解決問(wèn)題和計(jì)算是困難的
在用戶(hù)界面設(shè)計(jì)上的影響
第十一章：許多因素影響學(xué)習(xí)
當(dāng)操作專(zhuān)注于任務(wù)、簡(jiǎn)單和一致時(shí)胸遇，我們學(xué)得更快
當(dāng)詞匯專(zhuān)注于任務(wù)荧呐、熟悉和一致時(shí)，我們學(xué)得更快
風(fēng)險(xiǎn)低的時(shí)候我們學(xué)得快
第十二章：我們有時(shí)間要求
響應(yīng)度的定義
人類(lèi)大腦的許多時(shí)間常量
時(shí)間常數(shù)的工程近似法：數(shù)量級(jí)
為滿(mǎn)足實(shí)時(shí)交互的設(shè)計(jì)
達(dá)到高響應(yīng)度交互系統(tǒng)的另外一些指導(dǎo)原則
實(shí)現(xiàn)高響應(yīng)度是重要的狐榔。
附錄 著名的用戶(hù)界面設(shè)計(jì)準(zhǔn)則坛增。
我們感知自己的期望
我們對(duì)周?chē)澜绲母兄皇菍?duì)真實(shí)的描述。我們感知到的很大程度上是我們期望感知到的薄腻。有以下三個(gè)因素影響我們的預(yù)期收捣，也因此影響我們的感知。
- 過(guò)去 我們的經(jīng)驗(yàn)庵楷。
- 現(xiàn)在 當(dāng)前的環(huán)境罢艾。
- 將來(lái) 我們的目標(biāo)楣颠。
1、經(jīng)驗(yàn)影響感知
你看到什么取決于告訴你什么咐蚯？
想像一下你擁有一家大型公司童漩，并將與一位房產(chǎn)經(jīng)理開(kāi)會(huì)討論公司的新園區(qū)的建設(shè)方案。園區(qū)有五座建筑排成一排春锋，后兩座有給自助餐廳和健身中心采光的T字型庭院矫膨。如果這位經(jīng)理向你展示下圖，你就會(huì)看到代表這些建筑物的五個(gè)圖塊期奔。
現(xiàn)在想像一下與你見(jiàn)面的不是房產(chǎn)經(jīng)理侧馅，而是廣告經(jīng)理，討論的是在全國(guó)某些市場(chǎng)發(fā)布的廣告牌呐萌。廣告經(jīng)理給你看的也是上圖馁痴，但這次是廣告牌的略圖，由一個(gè)單詞構(gòu)成肺孤。這次罗晕，你清晰無(wú)誤地看到了一個(gè)單詞“LIFE”。
當(dāng)感知系統(tǒng)預(yù)先準(zhǔn)備看的是建筑物的形狀時(shí)赠堵，你就看到了建筑物的形狀小渊，幾乎察覺(jué)不到建筑物之間的白色區(qū)域。當(dāng)感知系統(tǒng)預(yù)先準(zhǔn)備看文字時(shí)顾腊，你就看到了文字粤铭，幾乎注意不到字母間的黑色區(qū)域。
先入為主能夠影響感知杂靶。
再看下面的一個(gè)素描梆惯，你看到了什么？很多人對(duì)它的第一印象是隨手潑出的黑點(diǎn)吗垮。
只有在告訴你這是一只在樹(shù)附近嗅著地面的斑點(diǎn)狗后垛吗，你的視覺(jué)系統(tǒng)才會(huì)把影像組成一幅完整的畫(huà)面。不僅如此烁登，一旦你“看到了”這只狗怯屉，就很難再回頭把這張素描看成是隨機(jī)無(wú)序的點(diǎn)。
除了以上視覺(jué)的例子外饵沧。 經(jīng)驗(yàn)也影響其它類(lèi)型的感知锨络，如對(duì)語(yǔ)句的理解。 例如狼牺，在之前聽(tīng)說(shuō)過(guò)疫苗污染事故的人與最近聽(tīng)說(shuō)過(guò)利用疫苗成功對(duì)抗疾病的人羡儿，當(dāng)他們今天聽(tīng)到“新疫苗含有狂犬病毒”這個(gè)標(biāo)題的信息或許就有同的理解。
計(jì)算機(jī)軟件和網(wǎng)站的用戶(hù)經(jīng)常不認(rèn)真看屏幕就點(diǎn)擊按鈕或鏈接是钥。他們更多靠以往的經(jīng)驗(yàn)來(lái)引導(dǎo)他們對(duì)界面的感知掠归，而不是看清屏幕上的實(shí)際內(nèi)容缅叠。有時(shí)這會(huì)讓軟件設(shè)計(jì)者感到挫敗，他們總以為用戶(hù)會(huì)去看屏幕上有什么虏冻。但感知并非如此運(yùn)作肤粱。
前幾頁(yè)上布置一致的按鈕麻痹了他們的視覺(jué)系統(tǒng)。甚至無(wú)心地返回了幾次之后厨相，他們可能仍然覺(jué)察不到在哪里领曼。這就是為什么“控件的擺放要一致”是一個(gè)常見(jiàn)的用戶(hù)界面設(shè)計(jì)準(zhǔn)則。
類(lèi)似地领铐，在尋找某件東西時(shí)悯森，如果它不在老地方或看起來(lái)與往常不同，即使就在眼皮底下我們也可能視而不見(jiàn)绪撵。這就是因?yàn)榻?jīng)驗(yàn)調(diào)整我們到期望的地方依據(jù)期望的特征去尋找。
2祝蝠、環(huán)境影響感知
當(dāng)我們?cè)噲D去理解視覺(jué)如何工作時(shí)音诈，很容易認(rèn)為它是一個(gè)自下而上的過(guò)程，將邊绎狭、線(xiàn)條细溅、角度、弧線(xiàn)和紋路等基本要素組成圖案并最后形成有意義的事物儡嘶。 以閱讀為例喇聊，你可能假設(shè)我們的視覺(jué)系統(tǒng)首先識(shí)別字母，把它們組合成單詞蹦狂，再將單詞組合成句子誓篱，如此繼續(xù)。
但視覺(jué)感知凯楔，尤其是閱讀窜骄，不完全是一下自下而上的過(guò)程，其中也有自上而下的作用摆屯。
同樣的字符受其附近的字母的影響而被感覺(jué)成H或A
周?chē)h(huán)境對(duì)感知的影響也同樣存在于不同的感官之間邻遏。五個(gè)感官任何之一的感知都可能同時(shí)影響其它感官的感知。例如：
- 我們聽(tīng)到的能影響我們看到的虐骑，反之亦然准验；
- 我們聽(tīng)到、看到或者聞到的能影響我們的觸覺(jué)廷没。
3糊饱、目標(biāo)影響感知
你發(fā)現(xiàn)剪刀了嗎腕柜？現(xiàn)在不去看工具箱济似，你能說(shuō)出來(lái)那里面有沒(méi)有螺絲刀嗎矫废？
我們的目標(biāo)會(huì)過(guò)濾我們的感知，與目標(biāo)無(wú)關(guān)的東西會(huì)被提前過(guò)濾掉砰蠢，而不會(huì)進(jìn)入到意識(shí)層面蓖扑。
一次只做一件事背后的原理，也是基于我們對(duì)目標(biāo)的感知台舱，會(huì)過(guò)濾到其它東西律杠，即使這些東西存在也會(huì)被大腦忽視掉，那與其會(huì)被忽視掉那還不如不出現(xiàn)竞惋。
當(dāng)前的目標(biāo)影響我們的感知的機(jī)理有兩個(gè)：
- 影響我們注意什么柜去， 感知是主動(dòng)的，不是被動(dòng)的拆宛。 我們始終移動(dòng)的眼睛嗓奢、耳朵、手等去尋找周?chē)c我們正在做或者正要做的事最相關(guān)的東西浑厚。如果我們?cè)谝粋€(gè)網(wǎng)站上找園區(qū)地圖股耽，那些能夠引導(dǎo)我們?nèi)ネ瓿赡繕?biāo)的對(duì)象就會(huì)吸引我們的眼睛和控制鼠標(biāo)的手。我們會(huì)或多或少地忽略掉與目標(biāo)無(wú)關(guān)的東西钳幅。
- 使我們的感知系統(tǒng)對(duì)某些特性敏感物蝙， 當(dāng)我們?cè)趯ふ夷臣锲窌r(shí)，大腦能預(yù)先啟動(dòng)我們的感官敢艰，使得它們對(duì)要尋找的東西變得非常敏感诬乞。例如，要在一個(gè)大型停車(chē)場(chǎng)找一輛紅色轎車(chē)時(shí)钠导，紅顏色的車(chē)會(huì)在我們掃描場(chǎng)地時(shí)躍然而出震嫉，而其它顏色的車(chē)就幾乎不會(huì)被注意到，即使我們的確“看到”了它們辈双。類(lèi)似地责掏，當(dāng)我們?cè)噲D在一個(gè)黑暗擁擠的房間里尋找自己的伴侶時(shí)，大腦會(huì)對(duì)我們的聽(tīng)覺(jué)系統(tǒng)進(jìn)行“編程”湃望，從而對(duì)她或他的聲音的頻率組合非常敏感换衬。
4、對(duì)設(shè)計(jì)意味著什么
這些感知的影響因素對(duì)于用戶(hù)界面設(shè)計(jì)有以下三點(diǎn)啟發(fā)证芭。
- 避免歧義
避免顯示有歧義的信息瞳浦，并通過(guò)測(cè)試確認(rèn)所有用戶(hù)對(duì)信息的理解是一致的。當(dāng)無(wú)法消除歧義時(shí)废士，要么依靠標(biāo)準(zhǔn)或慣例叫潦，要么告知用戶(hù)用你期望的方式去理解歧義之處。
例如官硝，電腦上的顯示經(jīng)常將按鈕和文本輸入框渲染成看起來(lái)高于背景面（下圖）矗蕊。這種顯示方式依賴(lài)一個(gè)大多數(shù)有經(jīng)驗(yàn)的用戶(hù)都熟悉的慣例——光源在屏幕的左上角短蜕。如果以其它位置的光源來(lái)渲染按鈕，用戶(hù)是無(wú)法看出它凸起的傻咖。
- 保持一致
在一致的位置擺放信息和控件朋魔。不同頁(yè)面上提供的相同功能的控件和數(shù)據(jù)顯示應(yīng)該擺放在每一頁(yè)上相同的位置，而且它們還應(yīng)該有相同的顏色卿操、字體和陰影等警检。這樣的一致性能讓用戶(hù)很快找到和識(shí)別它們。 - 理解目標(biāo)
用戶(hù)去用一個(gè)系統(tǒng)是有目標(biāo)的害淤。設(shè)計(jì)者應(yīng)該了解這些目標(biāo)扇雕，要認(rèn)識(shí)到不同用戶(hù)的目標(biāo)可能不同，而且他們的目標(biāo)強(qiáng)烈左右他們能感知到什么窥摄。在一次交互的每個(gè)點(diǎn)镶奉，確保提供了用戶(hù)需要的信息，并非常清晰地對(duì)應(yīng)到一個(gè)可能的用戶(hù)目標(biāo)溪王，使用戶(hù)能夠注意到并使用這些信息腮鞍。
為觀察結(jié)構(gòu)優(yōu)化我們的視覺(jué)
格式塔學(xué)派（德語(yǔ)：Gestalttheorie）是心理學(xué)的重要流派之一，是德文Gestalt的譯音莹菱，意即”模式、形狀吱瘩、形式“等道伟，意思是指”動(dòng)態(tài)的整體（dynamic wholes）“。興起于20世紀(jì)初的德國(guó)使碾，又稱(chēng)為完形心理學(xué)蜜徽。由馬科斯·韋特墨（1880-1943）、沃爾夫?qū)た晾眨ā?87-·967）和科特·考夫卡（·886-·94·）三位德國(guó)心理學(xué)家在研究似動(dòng)現(xiàn)象的基礎(chǔ)上創(chuàng)立票摇。似動(dòng)現(xiàn)象(phi phenomenon）也就是燈光在快速的切換狀態(tài)下拘鞋，當(dāng)速度快到介于30-60毫秒之間，會(huì)產(chǎn)生動(dòng)態(tài)的移動(dòng)的錯(cuò)覺(jué)矢门。參考影片（要翻墻）
格式塔主張人腦的運(yùn)作原理是整體的盆色，”整體不同于其部件的總和“。例如祟剔，我們對(duì)一朵花的感知隔躲，并非純粹單單從對(duì)花的形狀、顏色物延、大小等感官資訊而來(lái)宣旱，還包括我們對(duì)花過(guò)去的經(jīng)驗(yàn)和印象，加起來(lái)才是我們對(duì)一朵花的感知叛薯。
格式塔體系的關(guān)鍵特征是整體性浑吟、具體化笙纤、組織性和恒常性。這四個(gè)是人類(lèi)視覺(jué)的基礎(chǔ)特性组力，是我們視覺(jué)的一種慣性省容，是天生或進(jìn)化而來(lái)的。
1.整體性（Emergence）
當(dāng)我們要去分辨一個(gè)物體時(shí)忿项，我們的眼睛試圖去找輪廓蓉冈，然后去比較對(duì)過(guò)去腦中的記憶，快速分辨出物體轩触，這就是人類(lèi)視覺(jué)的整體性寞酿。比如上圖的狗的圖片，對(duì)狗的認(rèn)知并不是首先確定它的各部分（腳脱柱、耳朵伐弹、鼻子、尾巴等等）榨为，然后從這些組成部分來(lái)推斷這是一條狗的惨好。
2.具體化（Reification）
當(dāng)我們的視覺(jué)感受到刺激，同時(shí)也會(huì)對(duì)外部環(huán)境空間訊息產(chǎn)生解讀随闺，我們的腦袋會(huì)試圖把這些缺口補(bǔ)全日川，這些是知覺(jué)的”建設(shè)性“或”生成性的“經(jīng)驗(yàn)。下圖中的A矩乐，許多人會(huì)看到白色的三角型龄句，但其實(shí)這個(gè)三角型并不存在，而是我們腦袋自己將失去的訊息給填補(bǔ)起來(lái)的散罕。圖C可以被視為三維球體分歇，事實(shí)上也沒(méi)有畫(huà)三維球體。
3.組織性（Multistability）
趨勢(shì)模糊知覺(jué)經(jīng)驗(yàn)欧漱，不穩(wěn)定地在兩個(gè)或兩個(gè)以上不兩只解釋之間往返职抡。但我們卻無(wú)法同時(shí)看到兩種以上的解釋方式。如下圖的”魯賓圖“
4.恒常性（Invariance）
我們視覺(jué)的最大優(yōu)勢(shì)就是恒長(zhǎng)性误甚，不管物體如何變形缚甩、旋轉(zhuǎn)、放大靶草、縮小蹄胰，我們都能夠透過(guò)他的輪廓或特征來(lái)判斷這個(gè)物體。如下圖中像是搖桿的物體奕翔，任憑它如何的改變呈現(xiàn)的方式裕寨，我們的眼睛還是能夠從圖片中找出相同或是不同的物體。
摘自Creativemarket的文章很好的總結(jié)了這一章的內(nèi)容。
參考資料：
介面設(shè)計(jì)Prototyping 淺入淺出
場(chǎng)論與格式塔
美學(xué)導(dǎo)論
格式塔學(xué)派
The Designer's Guide to Gestalt Psychology
我們用眼睛來(lái)掃描
本章的重點(diǎn)講到為人的“掃描”而進(jìn)行結(jié)構(gòu)化和精煉宾袜，可以幫助人們更容易地掃描和理解捻艳。
1.長(zhǎng)數(shù)字通過(guò)結(jié)構(gòu)化可以提高用戶(hù)瀏覽的能力
2.使用數(shù)據(jù)專(zhuān)用的控件
3.通過(guò)，信息分段庆猫、顯著標(biāo)記每個(gè)信息段和子段的關(guān)鍵詞等建立視覺(jué)層次
4.以同一個(gè)邏輯結(jié)構(gòu)來(lái)展示各段和子段认轨，來(lái)使得閱讀理解容易
閱讀不是自然的
閱讀的特征
說(shuō)話(huà)和理解口頭語(yǔ)言是一個(gè)自然的人類(lèi)活動(dòng)，但閱讀不是月培。寫(xiě)作與閱讀直到公元前幾千年前才出現(xiàn)嘁字，而且到了四五百年前才普及起來(lái)，遠(yuǎn)遠(yuǎn)遲于人腦達(dá)到現(xiàn)代進(jìn)化水平杉畜。閱讀是一種人造的纪蜒、通過(guò)系統(tǒng)的指導(dǎo)和訓(xùn)練獲得的能力，就像拉小提琴此叠、讀樂(lè)譜一樣纯续。有很多的人有閱讀讀障礙（知覺(jué)或感覺(jué)障礙）。學(xué)習(xí)閱讀是訓(xùn)練我們的大腦（包括視覺(jué)系統(tǒng)）去識(shí)別模式灭袁。大腦要學(xué)習(xí)識(shí)別的這些模式有一個(gè)從低到高的層次猬错。
閱讀涉及識(shí)別特征和模式。模式識(shí)別可以是自下而上茸歧、特征驅(qū)動(dòng)的過(guò)程倦炒，也可以是自上而下的、語(yǔ)境驅(qū)動(dòng)過(guò)程软瞎。
特征驅(qū)動(dòng)指從刺激本身的特征出發(fā)析校，引導(dǎo)知覺(jué)客體。大腦天生具有識(shí)別線(xiàn)铜涉、邊和角等基本特征的能力。單個(gè)字母到單個(gè)字遂唧，到單詞到句子逐個(gè)識(shí)別芙代。這個(gè)可以變成無(wú)意識(shí)，但只是認(rèn)識(shí)了字盖彭，而可能不懂其意思纹烹。 經(jīng)常看了半天召边，讀得很大聲铺呵，卻不知道是什么意思
語(yǔ)境驅(qū)動(dòng)是根據(jù)頭中已有的知識(shí)、經(jīng)驗(yàn)或者期待引導(dǎo)我們對(duì)客體的知覺(jué)。我腦中已經(jīng)有一些概念或熟悉的知識(shí)或大概整體曾經(jīng)有看過(guò)類(lèi)似的，從整體概念再和句子相結(jié)合的識(shí)別枝冀。這個(gè)無(wú)法變成無(wú)意識(shí)橘茉，需要和自己的主觀意識(shí)想結(jié)合舔琅。能用自己的話(huà)把意思轉(zhuǎn)義出來(lái)昂勉。但可能不是原文的所有詞句者甲。
特征驅(qū)動(dòng)的閱讀商佛，費(fèi)時(shí)慢闷愤，專(zhuān)注力都在識(shí)別特征上整葡，而沒(méi)有更多精力構(gòu)建語(yǔ)句和段落的含義。這種情況經(jīng)常在讀一些不熟悉的文章或?qū)I(yè)術(shù)語(yǔ)多的讥脐、或不熟悉的語(yǔ)言上遭居。
影響閱讀的信息設(shè)計(jì)
1.使用不常見(jiàn)的和不熟悉的詞匯
2.難以辨認(rèn)的書(shū)寫(xiě)和字型
3.微小的字體
4.復(fù)雜雜亂的背景上的文字
5.信息被重復(fù)的內(nèi)容淹沒(méi)
6.居中對(duì)齊的文字
7.軟件操作很多要求的閱讀是不必要的
啟示：盡量不要讓人們閱讀
色覺(jué)是有限的
** 人類(lèi)的色彩感知是有限制的**
1.我們的視覺(jué)是為檢測(cè)反差（邊緣）優(yōu)化的，而不是絕對(duì)亮度
2.我們辨別顏色的能力依賴(lài)于顏色是如何呈現(xiàn)的
3.有些人是色盲
4.用戶(hù)的屏幕和觀看條件會(huì)影響對(duì)顏色的感知
** 使用色彩的準(zhǔn)則**
1.用飽和度旬渠、亮度以及色相來(lái)區(qū)分顏色俱萍。避免采用輕微的差別，但也不能直接上反色
2.使用獨(dú)特的顏色（只用一個(gè)主色）
3.避免使用色盲的人無(wú)法區(qū)分的顏色坟漱。深色背景下不可用深紅色鼠次、藍(lán)色和紫色∮蟪荩可以到vischeck.com查看
4.在顏色之外使用其它提示
5.將強(qiáng)烈的對(duì)抗色分開(kāi)腥寇。
我們的邊界視圖很糟糕
為什么處于人們邊界視野中的暗色的靜止物體經(jīng)常不被注意到；邊界視線(xiàn)中物體的運(yùn)動(dòng)通常會(huì)被察覺(jué)呢觅捆。
1.人類(lèi)視野的空間分辨率從中央向邊緣銳減赦役。
每只眼睛大約有600萬(wàn)視網(wǎng)膜視椎細(xì)胞，它們?cè)谝曇暗闹醒耄ㄒ粋€(gè)很小的叫做中央凹的區(qū)域）分而得比在邊緣緊密得多栅炒。中央凹僅點(diǎn)視網(wǎng)膜的1%掂摔，而大腦的視覺(jué)皮層卻有50%的區(qū)域用于接受中央凹的輸入。中央凹的視椎細(xì)胞與視覺(jué)信息處理和傳導(dǎo)的起點(diǎn)（神經(jīng)節(jié)細(xì)胞）的連接比是1：1赢赊，而在視網(wǎng)膜其余地方乙漓，多個(gè)光感受細(xì)胞才與一個(gè)神經(jīng)節(jié)細(xì)胞相連。因此邊界視覺(jué)的信息在被傳到大腦之前是經(jīng)壓縮的（數(shù)據(jù)有損）释移。
2.眼睛以大約每秒三次的速度不斷的快速移動(dòng)
選擇性地將焦點(diǎn)投射在周?chē)沫h(huán)境物體上叭披。大腦則用粗曠的、印象派的方式玩讳，基于我們所知所期待的涩蜘，填充視野的其他部分。大腦無(wú)需為我們四周的環(huán)境保持一個(gè)高分辨率的心理模型熏纯，因?yàn)樗苊钛劬υ谛枰臅r(shí)候采樣和重新采樣具體細(xì)節(jié)同诫。
3.邊界視覺(jué)的作用
a.眼睛不是隨機(jī)掃描環(huán)境的，眼動(dòng)是為了使中央?yún)^(qū)關(guān)注重要的東西樟澜，視野周邊的模糊線(xiàn)索提供了線(xiàn)索误窖，幫助大腦計(jì)劃往哪里移動(dòng)
b.邊界視覺(jué)可以很好地察覺(jué)運(yùn)動(dòng)叮盘。這是因?yàn)橄茸婢哂邪l(fā)出食物和躲避掠食者的能力而生存下來(lái)的。
讓錯(cuò)誤信息可見(jiàn)的常用方法
1.放在用戶(hù)所看的位置上
2.標(biāo)記出錯(cuò)誤
3.使用錯(cuò)誤符號(hào)
4.保留紅色以呈現(xiàn)錯(cuò)誤（特定場(chǎng)合不一定適合）
讓用戶(hù)注意到
1.彈出式對(duì)話(huà)框
2.使用聲音
3.閃爍或者短暫的晃動(dòng)
我們的注意力有限贩猎，記憶力也不完美
長(zhǎng)期與短期記憶的特點(diǎn)
長(zhǎng)期記憶：存儲(chǔ)量大熊户，但容易出錯(cuò)、印象派吭服、異質(zhì)嚷堡、可回溯修改和影響。
- 感覺(jué)通過(guò)五感系統(tǒng)進(jìn)入大腦負(fù)責(zé)相關(guān)感官的區(qū)域并觸發(fā)其反應(yīng)艇棕，然后散播到大腦其它不與任何具體感覺(jué)通道相關(guān)的部分蝌戒。大腦與具體感覺(jué)將這些察覺(jué)的簡(jiǎn)單特征信號(hào)整合起來(lái)，來(lái)檢測(cè)輸入的高層特征沼琉。
- 感覺(jué)能影響到的神經(jīng)無(wú)很大程度上由其特征和環(huán)境決定北苟。同樣是狗的聲音，走在路上和坐在小區(qū)里聽(tīng)是不同的打瘪。
- 感覺(jué)所產(chǎn)生的最初強(qiáng)度取決于大腦其他部分對(duì)它的放大或者抑制程度友鼻。所有感覺(jué)都會(huì)產(chǎn)生某種痕跡，但有些微弱到幾乎無(wú)法察覺(jué)
- 記憶的形成由參與某個(gè)神經(jīng)活動(dòng)模式的神經(jīng)元上長(zhǎng)期甚至永久的變化組成闺骚，這使得該模式在將來(lái)容易被再次激活彩扔。
- 激活記憶是再次激活與記憶產(chǎn)生時(shí)同樣的神經(jīng)活動(dòng)模式。
- 一個(gè)神經(jīng)記憶的模式越經(jīng)常被再次激活僻爽，就變得越”強(qiáng)烈“虫碉，也就是越容易激活它。
- 某個(gè)記憶不是被鎖定在大腦的某個(gè)特定的地方胸梆。
短期記憶：容量低不穩(wěn)定
- 短期記憶不是存儲(chǔ)（不是記憶和感覺(jué)被處理的地方）敦捧。短期記憶是感覺(jué)和注意現(xiàn)象的組合。
- 我們的每一個(gè)感官都有非常短暫的短期”記憶“碰镜，那是感官刺激后殘留的神經(jīng)活動(dòng)導(dǎo)致的兢卵，就像鈴鐺被敲擊后的余音。這些感官特異性的殘留感覺(jué)共同組成了短期記憶的一小部分绪颖。
- 我們的注意機(jī)制還可以接收通過(guò)識(shí)別和回憶而再次激活的長(zhǎng)期記憶济蝉。
- 短期記憶里的信息數(shù)量極端有限和不穩(wěn)定。
- 短期記憶等于注意的焦點(diǎn)菠发，即任何時(shí)刻我們意識(shí)中專(zhuān)注的任何事物。
Miller 神奇數(shù)字 七加減二
George Miller 于1956年提出的人類(lèi)短期記憶能夠同時(shí)記住互相不相關(guān)的東西的數(shù)據(jù)限制 7±2贺嫂。
1.短期記憶的東西是什么滓鸠？
它們是當(dāng)前的感覺(jué)和獲取到的記憶。它們是目標(biāo)第喳、數(shù)字糜俗、單詞、名字、聲音悠抹、圖像珠月、味道等。任何人能夠意識(shí)到的東西楔敌。
2.為什么這些東西必須互不相關(guān)啤挎？
因?yàn)槿绻麅蓚€(gè)東西有關(guān)聯(lián)，就對(duì)應(yīng)到一個(gè)大的神經(jīng)活動(dòng)模式卵凑，即同一組特征庆聘，因此也就是一個(gè)東西。
3.為什么有這個(gè)不準(zhǔn)確的加二或減二勺卢？
因?yàn)榇嬖趥€(gè)體記憶的差異伙判。
** Broadbent，1975 實(shí)驗(yàn)后更新了這個(gè)數(shù)字黑忱。 因?yàn)樗膫€(gè)加減一宴抚，也就是三到五個(gè)。**
由注意力的限制和短期記憶造成的六種模式
- 我們專(zhuān)注于目標(biāo)而很少注意使用的工具
- 我們使用外部幫助來(lái)記錄正在做的事情
- 我們跟著信息”氣味“靠近目標(biāo)
- 我們偏好熟悉的路徑
- 我們的思考周期：目標(biāo)甫煞，執(zhí)行菇曲，評(píng)估
- 完成任務(wù)的主要目標(biāo)之后，我們經(jīng)常忘記做收尾工作
長(zhǎng)期記憶：識(shí)別容易危虱，回憶很難
識(shí)別與回憶對(duì)用戶(hù)界面設(shè)計(jì)的影響
看到和選擇比回憶和輸入更容易
盡可能使用圖像來(lái)表達(dá)功能
- 使用縮略圖來(lái)緊湊地描繪全盡寸的圖像（PPT的小圖或?yàn)g覽器的最近打開(kāi)的縮略圖）
- 越多人使用的功能羊娃，應(yīng)該越可見(jiàn)
- 使用視覺(jué)提示讓用戶(hù)知道他們所處的位置
- 讓認(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)作是容易的
- 解決技術(shù)問(wèn)題需要對(duì)技術(shù)感興趣并經(jīng)受訓(xùn)練
怎樣可以讓交互系統(tǒng)學(xué)習(xí)得快
我們大腦執(zhí)行熟練掌握的活動(dòng)所采用的”自動(dòng)“方式埃跷，與我們用來(lái)解決新問(wèn)題和計(jì)算所使用的高度受控的方式蕊玷。無(wú)意識(shí)的方式消費(fèi)很少的甚至不消耗短期記憶（注意力）資源，并且能夠與其它活動(dòng)同時(shí)進(jìn)行弥雹。而受控的方式對(duì)短期記憶有著很高的要求并且無(wú)法并行處理垃帅。(Schneider & Shiffrin, 1977)。
操作是專(zhuān)注于任務(wù)剪勿、簡(jiǎn)單和一致的
認(rèn)知心理學(xué)家把用戶(hù)想要的工具和工具所能提供的操作之間差距稱(chēng)為”執(zhí)行的鴻溝“贸诚。一個(gè)工具提供的操作與用戶(hù)想要做的之間的鴻溝越小，用戶(hù)就越不需要去考慮工具本身厕吉，而能更專(zhuān)注于他們的任務(wù)酱固。因此，這個(gè)工具也就能更快地”自動(dòng)化“了头朱。
要使設(shè)計(jì)的軟件运悲、服務(wù)和設(shè)備提供與用戶(hù)目標(biāo)和任務(wù)匹配的操作，設(shè)計(jì)者必須很徹底地了解用戶(hù)目標(biāo)项钮，和工具所要支持的任務(wù)班眯。必須做到以下三步：
1.做任務(wù)分析
2.設(shè)計(jì)一個(gè)專(zhuān)注于任務(wù)的概念模型希停，其中主要包含對(duì)象-操作分析
3.嚴(yán)格按照任務(wù)分析和概念模型設(shè)計(jì)用戶(hù)界面
好的任務(wù)分析Check問(wèn)題：
- 用戶(hù)在使用這個(gè)應(yīng)用時(shí)想要實(shí)現(xiàn)什么目的？
- 應(yīng)用想支持哪些人群的任務(wù)署隘？
- 哪些任務(wù)是常見(jiàn)的宠能，哪些是少見(jiàn)的？
- 哪些任務(wù)是最重要的磁餐，哪些又是不重要的违崇？
- 每個(gè)任務(wù)的步驟是什么？
- 每個(gè)任務(wù)的結(jié)果和輸出是什么崖媚？
- 每個(gè)任務(wù)所需的信息從哪來(lái)亦歉？
- 每個(gè)任務(wù)結(jié)果的信息該怎么利用？
- 什么人做什么任務(wù)畅哑？
- 每個(gè)任務(wù)該使用哪些工具肴楷？
- 在執(zhí)行各個(gè)任務(wù)時(shí)，人們會(huì)遇到什么問(wèn)題荠呐？什么樣的錯(cuò)誤是常見(jiàn)的赛蔫？是什么造成這些錯(cuò)誤？錯(cuò)誤造成的損害會(huì)有多嚴(yán)重泥张？
- 人們?cè)趫?zhí)行這些任務(wù)時(shí)都使用什么樣的詞匯呵恢？
- 要執(zhí)行這些任務(wù)，人們必須如何溝通媚创？
- 不同的任務(wù)之間是如何聯(lián)系的渗钉？
對(duì)象-動(dòng)作分析
概念模型中最重要的就是對(duì)象-動(dòng)作分析。它指定了該應(yīng)用展現(xiàn)給用戶(hù)的所有概念對(duì)象钞钙、用戶(hù)對(duì)這些對(duì)象所能做的動(dòng)作鳄橘、各類(lèi)對(duì)象的屬性（用戶(hù)可見(jiàn)的設(shè)置參數(shù)）以及對(duì)象之間的關(guān)系。
盡可能簡(jiǎn)單
如優(yōu)先級(jí)能用（高芒炼、低）就不要（1-10級(jí)）瘫怜；”用戶(hù)萬(wàn)一需要的功能“除非有跡象表明會(huì)有很多潛在客戶(hù)或者用戶(hù)需要它，否則一定要堅(jiān)決抵制本刽。因?yàn)槎嗫紤]一種可能性鲸湃，軟件的復(fù)雜和學(xué)習(xí)都成倍增的關(guān)系。
一致性
交互系統(tǒng)可以在至少兩個(gè)層面上討論一致性：概念層面和按鍵層面子寓。概念層面的一致性是由對(duì)象暗挑、操作和概念模型的屬笥之間的映射決定的。系統(tǒng)中的對(duì)象是否都有同類(lèi)的操作和屬性斜友？ 按鍵層面的一致性是由概念上的操作與現(xiàn)實(shí)中執(zhí)行操作所需要的實(shí)際動(dòng)作之間的映射決定的窿祥。
對(duì)象-操作矩陣
用一個(gè)由對(duì)象和操作組成的矩陣來(lái)展示概念模型。
小且緊湊的矩陣表明對(duì)應(yīng)的設(shè)計(jì)是容易學(xué)習(xí)的：對(duì)象較少蝙寨，操作較少晒衩，而且對(duì)每種類(lèi)型的對(duì)象的操作都是一樣的。
按鍵的一致性
詞匯是專(zhuān)注于任務(wù)墙歪、熟悉和一致的
- 詞匯就是專(zhuān)注于任務(wù)的
- 詞匯應(yīng)該是熟悉的
- 專(zhuān)業(yè)詞匯應(yīng)保持一致
- 低風(fēng)險(xiǎn)
我們有時(shí)間要求
無(wú)法與用戶(hù)的時(shí)間要求很好地同步的系統(tǒng)不能成為有效的工具听系，并會(huì)被用戶(hù)認(rèn)為是反應(yīng)不靈敏 。
一個(gè)交互系統(tǒng)的響應(yīng)度虹菲，即能否跟上用戶(hù)靠胜，及時(shí)告知他們當(dāng)前狀態(tài)，而不讓他們故等毕源，是決定用戶(hù)滿(mǎn)意度的最重要因素浪漠。這要比容易學(xué)習(xí)或容易使用更重要。
響應(yīng)度的定義
響應(yīng)度與性能相關(guān)霎褐，但又不一樣址愿。性能是以單位時(shí)間里的計(jì)算次數(shù)來(lái)衡量的，響應(yīng)度是以服從用戶(hù)在時(shí)間上的要求及用戶(hù)滿(mǎn)意度來(lái)衡量的冻璃。高響應(yīng)度不一定是高性能响谓。
響應(yīng)的優(yōu)先順序
- 立刻告知已經(jīng)接收到你的輸入
- 對(duì)操作需要多長(zhǎng)時(shí)間完成提供一定的指示
- 在等待時(shí)允許你去做其他事情
- 能夠智能地管理事件隊(duì)列
- 將系統(tǒng)內(nèi)部管理和低優(yōu)先級(jí)的任務(wù)放在后臺(tái)運(yùn)行
- 對(duì)最常見(jiàn)的用戶(hù)請(qǐng)求做出預(yù)期
糟糕的響應(yīng)度例子
- 按下按鈕、滑動(dòng)滾動(dòng)條或者操作某個(gè)對(duì)象的反饋遲緩
- 耗時(shí)的操作阻斷其他活支省艳，還不能取消
- 對(duì)長(zhǎng)時(shí)間運(yùn)行的操作需要多長(zhǎng)時(shí)間不提供任何線(xiàn)索
- 斷斷續(xù)續(xù)難以理解的動(dòng)畫(huà)效果
- 執(zhí)行用戶(hù)沒(méi)有請(qǐng)求的系統(tǒng)后臺(tái)任務(wù)而忽略用戶(hù)輸入
人類(lèi)大腦的許多時(shí)間常量
- 聲音中我們所能察覺(jué)到的最短沉默間隔：1ms
- 可見(jiàn)且能對(duì)我們產(chǎn)生影響（或許是無(wú)意識(shí)的）的視覺(jué)刺激的最短時(shí)長(zhǎng)：5ms
- 對(duì)危險(xiǎn)的非自主的運(yùn)動(dòng)反應(yīng)的速度：80ms
- 一個(gè)視覺(jué)事件與我們對(duì)它完整感知之間的時(shí)間差：100ms
- 可使我們感覺(jué)一個(gè)事件產(chǎn)生另一個(gè)事件的連續(xù)事件之間最長(zhǎng)的時(shí)間間隔：140ms
- 從感覺(jué)上判斷視野中4~5個(gè)物體的時(shí)間：200ms
- 事件進(jìn)入意識(shí)的編輯”窗口“：200ms
- 視覺(jué)運(yùn)動(dòng)反應(yīng)時(shí)間（對(duì)非預(yù)期事件的有目的的反應(yīng)）:700ms
滿(mǎn)足實(shí)時(shí)交互的設(shè)計(jì)
達(dá)到高響應(yīng)速度的另一些指導(dǎo)原則
- 使用忙碌標(biāo)識(shí)
- 使用用戶(hù)進(jìn)度指示
- 先顯示重要的信息娘纷，先顯示整體輪廓
- 提前處理
- 根據(jù)用戶(hù)輸入的優(yōu)先級(jí)而不是輸入的順序來(lái)處理
- 監(jiān)控時(shí)間承諾
- 提供即時(shí)反饋
感謝Jeff Johson的書(shū)，進(jìn)一步理解了設(shè)計(jì)背后的聯(lián)系跋炕。有了更新的視角來(lái)看待設(shè)計(jì)赖晶。
