一直以來(lái)臊泰，我都對(duì)人類的思維方式非常著迷针饥。我也一直認(rèn)為熟知認(rèn)知科學(xué)是設(shè)計(jì)師的關(guān)鍵技能之一筷凤。一方面希望我自己更加專業(yè)，另一方面也幫助其他人學(xué)習(xí)卢厂，我在這里寫(xiě)點(diǎn)我感興趣的認(rèn)知相關(guān)的內(nèi)容慎恒。
我們?cè)谌粘Ｉ钪薪佑|的設(shè)計(jì)被各種感覺(jué)（視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)）所感知靠欢，并將這些信息迅速傳遞給大腦處理骡澈。作為設(shè)計(jì)師囤锉，我們必須了解如何創(chuàng)造體驗(yàn)以及人類大腦如何評(píng)估這些體驗(yàn)。同時(shí)驱入，設(shè)計(jì)師也有能力通過(guò)產(chǎn)品的交互或者不只交互來(lái)控制人們的思想。
在本文中遵岩，我會(huì)重點(diǎn)聊一聊我們的注意力如何工作以及如何影響界面設(shè)計(jì)的宴凉。
注意力=工作記憶
通常炉旷，我們看到、聽(tīng)到、觸摸或嗅到的一切信息都是由大腦處理的，同時(shí)這些信息也會(huì)影響我們的記憶體系。人類的記憶體系可以分為三部分：
1、工作記憶
2、短期記憶
3逛艰、長(zhǎng)期記憶
工作記憶包含我們關(guān)注焦點(diǎn)的信息杭抠。我們的工作記憶能力很械ぞ鳌（研究顯示容量可以介于5-7個(gè)不相關(guān)的概念之間），大腦無(wú)法一次處理周圍所發(fā)生的一切翁垂，因此铆遭，我們的注意力會(huì)有選擇性，只會(huì)關(guān)注最相關(guān)的信息沿猜，而相關(guān)性取決于我們自己的目標(biāo)枚荣。
我們的大腦每秒可以接收大約1100萬(wàn)位的數(shù)據(jù)，但是我們每秒只能處理大約50位數(shù)據(jù)啼肩。
如果關(guān)注焦點(diǎn)改變了橄妆，來(lái)自工作記憶的信息可能會(huì)很容易丟失。很多人應(yīng)該都經(jīng)歷過(guò)這樣的場(chǎng)景：
在數(shù)數(shù)的時(shí)候突然打斷你祈坠，你必須重新開(kāi)始害碾，因?yàn)槟悴挥浀脛偛艛?shù)到哪里了。 你走進(jìn)一個(gè)房間赦拘，會(huì)突然意識(shí)到忘了剛進(jìn)入房間的原因了慌随。
界面設(shè)計(jì)中的工作記憶
模式
模式在設(shè)計(jì)中很常用，使用設(shè)計(jì)模式有很多優(yōu)點(diǎn)躺同。我們可以通過(guò)切換不同的模式來(lái)減少手勢(shì)/控制阁猜，以便執(zhí)行更多的動(dòng)作。例如蹋艺，在Sketch（一個(gè)UI設(shè)計(jì)應(yīng)用程序）中剃袍，默認(rèn)情況下你會(huì)發(fā)現(xiàn)自己處于選擇模式，這意味著拖動(dòng)鼠標(biāo)時(shí)车海，你可以在屏幕上選擇對(duì)象笛园。但是，如果你進(jìn)入繪制矩形模式侍芝，在拖動(dòng)鼠標(biāo)時(shí)，則可以繪制一個(gè)矩形埋同。
工作記憶很不穩(wěn)定州叠，在沒(méi)有任何反饋的情況下，很難保證用戶可以記住他們當(dāng)前處于哪種模式中凶赁。使用模式時(shí)咧栗，重要的是強(qiáng)調(diào)當(dāng)前激活的模式逆甜。Sketch通過(guò)顯示不同的光標(biāo)來(lái)體現(xiàn)模式的不同。
搜索
在網(wǎng)站上使用搜索功能時(shí)致板，用戶輸入搜索詞語(yǔ)交煞，然后查看結(jié)果，用戶的注意力會(huì)從輸入內(nèi)容轉(zhuǎn)移到結(jié)果展示斟或。這意味著用戶經(jīng)常忘記最初輸入的搜索內(nèi)容素征。所以，具有搜索功能的網(wǎng)站萝挤，即使在搜索結(jié)果顯示頁(yè)御毅，也應(yīng)該使用戶輸入的內(nèi)容明顯的顯示。
說(shuō)明
如果用戶需要超過(guò)5個(gè)步驟才能實(shí)現(xiàn)目標(biāo)怜珍，那么請(qǐng)確保過(guò)程中有明確的提示端蛆。用戶絕對(duì)不能記住所有的增量步驟。所以酥泛，用戶應(yīng)該在操作的時(shí)候可以輕松查看說(shuō)明今豆。
導(dǎo)航
如果你正在設(shè)計(jì)的系統(tǒng)需要復(fù)雜的導(dǎo)航層次結(jié)構(gòu)，那么應(yīng)該向用戶反饋他們當(dāng)前所在的位置以及到達(dá)的路徑柔袁。雖然記住用戶所有的操作步驟具有挑戰(zhàn)性晚凿，但還是應(yīng)該讓用戶清楚其主要路徑。設(shè)計(jì)師應(yīng)盡量避免信息超載瘦馍，這有可能讓用戶迷惑并忘記最初目標(biāo)歼秽。這也是當(dāng)今許多互聯(lián)網(wǎng)產(chǎn)品中面包屑（通常是顯示頁(yè)面層次結(jié)構(gòu)的箭頭或斜線）越來(lái)越受歡迎的原因。
視力 - 眼中央凹
毫無(wú)疑問(wèn)的是情组，我們的大腦通過(guò)眼睛獲得大部分信息燥筷，因此，眼睛在用戶如何看待我們的設(shè)計(jì)上發(fā)揮著重要作用院崇。人眼的結(jié)構(gòu)是復(fù)雜的肆氓，不過(guò)最重要的發(fā)現(xiàn)是在眼睛的中央有一個(gè)小圓圈（1.5毫米寬），被稱為“中心凹”底瓣，雖然很小谢揪，但我們大腦通過(guò)它獲得大部分信息。這里有三個(gè)原因：
1捐凭、眼睛的這一小部分比其余部分分辨率更大拨扶；
2、因?yàn)橹醒氚嫉募?xì)胞與神經(jīng)（其向大腦傳遞信息）1：1相連茁肠，所以與眼睛的其他部分相反患民，這部分信息傳遞沒(méi)有任何縮減 。
3垦梆、中央凹只有整個(gè)眼睛的大小的1％左右匹颤，但我們大腦的視覺(jué)皮質(zhì)將其資源的50％用于它仅孩。
因此，這些都是導(dǎo)致人類關(guān)注的焦點(diǎn)非常狹窄的原因印蓖。
另一方面辽慕，我們的周邊視力真的非常差。想想你現(xiàn)在閱讀這篇文章的方式赦肃，你只能關(guān)注當(dāng)前閱讀的這幾個(gè)詞語(yǔ)溅蛉，其他的一切都是不相關(guān)的。但這僅僅是整體設(shè)計(jì)的一小部分摆尝。有趣的是温艇，我們的大腦會(huì)根據(jù)我們的期望和記憶力來(lái)幫助眼睛，填補(bǔ)我們周邊的丟失數(shù)據(jù)堕汞。這使得我們認(rèn)為自己實(shí)際上看到了一切勺爱。
雖然周邊視力的視覺(jué)質(zhì)量很差，但在生活中也是非常有用的讯检。一方面它會(huì)基于低分辨率數(shù)據(jù)將中央凹引導(dǎo)至焦點(diǎn)（下一步看）琐鲁，另外一方面它也非常擅長(zhǎng)檢測(cè)動(dòng)態(tài)信息，這是我們遺傳自生活在曠野中的祖先的本能人灼。
中央凹對(duì)界面設(shè)計(jì)的影響
中央凹的發(fā)現(xiàn)很容易應(yīng)用于設(shè)計(jì)围段。用戶無(wú)法一下子字看到整個(gè)網(wǎng)站，他們只能掃描頁(yè)面投放。這意味著他們的眼睛需要非常迅速地從一個(gè)部分跳到另一個(gè)部分奈泪。因此，最吸引用戶眼球的是具有強(qiáng)烈對(duì)比的部分灸芳，或者是有任何形式運(yùn)動(dòng)的內(nèi)容涝桅。
設(shè)計(jì)中我們要考慮的是，必須以緊湊的方式顯示相互關(guān)聯(lián)的信息烙样，以便用戶將這些信息同時(shí)處理冯遂。這也正是我們熟知的格式塔原理：
彼此接近的對(duì)象或形狀會(huì)自動(dòng)成組。
例如谒获，錯(cuò)誤信息必須顯示在密碼字段的附近蛤肌，如果錯(cuò)誤信息展示在頁(yè)面的其他部分，專注于輸入密碼的用戶很可能會(huì)錯(cuò)過(guò)該信息批狱。另一個(gè)例子是營(yíng)銷文案裸准，如圖中所示，標(biāo)題和CTA按鈕的強(qiáng)烈對(duì)比吸引了用戶的注意力精耐，意味著這塊是整個(gè)頁(yè)面中用戶最先注意到的地方狼速，用戶會(huì)自動(dòng)將這塊內(nèi)容聯(lián)系在一起，所以文案應(yīng)該說(shuō)服用戶點(diǎn)擊CTA按鈕卦停。
無(wú)意視盲
人的注意力是以目標(biāo)為導(dǎo)向的。我們傾向于關(guān)注與實(shí)現(xiàn)目標(biāo)有關(guān)的事情惊完。除非它引發(fā)了我們的注意僵芹，否則其他一切事情都沒(méi)那么重要。這就是心理學(xué)現(xiàn)象中著名的無(wú)意視盲小槐。
觀看鏈接中的視頻拇派，并嘗試數(shù)清楚白色隊(duì)伍的傳球數(shù)。
http://v.youku.com/v_show/id_XNjkwMzg5Mzg0.html#paction
因此凿跳，我們?cè)谠O(shè)計(jì)的時(shí)候需要考慮元素間的相互關(guān)聯(lián)性件豌，例如使用格式塔的接近原則。如果難以實(shí)現(xiàn)控嗜，我們應(yīng)該以動(dòng)效或者對(duì)比的形式來(lái)吸引用戶茧彤。曾有數(shù)據(jù)表明，如果我們沒(méi)堅(jiān)持這些原則疆栏，用戶很可能會(huì)錯(cuò)過(guò)重要的體驗(yàn)細(xì)節(jié)曾掂。
以上內(nèi)容是我對(duì)人類注意力以及認(rèn)知科學(xué)如何影響設(shè)計(jì)的一些認(rèn)識(shí)，這篇文章也是受到Jeff Johnson的書(shū)“認(rèn)知與設(shè)計(jì)”的啟發(fā)壁顶。如果你對(duì)如何設(shè)計(jì)人類思維很好奇珠洗，并且想要深入挖掘，我強(qiáng)烈建議你仔細(xì)閱讀本書(shū)若专。
原文鏈接：https://uxplanet.org/designing-for-human-attention-ac0abe3d657d
