一直以來，我都對人類的思維方式非常著迷。我也一直認為熟知認知科學是設計師的關鍵技能之一。一方面希望我自己更加專業(yè)，另一方面也幫助其他人學習，我在這里寫點我感興趣的認知相關的內容。

我們在日常生活中接觸的設計被各種感覺（視覺、聽覺、觸覺）所感知，并將這些信息迅速傳遞給大腦處理。作為設計師，我們必須了解如何創(chuàng)造體驗以及人類大腦如何評估這些體驗。同時，設計師也有能力通過產品的交互或者不只交互來控制人們的思想。

在本文中，我會重點聊一聊我們的注意力如何工作以及如何影響界面設計的。

注意力=工作記憶

通常，我們看到、聽到、觸摸或嗅到的一切信息都是由大腦處理的，同時這些信息也會影響我們的記憶體系。人類的記憶體系可以分為三部分：

1、工作記憶

2、短期記憶

3、長期記憶

工作記憶包含我們關注焦點的信息。我們的工作記憶能力很?。ㄑ芯匡@示容量可以介于5-7個不相關的概念之間），大腦無法一次處理周圍所發(fā)生的一切，因此，我們的注意力會有選擇性，只會關注最相關的信息，而相關性取決于我們自己的目標。

我們的大腦每秒可以接收大約1100萬位的數據，但是我們每秒只能處理大約50位數據。

如果關注焦點改變了，來自工作記憶的信息可能會很容易丟失。很多人應該都經歷過這樣的場景：

在數數的時候突然打斷你，你必須重新開始，因為你不記得剛才數到哪里了。 你走進一個房間，會突然意識到忘了剛進入房間的原因了。

界面設計中的工作記憶

模式

模式在設計中很常用，使用設計模式有很多優(yōu)點。我們可以通過切換不同的模式來減少手勢/控制，以便執(zhí)行更多的動作。例如，在Sketch（一個UI設計應用程序）中，默認情況下你會發(fā)現自己處于選擇模式，這意味著拖動鼠標時，你可以在屏幕上選擇對象。但是，如果你進入繪制矩形模式，在拖動鼠標時，則可以繪制一個矩形。

工作記憶很不穩(wěn)定，在沒有任何反饋的情況下，很難保證用戶可以記住他們當前處于哪種模式中。使用模式時，重要的是強調當前激活的模式。Sketch通過顯示不同的光標來體現模式的不同。

sketch中的不同模式

搜索

在網站上使用搜索功能時，用戶輸入搜索詞語，然后查看結果，用戶的注意力會從輸入內容轉移到結果展示。這意味著用戶經常忘記最初輸入的搜索內容。所以，具有搜索功能的網站，即使在搜索結果顯示頁，也應該使用戶輸入的內容明顯的顯示。

說明

如果用戶需要超過5個步驟才能實現目標，那么請確保過程中有明確的提示。用戶絕對不能記住所有的增量步驟。所以，用戶應該在操作的時候可以輕松查看說明。

導航

如果你正在設計的系統(tǒng)需要復雜的導航層次結構，那么應該向用戶反饋他們當前所在的位置以及到達的路徑。雖然記住用戶所有的操作步驟具有挑戰(zhàn)性，但還是應該讓用戶清楚其主要路徑。設計師應盡量避免信息超載，這有可能讓用戶迷惑并忘記最初目標。這也是當今許多互聯(lián)網產品中面包屑（通常是顯示頁面層次結構的箭頭或斜線）越來越受歡迎的原因。

面包屑導航

視力 - 眼中央凹

毫無疑問的是，我們的大腦通過眼睛獲得大部分信息，因此，眼睛在用戶如何看待我們的設計上發(fā)揮著重要作用。人眼的結構是復雜的，不過最重要的發(fā)現是在眼睛的中央有一個小圓圈（1.5毫米寬），被稱為“中心凹”，雖然很小，但我們大腦通過它獲得大部分信息。這里有三個原因：

1、眼睛的這一小部分比其余部分分辨率更大；

2、因為中央凹的細胞與神經（其向大腦傳遞信息）1：1相連，所以與眼睛的其他部分相反，這部分信息傳遞沒有任何縮減 。

3、中央凹只有整個眼睛的大小的1％左右，但我們大腦的視覺皮質將其資源的50％用于它。

因此，這些都是導致人類關注的焦點非常狹窄的原因。

另一方面，我們的周邊視力真的非常差。想想你現在閱讀這篇文章的方式，你只能關注當前閱讀的這幾個詞語，其他的一切都是不相關的。但這僅僅是整體設計的一小部分。有趣的是，我們的大腦會根據我們的期望和記憶力來幫助眼睛，填補我們周邊的丟失數據。這使得我們認為自己實際上看到了一切。

雖然周邊視力的視覺質量很差，但在生活中也是非常有用的。一方面它會基于低分辨率數據將中央凹引導至焦點（下一步看），另外一方面它也非常擅長檢測動態(tài)信息，這是我們遺傳自生活在曠野中的祖先的本能。

中央凹對界面設計的影響

中央凹的發(fā)現很容易應用于設計。用戶無法一下子字看到整個網站，他們只能掃描頁面。這意味著他們的眼睛需要非常迅速地從一個部分跳到另一個部分。因此，最吸引用戶眼球的是具有強烈對比的部分，或者是有任何形式運動的內容。

頁面右上角的黃色按鈕吸引了我們的注意力

設計中我們要考慮的是，必須以緊湊的方式顯示相互關聯(lián)的信息，以便用戶將這些信息同時處理。這也正是我們熟知的格式塔原理：

彼此接近的對象或形狀會自動成組。

格式塔原理

例如，錯誤信息必須顯示在密碼字段的附近，如果錯誤信息展示在頁面的其他部分，專注于輸入密碼的用戶很可能會錯過該信息。另一個例子是營銷文案，如圖中所示，標題和CTA按鈕的強烈對比吸引了用戶的注意力，意味著這塊是整個頁面中用戶最先注意到的地方，用戶會自動將這塊內容聯(lián)系在一起，所以文案應該說服用戶點擊CTA按鈕。

文案和按鈕在一起，用戶無需去其他地方尋找

錯誤提示直接顯示在輸入框下方

無意視盲

人的注意力是以目標為導向的。我們傾向于關注與實現目標有關的事情。除非它引發(fā)了我們的注意，否則其他一切事情都沒那么重要。這就是心理學現象中著名的無意視盲。

觀看鏈接中的視頻，并嘗試數清楚白色隊伍的傳球數。

http://v.youku.com/v_show/id_XNjkwMzg5Mzg0.html#paction

因此，我們在設計的時候需要考慮元素間的相互關聯(lián)性，例如使用格式塔的接近原則。如果難以實現，我們應該以動效或者對比的形式來吸引用戶。曾有數據表明，如果我們沒堅持這些原則，用戶很可能會錯過重要的體驗細節(jié)。

以上內容是我對人類注意力以及認知科學如何影響設計的一些認識，這篇文章也是受到Jeff Johnson的書“認知與設計”的啟發(fā)。如果你對如何設計人類思維很好奇，并且想要深入挖掘，我強烈建議你仔細閱讀本書。

原文鏈接：https://uxplanet.org/designing-for-human-attention-ac0abe3d657d