寫在前面的話：本來是很久之前拿來做部門分享活動榆苞，還做了一個PPT稳衬，但是因為各種原因，沒有分享坐漏。今天整理資料發(fā)現(xiàn)它薄疚，想想可以放在這里分享給大家碧信。P.S. 好久沒有更新內(nèi)容了，很慚愧街夭。

所謂交互砰碴，即輸入（input）和輸出（output）。所以板丽，交互設(shè)計（Interaction Design）就是針對輸入方式（通常是人）和輸出方式（通常是機器）的設(shè)計呈枉。比如我們通過“觸摸”來控制手機便是一種輸入方式，然后手機在屏幕上提供相應(yīng)的界面就是輸出方式埃碱。而作為交互設(shè)計師猖辫，我們要思考的就是在何時采取何種輸入輸出方式。這里就涉及到一系列問題：我們?yōu)槭裁匆糜|摸而不是其他方式乃正？機器反饋的界面又該如何設(shè)計才能使用戶更容易理解住册，才能使人與機器的溝通更加舒暢自然婶博？要回答這些問題瓮具，就要求我們能夠從根本上認識人是如何處理信息的以及人是如何行動的。這就是認知心理學的范疇凡人。

交互.png

認知心理學名党，將人比作計算機。無法一兩句話就說明白挠轴，我這里只介紹幾個最關(guān)鍵的概念帶大家入門传睹。

• A 感受器即人的感覺器官，視覺岸晦、聽覺欧啤、觸覺等等。研究人的感受器的特點將有利于交互設(shè)計師理解人們?nèi)绾谓邮招畔⑵羯希拍茉O(shè)計出合適的交互方式來使人們輕松愉快地接收你要提供的信息邢隧。其中，一般來說冈在，從信息量的大小來看倒慧，視覺、聽覺包券、觸覺依次減小纫谅。因此，我們通常使用聽覺和觸覺來輔助視覺上的設(shè)計询吴，比如提示音和手機的震動。
• B 效應(yīng)器指手、足、語言器官等。效應(yīng)器的質(zhì)量指標通常是反應(yīng)時間惩激、運動速度和運動準確性骡技，因此交互設(shè)計師可以以這三個指標來檢測你的設(shè)計是否符合人的認知模型或者心理模型昼窗。
• C 加工器，主要部分是大腦。這個比較復(fù)雜，但也是最重要的一部分远剩，簡單來說痢掠，它告訴我們佃牛，除了客觀因素（如刺激強度象缀、數(shù)量遍希、作用方式）外废封，諸如動機力喷、興趣拂募、知識經(jīng)驗等主觀因素也是影響人們理解信息的重要因素震糖。學習它疏叨，將有利于設(shè)計師更準確地挖掘需求和提高設(shè)計質(zhì)量糊余。

認知心理學.png

第一部分 人如何觀察（知覺）

前面我們提到到視覺是一切感受器之首昏苏。人的大腦有一半的資源都用于接收和解析眼睛所見孵构。我們一般認為恤筛，當我們觀察周圍的一切時屡谐，眼睛會將看到的信息傳輸給大腦饵撑，大腦再對信息進行處理语卤，讓我們感受到真實的世界。但其實不然诱担，腦見并非眼見恤煞，因為大腦總會解析眼睛看到的所有信息。真正用來“觀察”的其實是大腦这揣。我們來看這些圖：

 ](http://upload-images.jianshu.io/upload_images/20946-9deff8f76f9ad500.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

為什么會出現(xiàn)這些視錯覺姐帚？一個主要的原因就是視覺是二維而非三維的。光線通過角膜與晶狀體進入眼球障涯，晶狀體將影像聚焦在視網(wǎng)膜表面罐旗。在視網(wǎng)膜上，即使是三維的物體唯蝶，呈現(xiàn)出的影像也是二維的九秀。可能你們有疑問說粘我，不對呀鼓蜒，我們平時感知到的世界是三維的。既然視網(wǎng)膜影像是二維的征字，我們的大腦如何感知到一個三維的世界都弹？這里就涉及到深度線索的概念。深度線索包括陰影匙姜、距離畅厢、紋理梯度、透視氮昧、雙眼視差框杜、運動視差、還有一些眼球本身的運動袖肥、調(diào)節(jié)信息咪辱，視覺皮質(zhì)匯總整合所有這些信息，才把二維的視網(wǎng)膜影像在腦中還原為三維的物體椎组。當人們把知覺三維世界的這一特點油狂，自覺、不自覺地應(yīng)用于平面物體時，就會引起錯覺現(xiàn)象专筷。

知道了視覺和大腦的這個特性在設(shè)計上有什么啟發(fā)呢弱贼？那就是——多用二維元素，少用三維元素仁堪。大腦以二維形式接收人眼觀察到的信息哮洽，因此屏幕上的三維圖形可能會減慢識別和理解的速度。（扁平化設(shè)計的理論支持之一）

大腦傾向于發(fā)現(xiàn)規(guī)律

為了更快地解析周圍的世界弦聂，大腦會投機取巧地偷懶鸟辅。換句話說大腦傾向于發(fā)現(xiàn)規(guī)律，因為發(fā)現(xiàn)規(guī)律有助于快速處理時刻接收的感官信息莺葫。即使本無規(guī)律匪凉，人眼和大腦也會嘗試創(chuàng)造規(guī)律。下面介紹三個最基本的認知規(guī)律以及在設(shè)計上的運用捺檬。第一個就是閉合規(guī)律再层。看下面這兩個圖堡纬，你看到了什么聂受？

閉合原則1.png

閉合原則2.png

第一眼你可能會看到一個黑邊三角形，上面疊了個白色倒三角烤镐。其實圖上什么三角形都沒有蛋济，有的只是些零碎的線條和3個有缺口的圓。同理炮叶，第二圖中你會看到一個白邊的矩形碗旅。所以閉合原則就是大腦傾向于將圖形中缺失的部分“填滿”。將這個認知原則運用到交互設(shè)計中的例子：

下圖右邊的B方案運用了閉合原則镜悉，既很好地起到了分組效果祟辟，又節(jié)省了屏幕空間。

示例1.png

第二個原則就是相似原則侣肄【衫В看下面兩個圖：

相似原則.png

左圖中，你會不自覺地認為它是縱向排列的茫孔，而右圖中是橫向排列叮喳。因為我們的大腦傾向于將相等或相似的元素形成整體或群體。相似原則告訴我們缰贝，人們通常把具有相似特征（如大小、形狀畔濒、顏色等）的事物組合在一起剩晴。在交互設(shè)計中，我們經(jīng)常用到這個原則，如網(wǎng)站的導(dǎo)航赞弥，使用不同顏色即可很容易將一級導(dǎo)航和二級導(dǎo)航區(qū)分開毅整。

示例2.png

第三個原則是接近原則。如下圖：

接近原則.png

你看到的可能是4組圖案绽左，每組2個點悼嫉，而不是8個孤立的點。因為大腦傾向于將緊密靠在一起的元素形成整體或群體拼窥。接近原則告訴我們?nèi)绻阆Ｍ麑⒍鄠€元素進行分類戏蔑，那么讓同一類元素靠近在一起是個不錯的選擇种蘸。比如iPhone的“通用”界面皮服。又比如在網(wǎng)站排版不需要用各種線條來劃分區(qū)域骄酗，只需要合理利用留白就能夠起到相同的作用并且更加簡潔美觀拟烫。因為大腦自動會把相連的元素知覺成一個整體藕届。

示例3.png

大腦會偷懶的特性在設(shè)計上給我們的啟示就是：

• 既然人會不由自主地尋找規(guī)律彼棍，那就盡量多使用規(guī)律荠商，利用分組和間隔創(chuàng)造規(guī)律癣丧。
• 你可以設(shè)計物體的展示方式捍壤，引導(dǎo)別人注意特定的內(nèi)容骤视。看這兩個圖鹃觉，運用形狀和色塊設(shè)計傳達出了兩個截然不同的信息专酗。

示例4.png

示例5.png

整體認知主要依靠周邊視覺而非中央視覺

接下來我要說的第三個知覺特性就是：整體認知主要依靠周邊視覺而非中央視覺。什么叫周邊視覺和中央視覺呢帜慢？視網(wǎng)膜中主要分布著兩種視覺細胞笼裳，視錐細胞核視桿細胞。視錐細胞位于視網(wǎng)膜中央粱玲，負責分辨明亮條件下物體的細節(jié)躬柬，對應(yīng)的視覺就是中央視覺。視桿細胞分布在視網(wǎng)膜中央四周抽减，對光更敏感允青，主要全部用于夜視力，并作為外圍視力的支持卵沉。對應(yīng)的視覺就是周邊視覺颠锉，用來展現(xiàn)視野中的其他區(qū)域，也就是人眼能看到的周邊區(qū)域史汗。人可以用眼角的余光觀察事物琼掠，這當然很有用，不過停撞，最新心理學研究表明瓷蛙，多數(shù)人都低估了它對于我們理解事物的重要性悼瓮。人對場景的認知似乎都來自周邊視覺。

實驗1.png

實驗2.png

心理學實驗：準備了廚房艰猬、客廳之類常見場景的照片横堡，將一些照片的四周遮住，將另外一些照片的中央遮住冠桃，并向被試者展示這些照片命贴。照片的展示時間都相當短，而且還特意處理成黑白照片食听，讓人難以分辨（如圖所示）胸蛛。然后他們要求被試者判斷看到了什么場景。他們發(fā)現(xiàn)碳蛋，中央被遮住的照片依舊容易識別胚泌，而對于那些周圍被遮住的照片，人們卻分不清是廚房還是客廳肃弟。他們嘗試了不同的遮擋比例玷室，最后得出結(jié)論：對于識別具體物體來說，中央視覺是最重要的笤受，但對于認知整體場景而言穷缤，周邊視覺更為關(guān)鍵。

這個特性告訴我們：

• 人們看電腦屏幕時會用到周邊視覺箩兽，而且經(jīng)常只掃一眼周邊視覺區(qū)域便以此判斷整個頁面的內(nèi)容津肛。
• 雖然屏幕中央是重要的中央視覺區(qū)，但別忽視周邊視覺區(qū)域汗贫。一定要確保周邊內(nèi)容清晰地表現(xiàn)了網(wǎng)頁的用途身坐。
• 如果你想讓用戶集中注意力觀察屏幕某處，就別在周邊視覺區(qū)域內(nèi)放置動畫和閃爍元素落包。

大腦有專門識別人臉的區(qū)域

前面我們提及了大腦視覺皮質(zhì)范圍很大部蛇，而且占用了大量腦力資源，但在視覺皮質(zhì)之外還有一處特殊區(qū)域咐蝇，專門用來識別人臉涯鲁，稱為梭形臉部區(qū)（FFA，F(xiàn)usiform Face Area）有序。它可以讓人臉識別繞過通常的視覺解析渠道抹腿，從而得到快速識別。

眼球追蹤調(diào)研表明旭寿，如果在網(wǎng)頁上有一張圖片警绩，圖上的眼睛不看我們，而是看向網(wǎng)頁上的一個產(chǎn)品（如下圖所示）盅称，我們也會不由自主地看向那個產(chǎn)品房蝉。但是請注意僚匆，人們看著它并不代表關(guān)注它微渠。設(shè)計網(wǎng)頁時搭幻，你要確定是想和用戶建立情感溝通（圖片上的眼睛直視著用戶）還是想引導(dǎo)用戶的注意力（圖片上的眼睛看向某一產(chǎn)品）。

示例6.png

人天生就喜歡看人臉:研究表明出生不到一小時的新生兒喜歡看有明顯面部特征的東西逞盆。因為人是社會性動物檀蹋，人臉傳達很多社會信息，比如情緒等云芦，關(guān)注人臉具有進化上的意義俯逾。

另一些心理學家拍攝了真人的臉部照片，并一步一步把人臉轉(zhuǎn)變成死氣沉沉的臉部模型舅逸。她們分步展示這些照片（如下圖所示）桌肴，要求被試者判斷何時由真臉變成了假臉。研究發(fā)現(xiàn)琉历，被試者表示大約在75%處的臉已經(jīng)不是真人了坠七，而且他們主要依據(jù)圖上的眼睛識別真假。

實驗3.png

設(shè)計小貼士：

• 人在觀看網(wǎng)頁時旗笔，首先會對人臉作出識別和反應(yīng)彪置。
• 在網(wǎng)頁上直視用戶的臉最具感染力，也許因為眼睛是面部最重要的部分蝇恶。
• 如果網(wǎng)頁上的人眼看著旁邊的位置或產(chǎn)品拳魁，那么人們往往也會看向同一處，但未必關(guān)注撮弧，只是看而已潘懊。

略微側(cè)向俯視是想象物體的標準視角

如果要畫咖啡杯，多數(shù)人都會畫成圖中的樣子贿衍。事實上授舟，有人做過調(diào)查，他們曾環(huán)游世界并讓各地的人畫咖啡杯舌厨。

示例7.png

上圖是人們所畫的部分圖片岂却。這些畫的視角耐人尋味。個別畫的是正面裙椭，但多數(shù)是略俯視的角度躏哩，并稍稍偏向側(cè)面。這個角度稱為“標準視角”揉燃。人們從標準視角識別物體的速度總是最快的扫尺，即便平時未必總用標準視角看它們。該研究要求人們識別多種動物炊汤，比如小貓小狗什么的正驻。一般人都不會經(jīng)常在地上爬來爬去弊攘，所以看到小貓小狗的角度不是略微俯視一點點，而是居高臨下地俯視它們姑曙，但是從標準視角識別它們的速度還是最快的襟交。說明從標準視角思考、記憶伤靠、想象和識別物體似乎是人的普遍特征捣域。

設(shè)計啟示：

• 標準視角的畫像和物體更容易識別和記憶
• 如果你的網(wǎng)頁或程序里包含一些圖標，那么不妨把它們畫成標準視角的宴合。

人根據(jù)經(jīng)驗和預(yù)期瀏覽屏幕

人在看屏幕時已經(jīng)形成了一套先入為主的心智模型焕梅，比如:人們早已習慣認為網(wǎng)頁頂部都是無關(guān)內(nèi)容，如商標卦洽、留白和導(dǎo)航欄（如下圖所示）贞言，所以他們往往先看屏幕的中心位置，而非邊緣阀蒂。

示例8.png

設(shè)計啟示：

• 最重要的信息（或希望用戶關(guān)注的內(nèi)容）要放在屏幕的上面三分之一部分该窗，或放在屏幕中間
• 既然人們不看屏幕邊緣，就不要把重要信息放在那兒脂新；按照正常閱讀順序合理設(shè)計界面挪捕，避免讓人來回跳著閱讀內(nèi)容。

物體或?qū)ο髸崾救藨?yīng)該如何使用(預(yù)設(shè)功能争便、啟示性)

物體或?qū)ο髸崾救藨?yīng)該如何使用(預(yù)設(shè)功能级零、啟示性)。啟示性（affordance）指的是某物體或者對象具有某種操作或功能上的暗示性滞乙。舉例來說奏纪，牙刷的手柄略長于人類的手掌，它暗示可以用來握緊斩启。這個概念最初由心理學家詹姆斯·吉布森提出序调，隨后被唐納德·諾曼在《設(shè)計心理學》一書中引進到人機交互領(lǐng)域。請看下圖門把手兔簇。

啟示性.png

啟示性2.png

看到這樣的形狀发绢，人們往往會握住它向下旋轉(zhuǎn)。圖中是遙控器按鈕垄琐，它的形狀和陰影讓人知道使用的時候應(yīng)該向下按边酒。對應(yīng)的，屏幕上帶陰影邊沿的按鈕讓人知道狸窘，它可以像真實的按鈕一樣按下去墩朦。之前翻譯過一篇具體的關(guān)于客體啟示性的文章，這里有個鏈接翻擒，這篇文章很詳細地介紹了各種啟示性的設(shè)計例子:譯文：交互設(shè)計原則之啟示性

人可能會對變化視而不見

接下來我們看一個一分鐘的視頻氓涣∨２福“大猩猩視頻”是“無意視盲”（inattention blindness）和“變化視盲”（change blindness）的一個例子，揭示了一個現(xiàn)象：人經(jīng)常對重大變化視而不見劳吠。因為如果人把注意力集中在一件事物上引润，沒有預(yù)期可能發(fā)生其他改變，就很容易忽略實際發(fā)生的變化赴背。

設(shè)計啟示：

• 不要認為物體出現(xiàn)在屏幕上就一定會被用戶看見椰拒，特別是刷新頁面出現(xiàn)改變時，用戶很可能完全意識不到頁面前后的區(qū)別
• 如果你要保證用戶注意到界面上的某處改變凰荚，應(yīng)該增加視覺提示（如使之閃爍）或聽覺提示（如“嗶”的一聲）。

人如何記憶

短時記憶（工作記憶）有限

我們都有過這樣的經(jīng)歷：通電話時褒脯，對方告訴你必須立刻聯(lián)系某人便瑟，并提供了那人的名字和電話號碼，但是你沒有筆和紙寫下來番川，只好一遍遍重復(fù)說這個號碼來幫助記憶到涂，然后趕緊掛了電話立刻撥，免得忘記颁督。你會發(fā)現(xiàn)這種情況下的記憶并不可靠践啄。我們將這種需要維持不到一分鐘的快速記憶稱為“工作記憶”（working memory）。

只有一部分人能順利保留短時間的工作記憶沉御。工作記憶的信息很容易受到干擾屿讽。例如，在你努力記住人名和電話號碼的時候吠裆，如果有人開始和你聊天伐谈，你多半會很惱火，而且會忘記剛記下的人名和電話试疙。如果你不集中注意力诵棵，這些信息就會從工作記憶中消失。這是因為工作記憶取決于你集中注意力的能力祝旷。要保留工作記憶中的信息履澳，你必須全神貫注。

具有高效工作記憶的人怀跛，能更好地屏蔽周圍的干擾距贷。前額皮質(zhì)決定了要關(guān)注的對象。如果你能忽視周圍的一切感官刺激敌完，將注意力集中于工作記憶中的那一件事储耐，你就能記住它了。

給我們的啟示:

• 不要讓人們的記憶處于不同位置的內(nèi)容滨溉，比如讀取某一頁上的文字或數(shù)字什湘，然后再輸入到另一頁上长赞。如果你這么干了，他們很可能會忘記信息闽撤，因此信心遭受打擊得哆。

• 如果要讓人們使用工作記憶記東西，那么在完成任務(wù)前別讓他們做其他事情哟旗。工作記憶很容易被干擾贩据，過多感官輸入會讓他們無法集中注意力。

這里有兩個將人的工作記憶很脆弱這點充分考慮進去的人性化交互設(shè)計：

將title移至輸入框邊框

示例9.gif

輸入框的提示文本移動到鍵盤上面

示例10.png

人一次只能記住四項事物

不知道你們有沒有聽說過那個神奇的數(shù)字：5_{9闸餐。說：人一次能記住5}9件事或者處理5_{9條信息饱亮。所以一個菜單里你只能放5}9項，一個頁面只能放5~9個標簽舍沙。你聽過這個傳說嗎近上？其實，這個規(guī)則并不準確拂铡。

這個神奇的數(shù)字是心理學家繆勒最初提出來的壹无。后來的另一個心理學家對此產(chǎn)生了懷疑，他翻出了繆勒的文章感帅，發(fā)現(xiàn)那并不是真正的研究報告斗锭，只是一次專業(yè)會議的講稿。Miller基本上是自言自語失球，猜想人能夠同時處理的信息量有沒有固有的限制♂牵現(xiàn)在研究表明，那個“神奇的數(shù)字”其實是4她倘。如果人能夠集中注意力璧微，其信息處理過程也不受干擾，那么其工作記憶中能保存3~4項事物硬梁。但是要注意前硫，這個數(shù)字的單位是組塊。我們可以利用組塊將4變多荧止∫俚纾看公司的電話：02150185175，我們可以采用這樣的記憶策略跃巡，分成4個組塊：021-501-85-175危号。如何你已經(jīng)將區(qū)號存入了長時記憶中，那么就不必再記憶這一塊數(shù)字信息了素邪。

四項事物法則不僅適用于工作記憶外莲，也適用于長期記憶。研究表明，人們能分門別類地記住信息偷线，并且如果每個記憶類別里只有1_{3條信息磨确，那么人們能夠出色地回憶起來。當每類超過3條信息時声邦，記憶效果就會相應(yīng)下降乏奥，每類有4}6條信息時，人能記住80%亥曹；儲存信息條數(shù)越多邓了，記住的比例就越低，當每類有80條信息時媳瞪，人只能記住20%骗炉。如下圖：

記憶.png

人必須借助已有信息鞏固記憶

人們是如何把工作記憶轉(zhuǎn)變?yōu)殚L期記憶的？基本上有兩種方法材失，一是大量重復(fù)痕鳍，二是把新信息與熟悉事物聯(lián)系起來。

大腦的最小的組成單元是神經(jīng)元龙巨，神經(jīng)元內(nèi)的信號以電脈沖的方式傳導(dǎo)，神經(jīng)元之間借助神經(jīng)遞質(zhì)從突觸一側(cè)傳到另一側(cè)熊响。每當我們重復(fù)單詞旨别、短語、歌或電話號碼從而嘗試記住時汗茄，大腦神經(jīng)元就會放電秸弛。記憶存儲為神經(jīng)元之間的關(guān)聯(lián)模式。當兩個神經(jīng)元激發(fā)時洪碳，它們之間的聯(lián)系便會增強递览。
當一條信息重復(fù)次數(shù)足夠多時，神經(jīng)細胞間就會形成放電軌跡瞳腌。此后绞铃，一旦開始回憶，便會依次觸發(fā)后續(xù)信息嫂侍，從而完成回憶儿捧。因此，人們需要通過反復(fù)來鞏固記憶挑宠。

如果人們能把新信息與已有信息聯(lián)系起來菲盾，就更容易強化新信息或者把它保存在長期記憶里，從而更好地記住和回憶這些信息各淀。長期記憶中的此類聯(lián)系可以借助圖式建立起來懒鉴。什么叫做圖式？舉個例子：如果我讓你描述“頭”是什么碎浇，你可能會說大腦临谱、頭發(fā)璃俗、眼睛、鼻子吴裤、耳朵旧找、皮膚、脖子等麦牺。頭由很多東西組成钮蛛，你把這些東西集合起來稱之為“頭”。這里的“頭”就是一個圖式剖膳。

頭.png

在某方面專長越明顯的人魏颓，其在該領(lǐng)域的圖式就越有條理，作用也越大吱晒。例如甸饱，國際象棋新手需要很多小圖式：第一個是開局前如何放棋子，第二個是皇后怎么移動仑濒，等等叹话。但高手可以輕松地把大量信息儲存為一個圖式，看一眼棋局的中盤就知道開局的棋譜墩瞳、雙方的戰(zhàn)術(shù)以及下一步的可能走法驼壶，而且當然能記住棋子的初始位置和移動規(guī)則。新手需要存為多個圖式的內(nèi)容喉酌，高手只需一個就夠了热凹。

象棋.png

小貼士

• 如果想讓人們記住某事物，那么你必須讓它重復(fù)出現(xiàn)泪电。熟能生巧般妙，此言不虛。（設(shè)計里一直強調(diào)統(tǒng)一相速，就是因為多次重復(fù)便于形成記憶碟渺，降低學習成本，提升易用性和蚪。）
• 用戶研究的主要目的之一就是發(fā)現(xiàn)和理解目標用戶的記憶圖式止状。
• 如果用戶已經(jīng)形成了與你提供信息相關(guān)的記憶圖式，請明確向他們指出那個圖式攒霹。他們?nèi)绻馨研滦畔⒓尤胍延袌D式怯疤，那么學習和記憶都會更容易。

記憶占用大量腦力資源

最新的無意識心理加工研究表明催束，人每秒接受400億個感官輸入集峦，一次能注意到40個。這難道不意味著我們一次能夠處理并記住4項以上信息嗎？其實塔淤，當你感知到某個感官輸入時（例如聲音摘昌、風輕拂皮膚的感覺、面前的石頭）高蜂，你只是感知到有東西存在而已聪黎，并不需要記住它或者作出反應(yīng)。對40個東西產(chǎn)生意識知覺并不等于對40條信息進行有意識的加工备恤。思考稿饰、記憶、加工露泊、表達和編碼信息需要大量的精神資源喉镰。這樣導(dǎo)致的結(jié)果就是:記憶很容易被擾亂。

想象你正在聽一場報告惭笑。報告結(jié)束后侣姆，你在報告大廳外面遇見一位好友。對方問你：“報告的主題是什么沉噩？”你這時很可能只記得報告結(jié)尾介紹的內(nèi)容捺宗。這稱作“近因效應(yīng)”（recency effect）。
如果報告過程中川蒙，你的手機振動了偿凭，你回短信時有一分鐘沒注意聽講，那你很可能只記得報告的開頭而忘了結(jié)尾派歌。這稱為“后因效應(yīng)”。這兩個效應(yīng)都是記憶容易受干擾的表現(xiàn)痰哨。這里我想穿插一些記憶的趣味知識胶果。如下：

• 具象詞（桌子、椅子）比抽象詞（正義斤斧、民主）更易變成長期記憶早抠。
• 傷心時傾向于想起傷心事。
• 實物（視覺記憶）比單詞更容易記撬讽。

小貼士：

• 使用具象詞或圖標蕊连，它們更容易記憶。
• 當人們在學習或編碼信息時游昼，不要打斷他們甘苍。（比如用戶在執(zhí)行任務(wù)時突然彈出的廣告對話框或者評分對話框就很影響用戶體驗。）

回憶會重構(gòu)記憶（記憶不可靠）

當你回想事情時烘豌，記憶可能像電影一樣在你的腦海里回放载庭，因此你很可能認為記憶就像電影一樣，完整存儲，經(jīng)久不變囚聚。但事實并非如此靖榕。
實際上，每當回想時顽铸，記憶都會重構(gòu)茁计。記憶并非存在大腦某處的電影，也不像硬盤上存儲的文件谓松。記憶是一回想就會放電重建的神經(jīng)通路星压，因此產(chǎn)生了一些有趣的效應(yīng)。比如毒返，每次回憶時租幕，記憶都會改變。后續(xù)事件可能會改變對原始事件的記憶拧簸。比如在原始事件里劲绪，你和表哥是好朋友。但是后來你們發(fā)生了爭吵盆赤，數(shù)年都沒有和好贾富。久而久之，當你回想最初的事件時牺六，記憶不經(jīng)意地變了颤枪，你會記得表哥一直對你冷冰冰的，盡管并非這樣淑际。后續(xù)事件改變了你的記憶畏纲。

還有一些關(guān)于重構(gòu)記憶的有趣研究就是目擊者證詞的研究塞椎，先向被試展示一段車禍錄像芒篷，然后使用不同的關(guān)鍵詞，問他們一系列與車禍有關(guān)的問題沸手。例如锄贼，問“你估計那輛車碰到另一輛車時的車速是多少”或者“你估計那輛車撞到另一輛車時的車速是多少”票灰，并且問他們有沒有看到玻璃撞碎了。
注意宅荤，“碰到”（hit）和“撞到”（smash）的用詞屑迂。如果提問使用了“撞到”，回答者所估車速會比提問“碰到”時更快冯键，而且此時記得有玻璃撞碎的人也超過“碰到”時的兩倍惹盼。

小貼士：

• 如果你正在就某個產(chǎn)品測試或采訪客戶，那么你的用詞會影響對方“回憶”的結(jié)果琼了。（多用中性詞）
• 別依靠人們對各自經(jīng)歷的回憶逻锐。人無法準確記憶過去的言行和見聞夫晌。
• 酌情采信用戶事后說的話，比如他們事后回想的產(chǎn)品使用經(jīng)驗昧诱。

第三部分 人如何集中注意力

選擇性注意

人們可以做到只關(guān)注一件事晓淀，而過濾掉其他刺激，這叫做“選擇性注意”盏档。抓住人們的注意力到底有多難凶掰？這取決于他們有多么專注。比如說蜈亩，如果他們?nèi)ツ愕木W(wǎng)站上想買個禮物懦窘，但卻不清楚具體要買什么，那么視頻稚配、大幅照片畅涂、色彩和動畫就很容易吸引他們的注意力。另一方面道川，如果一個人在集中精力做某件事午衰，如填寫地址信息。那他也許會不自覺地過濾掉其他干擾信息冒萄。

小貼士：

• 只要你給出明確的指示臊岸，并且任務(wù)不太費時間，人們就能集中注意力并沉浸其中尊流，而忽略別的干擾帅戒。

無意識注意

剛才說的是靠意志努力的選擇性注意。而一些選擇性注意會在無意中進行崖技。比如說逻住，勾人六事：食物、性迎献、危險鄙信、人臉、移動和故事忿晕。人會情不自禁地關(guān)注這些事物。你是否曾好奇為什么路邊的事故會讓來往車輛減速银受？是不是每次你都會大罵減速看熱鬧的人践盼，但自己經(jīng)過的時候也忍不住要多看幾眼？當然宾巍，這不是你的錯咕幻，不只是你，其他人也都忍不住要看看危險的場面顶霞。是你的舊腦在提醒你注意肄程。舊腦锣吼，是最早進化的那部分腦區(qū)，它掌管和生存有關(guān)的一些功能蓝厌，它的工作是不斷觀察周圍的環(huán)境玄叠，并回答這樣一些問題：“可以吃嗎？可以和它性交嗎拓提？它會殺死我嗎读恃？”它就只關(guān)心這么點問題。當然代态，我們?nèi)顺伺f腦寺惫，還有中腦和新腦，它們具有更高級的執(zhí)行控制功能蹦疑。

小貼士：

• 總是在網(wǎng)頁或軟件上使用食物西雀、性或危險相關(guān)的圖片也許不太合適，不過這樣做確實可以吸引一些注意力歉摧。
• 使用近景人臉圖片艇肴。
• 盡量多講故事，即便是事實性信息也可以用來講故事判莉。

對頻率的預(yù)期會影響注意力（頻率的心智模型）

先講一個小故事：有一個美國得克薩斯州休斯頓的商人帶著筆記本電腦包登上了航班豆挽，而機場安檢人員并沒有發(fā)現(xiàn)其中放了一把有子彈的手槍。這個商人并非恐怖分子券盅，在得州攜帶槍支也是合法的帮哈，他只是在出門前忘了把它拿出來。休斯頓機場的安檢人員并沒有注意到手槍锰镀。其實用X光應(yīng)該很容易查出手槍娘侍，但沒一個人注意到。為什么會這樣泳炉？是什么原因?qū)е掳矙z人員可以發(fā)現(xiàn)一大瓶乳液憾筏，卻遺漏了一把手槍？

安檢人員疏漏了手槍花鹅，部分原因是他們很少遇到這種情況氧腰。他們每天連續(xù)工作數(shù)十個小時，不停地看人刨肃、看屏幕古拴，從而對違規(guī)事件發(fā)生的頻率形成了自己的預(yù)期。比如真友，他們經(jīng)常會碰到乳液瓶或是指甲鉗之類的東西黄痪，所以就預(yù)期這些可能會出現(xiàn)，因而特別關(guān)注盔然，而碰到槍支彈藥的幾率就小多了桅打。于是他們形成了各類物品出現(xiàn)頻率的心智模型是嗜，并無意識地按照這個臆想的頻率來進行安全檢查。他們建立了一套事件發(fā)生頻率的心智模型挺尾，并根據(jù)這套模型來設(shè)定注意力鹅搪。當實際發(fā)生的頻率與預(yù)期頻率不同，他們就會錯過事件潦嘶。

小貼士：

• 人們會無意識地建立事件發(fā)生頻率的心智模型涩嚣。
• 如果你正在設(shè)計一個產(chǎn)品或應(yīng)用，它需要人們關(guān)注某個鮮少發(fā)生的事件掂僵，那最好使用搶眼的提示來引起人們的注意航厚。

注意力只能維持10分鐘

一個比較重要的注意力特性：注意力只能維持10分鐘。比如锰蓬，你們現(xiàn)在在聽我的演講幔睬？注意力維持了多久？如果話題有趣芹扭，我又恰巧是個不錯的演講者麻顶，那么你們最多能保持7-10分鐘的專注。不幸地是舱卡，我算不上一個好的演講者辅肾，內(nèi)容也稱不上有趣，你們可能很快就已經(jīng)分心了轮锥。（意識到這點讓我感到有點沮喪矫钓，但還是得繼續(xù)往下講。哈）這個圖展示了注意力變化曲線舍杜。這個注意力特性告訴我們新娜，在設(shè)計網(wǎng)站的時候，盡量將瀏覽網(wǎng)頁需要的時間限制在7分鐘以內(nèi)既绩。

注意力維持.png

小貼士：

• 時常假設(shè)自己只能抓住用戶7~10分鐘的注意力概龄。
• 如果不得不超過10分鐘，可以介紹一些新信息或者通過暫歇來調(diào)劑饲握。
• 將在線演示和教程的時長控制在7分鐘以內(nèi)私杜。

人無法同時完成多個任務(wù)

我們常常聽別人說自己可以一心多用，實際上真的如此嗎救欧？實驗研究表明歪今，我們很擅長在不同的任務(wù)之間切換，于是誤以為那就是一腦多用颜矿，其實事實并非如此。但有個例外嫉晶，就是你可以一邊干一件你很熟悉的體力勞動骑疆，如走路田篇，一邊干另一件腦力勞動，比如聊天打電話箍铭。但也僅僅是可以而已泊柬，當你一邊走路一邊打電話，你很容易撞到人诈火，而且會忽視周圍的情況兽赁。下面說一些心理學上的研究結(jié)果：

• 人們都以為自己可以一腦多用，其實并不能冷守。
• 那些說自己最擅長同時做多件事的人也許正是最不擅長的人刀崖。
• 年輕人在同時做多件事時并沒有優(yōu)于年長者。
• 盡量很難拍摇，比如亮钦，一邊和客戶交談一邊在電腦上填避免讓用戶同時做多件事，因為這對他們來說寫表格充活。如果必須這樣做蜂莉，設(shè)計時應(yīng)該讓表格的可用性更佳。
• 如果需要用戶同時做多件事混卵，就應(yīng)該預(yù)料到他們可能會出許多錯映穗，你應(yīng)該給出修正錯誤的途徑。

第四部分 人如何思考

人更擅長處理小塊信息

大腦一次只能有意識地處理少量信息幕随。（前面我們說過蚁滋，據(jù)估計，人每秒約處理400億條信息合陵，其中只有40條是有意識加工的枢赔。）設(shè)計師經(jīng)常會犯的一個錯誤就是一次給用戶提供太多信息。

最符合人腦處理信息能力的的設(shè)計是應(yīng)用漸進呈現(xiàn)的設(shè)計理念拥知。漸進呈現(xiàn) （progressive disclosure） 即每次只展示用戶當前需要的信息踏拜。下面介紹一個漸進呈現(xiàn)設(shè)計的例子：這是個網(wǎng)站首頁，首頁并沒有詳細描述服務(wù)的內(nèi)容和功能低剔，而是簡單列出了各項功能速梗，并附上了相應(yīng)的圖片。用戶點擊其中一個功能后襟齿，會得到更多信息姻锁，然后還可以進一步詳細了解。通過每次只提供少量信息猜欺，就可以避免信息過量給用戶帶來不適位隶，同時還能滿足不同用戶的需要，因為有些用戶希望得到整體概覽开皿，有些則需要全部詳情涧黄。

漸進1.png

點擊之后：

漸進2.png

漸進呈現(xiàn)需要多次點擊篮昧。你們也許聽說過，網(wǎng)站設(shè)計應(yīng)該將用戶得到詳細信息所需的點擊次數(shù)盡量減少笋妥。但是點擊次數(shù)并不重要懊昨，人們非常愿意點擊多次。其實春宣，如果用戶在每次點擊時都能得到適量信息酵颁，就愿意沿著設(shè)計思路繼續(xù)查看網(wǎng)站，那么他們根本不會注意到點擊的操作月帝。

漸進呈現(xiàn)是個好方法躏惋，但前提條件是得了解多數(shù)用戶在多數(shù)時候需要什么信息。如果沒做足這方面的調(diào)研嫁赏，那么網(wǎng)站會讓人受挫其掂，因為多數(shù)用戶要花大量時間才能找到他們需要的信息。漸進呈現(xiàn)的方法僅在了解多數(shù)用戶每一步需要什么信息時才有效潦蝇。

小貼士：

• 使用漸進呈現(xiàn)款熬，僅在用戶需要時才展示他們需要的信息。用鏈接引導(dǎo)用戶獲得更多詳情攘乒。
• 如果不得不在讓用戶點擊和讓用戶動腦之間做出取舍贤牛，那么多幾次點擊，少一點動腦思考吧则酝。
• 在你使用漸進呈現(xiàn)之前殉簸，務(wù)必做足調(diào)研，搞清楚多數(shù)用戶需要什么信息沽讹，且在什么時候需要般卑。

有的心理活動難度更大

假設(shè)你正在使用網(wǎng)上銀行為信用卡還款，你必須考慮每張賬單需要何時付款爽雄，需要查看收支情況蝠检，確定應(yīng)該還多少錢，最后點擊相應(yīng)的按鈕完成支付挚瘟。在完成這個任務(wù)的過程中叹谁，你需要思考和記憶，（這屬于認知層面的成本）乘盖，需要瀏覽屏幕（視覺成本）焰檩，需要點擊按鈕、操作鼠標和打字（動作成本）订框。這些你需要付出的成本析苫，我們稱之為負荷。不同的負荷使用的腦力資源也不相同。一般來說：認知負荷>視覺負荷>動作負荷衩侥。設(shè)計產(chǎn)品或網(wǎng)站時浪腐，我們一直在取舍。若需要增加幾次點擊顿乒，但用戶可以因此減少思考或記憶的內(nèi)容，那就是值得的泽谨，因為點擊的負荷比思考的負荷更小璧榄。

一般情況下，考慮設(shè)計中的負荷問題時吧雹，設(shè)計者都想要減少負荷骨杂，如訊飛輸入法。有時候有需要增加負荷雄卷，如游戲設(shè)計搓蚪。游戲是通過增加負荷數(shù)量提升挑戰(zhàn)難度的。有的游戲需要玩家仔細思考丁鹉，因此具有大量認知負荷妒潭；有的游戲需要玩家在屏幕上尋找物品，因此具有大量視覺負荷揣钦；有的游戲需要玩家用鍵盤或別的設(shè)備來瞄準并射擊敵人雳灾，因此具有大量動作負荷。

小貼士：

• 評估一個現(xiàn)有產(chǎn)品的負荷冯凹，看看能否通過減少負荷讓它變得更易用谎亩。
• 設(shè)計產(chǎn)品時請記住，讓用戶思考或記憶的認知負荷會耗費最多腦力資源宇姚。
• 尋找可以權(quán)衡之處匈庭，例如可以通過增加視覺負荷或動作負荷來減少認知負荷。
• 確保目標足夠大浑劳，用戶可以輕松點擊到阱持。

30%時間人會走神

如果你在閱讀同事寫的報告，突然發(fā)現(xiàn)同一句子自己已經(jīng)反復(fù)讀了三遍呀洲，那么你其實并不是在思考所讀的內(nèi)容紊选，你的心智已經(jīng)游移了。心智游移極為常見道逗，研究表明兵罢，人們覺得自己只有10%的時間在走神，但其實遠多于此滓窍。日常生活中卖词，心智游移的時間最高可達到30%；在一些特殊情況下，如在通暢無阻的高速公路上駕駛時此蜈，刺激比較單一即横，心智游移的時間可能高達70%。

心智游移是有利有弊的裆赵。心智游移的好處就是讓大腦一部分集中于手里的任務(wù)东囚，而另一部分集中于更高層級的目標。比如駕駛時战授，司機既要注意路面情況页藻，但同時也要考慮何時停車加油。心智游移也許是最接近于多任務(wù)處理的東西植兰，但又不是真正的多任務(wù)處理（對人來說份帐，多任務(wù)處理并不存在。）楣导，不過它確實能讓你快速地在不同想法之間來回切換废境。另一方面，心智游移的大多數(shù)時候筒繁，你是不會注意到的噩凹。因此你不只是在走神，而且是已經(jīng)心不在焉了膝晾，這意味著你有可能錯過重要信息栓始。例如，你本來應(yīng)該閱讀同事的報告血当，卻在考慮晚飯吃什么幻赚，那你就會毫無收獲。這種心不在焉的狀態(tài)臊旭，通常你自己是意識不到的落恼。

小貼士：

• 人集中注意力處理一項任務(wù)的時間是有限的，應(yīng)當假設(shè)他們經(jīng)常走神离熏。
• 可以的話佳谦，利用超鏈接實現(xiàn)不同主題之間的快速切換。人們喜歡上網(wǎng)正是因為這種游移切換的方式滋戳。
• 務(wù)必建立提示用戶位置的信息反饋钻蔑，以便他們回過神之后能回到原來的位置繼續(xù)瀏覽。

人們天生就會分類

學習對周遭事物進行分類奸鸯，就如同學習母語般自然咪笑。當面對大量信息時，人們也會自動開始分類娄涩。人們把分類作為理解周遭世界的一種方式窗怒，特別當他們淹沒在信息的海洋中時。

那么人們究竟對自己分類的信息記得更清楚，還是對別人分類的信息記得更清楚扬虚。研究結(jié)果表明努隙，誰分的類并不重要，關(guān)鍵是分得好不好辜昵。信息組織得越好荸镊，人們記憶得就越清楚。那些在控制欲測試中得分較高的人喜歡用自己的方式組織信息堪置，但只要信息組織得好贷洲，到底是按自己的方式分類還是按別人的方式分類真的不重要。

小貼士：

• 人們喜歡給事物分類晋柱。
• 如果面對大量未分類的信息，人們就會感到被信息湮沒诵叁，并開始自己進行信息分類雁竞。
• 盡可能地為你的受眾分類信息，謹記之前提及的“人如何記憶”中提到的4件事法則拧额。
• 了解什么樣的分類方式才是對用戶最合理的碑诉，這非常有用，但關(guān)鍵是侥锦，組織信息的人是你进栽。對事物的定義通常比分類方式更重要。
• 如果你在為7歲以下的兒童設(shè)計網(wǎng)站恭垦，你采用的任何分類方式可能只對兒童身邊的大人有用快毛，對兒童沒什么用。

時間時相對的

你有過這種經(jīng)歷嗎番挺？你去拜訪一位朋友唠帝，去的時候需要兩小時，回來的時候也需要兩小時玄柏，但就是感覺去的時候時間花得多襟衰。這就是時間錯覺。一些人們感知時間的規(guī)律如下：
第一點粪摘，一個人的心理活動越多瀑晒，越覺得時間流逝得多。與前面提到的“漸進展開”類似徘意，如果人們在任務(wù)的每一步都得停下來思考苔悦，就會覺得完成這個任務(wù)耗時很長。進行心理活動讓你覺得過了很長時間映砖。

第二點间坐，我們對時間的感知和反應(yīng)也深受可預(yù)測性和預(yù)期的影響。假設(shè)你正在電腦上編輯視頻，剛剛點擊了按鈕竹宋，等待編輯的視頻生成劳澄，你是否會對不知道要花多少時間而感到苦惱？如果你經(jīng)常生成視頻蜈七，并且通常都需要3分鐘的話秒拔，那你就不會覺得3分鐘很長。如果界面上有個進度條飒硅，你就會有所預(yù)期砂缩，可能會去給自己倒杯咖啡再回來。但如果有時生成視頻需要30秒三娩，有時需要5分鐘庵芭，并且你也不知道這次需要多久，那么倘若這次需要3分鐘雀监，你就會等得非常不耐煩双吆，感覺3分鐘比平時更長。

第三點会前，10年前好乐，如果打開一個網(wǎng)頁需要20秒，我們并不會介意瓦宜；但如今蔚万，超過3秒鐘我們就會不耐煩。

這些感知時間的規(guī)律給我設(shè)計上的啟示就是：

• 使用進度條临庇，讓用戶知道要等待多長時間反璃。
• 盡量讓完成某項任務(wù)或顯示信息所需的時間保持一致，以便用戶相應(yīng)調(diào)整自己的預(yù)期假夺。
• 為了讓處理過程顯得短一些版扩，把任務(wù)拆分成幾步，并讓用戶少動腦子侄泽，因為進行心理活動會讓人感覺過了很長時間礁芦。

這里有一個運用人們心理預(yù)期和認知錯覺的交互設(shè)計案例：就是Gmail的加載進度條設(shè)計〉课玻看這個動圖：

時間認知.gif

注意這個藍色進度條的加載規(guī)律：先固定加載進度條前面一部分柿扣，間隔一點時間再慢速加載后一部分，最后快速加載后面一部分闺魏。這種先慢后快的加載方式未状，會先讓用戶有一個慢速的心理預(yù)期，當后面部分加載速度比用戶預(yù)期更快時析桥，用戶就會感覺加載整個進度條的時間比實際上更快司草。
再注意這個藍色的讀取進度條艰垂，在向右走的同時，還有向左滾動的藍色條紋埋虹。有研究表明猜憎，這種反向走動的條紋會讓你感覺進度條讀取速度加快了11%。

人可以進入心流狀態(tài)

心流（flow）是人們?nèi)硇耐度肽呈碌囊环N心理狀態(tài)搔课。人們處于這種情境時胰柑，往往不愿意被打擾，心流狀態(tài)會產(chǎn)生極高的興奮感和充實感爬泥。把握這個心理狀態(tài)對于沉浸式的交互設(shè)計特別有用柬讨，比如設(shè)計一款閱讀類應(yīng)用，一款大型網(wǎng)游袍啡，我們都希望用戶能夠不被打擾地沉浸到應(yīng)用中去踩官。這樣的設(shè)計例子很多，比如游戲的全屏功能境输，比如使用safari或者chrome瀏覽器時卖鲤，向上滑動頁面時自動隱藏工具類和地址欄。

那么畴嘶，如何讓用戶達到心流狀態(tài)呢？心理學告訴我們至少要具備以下條件：
A集晚、明確且可實現(xiàn)的目標窗悯；所以，我們應(yīng)該記得始終讓用戶明確地知道他的目標偷拔，并且目標是可實現(xiàn)的蒋院。比如，你需要你的游戲玩家去消滅10個叫做強盜的怪莲绰，那就在任務(wù)菜單里寫清楚“10個”和“強盜”欺旧，并且要保證這個任務(wù)是玩家有辦法完成的蛤签。
B辞友、流暢的任務(wù)；保持流暢的任務(wù)直到目標實現(xiàn)為止。比如我們通常會忽視網(wǎng)站的404錯誤頁面沦偎，但是谈火，如果在通知錯誤的同時告訴用戶接下來該怎么辦會更好谍肤。
那么焊刹，如何讓用戶達到心流狀態(tài)呢俩滥？心理學告訴我們至少要具備以下條件：
C挂据、持續(xù)性的反饋眉孩；時刻告訴用戶當前的狀態(tài)篮洁、所處位置以及操作的效果篷牌。此類的設(shè)計包括很多信卡，比如導(dǎo)航設(shè)計丢习、轉(zhuǎn)場動畫設(shè)計、狀態(tài)界面設(shè)計等等特恬。
D、可控制的操作譬淳；盡管用戶全心全意地沉浸到其中，但依然希望能夠在需要的時候可以控制自己的行為惠赫。此類設(shè)計包括可撤銷設(shè)計诗轻、防錯設(shè)計等劝术。