本期翻譯的文章來(lái)自 Martin Jancik，他從認(rèn)知心理學(xué)以及大腦的工作方式的角度出發(fā)，分析如何做出更加符合人們注意力的設(shè)計(jì)。
我曾經(jīng)常為人類的大腦如何工作而著迷莫鸭，同時(shí)，我認(rèn)為熟悉認(rèn)知科學(xué)是每一個(gè)設(shè)計(jì)師的關(guān)鍵技能之一横殴。 為了使自己更加專業(yè)被因，同時(shí)讓其他人學(xué)到一些新知識(shí)，我決定寫下這篇自己感興趣的衫仑，關(guān)于認(rèn)知的專題文章梨与。
雖然設(shè)計(jì)是通過(guò)我們的感覺(jué)，比如視覺(jué)文狱，觸覺(jué)粥鞋，聽覺(jué)等被感知的，但是這些感覺(jué)卻是被大腦直接控制的瞄崇。作為設(shè)計(jì)師呻粹，我們必須了解如何創(chuàng)造經(jīng)驗(yàn)壕曼，大腦如何評(píng)估經(jīng)驗(yàn)。同時(shí)等浊，作為設(shè)計(jì)師腮郊，我們必須有能力通過(guò)我們的設(shè)計(jì)，在與用戶的交互中控制人們的思維筹燕。
在本文中轧飞，我將重點(diǎn)關(guān)注注意力如何工作，以及如何影響界面設(shè)計(jì)撒踪。
注意力 = 工作記憶
我們的視覺(jué)过咬，聽覺(jué)，觸覺(jué)以及嗅覺(jué)都受到大腦的控制制妄，同時(shí)影響記憶系統(tǒng)掸绞。記憶系統(tǒng)可以分為以下幾種：
工作記憶
短時(shí)記憶
長(zhǎng)期記憶
工作記憶包含了我們聚焦注意力的信息。由于我們工作記憶的能力相當(dāng)差（研究顯示可以容納在5-7個(gè)不相關(guān)的概念）忍捡，我們的注意力是有選擇性的集漾。我們的大腦根本無(wú)法立即處理我們周圍發(fā)生的一切。相反砸脊，它將重點(diǎn)放在最相關(guān)的信息上，而相關(guān)性取決于我們自己的目標(biāo)纬霞。
我們的大腦每秒接收大約1100萬(wàn)比特的數(shù)據(jù)凌埂，但我們每秒只能處理大約50比特的數(shù)據(jù)。
如果焦點(diǎn)發(fā)生變化诗芜，工作記憶中的信息很容易丟失瞳抓。我們中的許多人可能發(fā)生過(guò)這樣的情況：
你再數(shù)數(shù)的過(guò)程中有人打斷了你，之后你不得不重新開始數(shù)伏恐，因?yàn)槟愀静挥浀米约簲?shù)到了哪里孩哑。
你走進(jìn)一間屋子，突然忘記了你來(lái)這里的原因翠桦。
界面設(shè)計(jì)中的工作記憶
模式
在設(shè)計(jì)中使用“模式”有很多優(yōu)點(diǎn)横蜒，它允許我們?cè)谵D(zhuǎn)換情景的時(shí)候，使用更少的手勢(shì)或控件销凑。比如丛晌，在sketch中，你會(huì)發(fā)現(xiàn)在通常情況下是處于選擇狀態(tài)的斗幼，這意味著在拖動(dòng)鼠標(biāo)的時(shí)候澎蛛，你可以選擇屏幕上的目標(biāo)。但是蜕窿，如果你進(jìn)入矩形模式谋逻，拖動(dòng)鼠標(biāo)的時(shí)候呆馁，你就會(huì)畫出一個(gè)矩形來(lái)。
工作記憶太易變了毁兆，因此不能假設(shè)用戶可以不通過(guò)任何反饋來(lái)記住自己處于何種模式之下浙滤。在使用模式的時(shí)候，最重要的是要表明目前所激活的是那種模式荧恍。sketch通過(guò)不同的光標(biāo)來(lái)展示不同的模式瓷叫。
搜索
當(dāng)使用一個(gè)網(wǎng)站的搜索功能時(shí)摹菠，用戶進(jìn)入搜索條目，然后瀏覽搜索結(jié)果骗爆，注意力會(huì)從輸入框轉(zhuǎn)移到結(jié)果上次氨。這就意味著用戶會(huì)經(jīng)常忘記自己剛剛輸入了什么。因此在設(shè)計(jì)搜索功能的時(shí)候摘投，應(yīng)該在顯示出搜索結(jié)果的同時(shí)煮寡，將用戶的輸入字段展示出來(lái)。
步驟說(shuō)明
如果用戶需要通過(guò)最少5步才能達(dá)到自己的目標(biāo)犀呼，確保有清晰的說(shuō)明來(lái)告訴他們?nèi)绾稳プ鲂宜骸Ｓ脩敉ǔＲ膊豢赡苡涀∷械牟襟E，因此在他們操作的時(shí)候也要盡可能容易的回到之前的步驟外臂。
導(dǎo)航
如果你設(shè)計(jì)的系統(tǒng)需要一個(gè)復(fù)雜的導(dǎo)航層級(jí)坐儿，應(yīng)該給用戶一個(gè)清晰的反饋，告訴他們處于何處宋光，可以去哪里貌矿。讓用戶記住到達(dá)目的頁(yè)之前所有的頁(yè)面是非常具有挑戰(zhàn)性的，設(shè)計(jì)師應(yīng)該進(jìn)自己最大的努力罪佳，去避免用戶的大腦負(fù)載太多逛漫，避免用戶忘記自己最終的目的是什么。這正是面包屑導(dǎo)航在今天被很多產(chǎn)品使用的原因赘艳。
視力-眼球中心凹
如今阔馋，大腦獲取的大多數(shù)信息都是通過(guò)視覺(jué)。我們的雙眼在如何感知設(shè)計(jì)中非常重要娇掏。人眼的結(jié)構(gòu)非常復(fù)雜呕寝，但是最重要的發(fā)現(xiàn)是，在眼睛中央?yún)^(qū)域發(fā)現(xiàn)的一個(gè)叫做“眼球中心凹”的部分。它是非常小的一個(gè)圓圈（1.5毫米寬）下梢，我們大腦獲取的大多數(shù)信息都是通過(guò)它客蹋。這里有3個(gè)原因：
眼睛的這個(gè)小部分比其他部分的解析度要明顯的高一些。
中央凹中的細(xì)胞也以1：1連接到神經(jīng)節(jié)神經(jīng)孽江，從而將信息傳遞到大腦讶坯，與眼睛的其他部分比起來(lái)，它沒(méi)有任何數(shù)據(jù)壓縮岗屏。
中央凹僅占整個(gè)眼睛大小的1％辆琅，但我們大腦的視覺(jué)皮層將50％的資源投入其中。
所有的這些最終導(dǎo)致了人類的視角非常狹窄这刷。
另一方面婉烟，我們的周圍視力非常差。真的暇屋，思考一下你此刻讀這篇文章的方式似袁，你只能注意到這些精確的文字，其他的所有東西都是無(wú)關(guān)緊要的咐刨。這只是整體設(shè)計(jì)中很小的一部分昙衅。然而，有趣的是定鸟，我們的大腦試圖幫助眼睛而涉，并根據(jù)我們的期望和記憶填補(bǔ)我們周邊的缺失數(shù)據(jù)。這讓我們誤以為我們實(shí)際上看到了一切联予。
盡管周邊視覺(jué)質(zhì)量很差婴谱，但它確實(shí)在我們的生活中有著其他作用。它引導(dǎo)中央凹將焦點(diǎn)集中在低分辨率的數(shù)據(jù)上躯泰。它也非常擅長(zhǎng)檢測(cè)運(yùn)動(dòng)，這是我們從居住在荒野中的祖先那里繼承的能力华糖。
眼球中央凹對(duì)界面設(shè)計(jì)的影響
這些發(fā)現(xiàn)很容易運(yùn)用到設(shè)計(jì)中麦向。用戶無(wú)法立即看到整個(gè)網(wǎng)站，他們只能掃描頁(yè)面客叉。這意味著他們的眼睛從一個(gè)部分跳到另一個(gè)部分非乘薪撸快，因此網(wǎng)站最吸引人的部分通常是具有高對(duì)比的部分兼搏，或者包含動(dòng)效的部分卵慰。
重要的是佛呻，相互關(guān)聯(lián)的信息必須以緊湊的方式顯示裳朋，以便用戶可以一起感知這些元素。使用格式塔的接近性原則這樣表述：
接近的對(duì)象或形狀通常被看做是一組
舉個(gè)栗子鲤嫡，錯(cuò)誤提示應(yīng)該出現(xiàn)在密碼輸入?yún)^(qū)的旁邊送挑。如果錯(cuò)誤信息出現(xiàn)在頁(yè)面的不同部分，專心輸入密碼的用戶很可能會(huì)看不見它暖眼。另外一個(gè)例子惕耕，如下圖，一個(gè)好的營(yíng)銷網(wǎng)站應(yīng)該說(shuō)服用戶去點(diǎn)擊按鈕诫肠，標(biāo)題和按鈕的高對(duì)比度意味著這是用戶首先注意到的地方司澎。
無(wú)意識(shí)失明
人的注意力是以目標(biāo)為導(dǎo)向的挤安。我們傾向于關(guān)注與目標(biāo)相關(guān)的事情。其他一切都不那么重要笼才，除非它以某種方式觸發(fā)我們的注意力漱受，否則，它將處于注意力之外骡送。這在心理學(xué)中被稱為知覺(jué)或無(wú)意識(shí)失明昂羡。
有一個(gè)經(jīng)典的實(shí)驗(yàn)，讓觀察者去看一段視頻摔踱，視頻里有白色衣服的隊(duì)員和黑色衣服的隊(duì)員虐先，他們各自傳球，讓觀察者去數(shù)白色衣服的隊(duì)員傳球次數(shù)派敷。這期間蛹批，有一個(gè)穿著黑色衣服的戴著面具的熊從屏幕中穿過(guò)，但是人們都在注意白色隊(duì)員的傳球篮愉，幾乎沒(méi)有人看見這只熊腐芍。（視頻貼不了，只好把這段寫出來(lái)-_-||）
我們應(yīng)該在設(shè)計(jì)時(shí)考慮到相互關(guān)聯(lián)性试躏，例如采用格式塔接近原則猪勇。如果無(wú)法采用的話，我們應(yīng)該通過(guò)改變運(yùn)動(dòng)或?qū)Ρ榷葋?lái)吸引用戶颠蕴。除非我們遵守這些原則泣刹，否則有數(shù)據(jù)顯示用戶極有可能錯(cuò)過(guò)重要的體驗(yàn)細(xì)節(jié)。
這是我關(guān)注人類注意力的最終結(jié)論犀被，以及認(rèn)知科學(xué)中最近的研究結(jié)果如何影響我們的設(shè)計(jì)方式椅您。在撰寫這篇文章時(shí)，我受到了Jeff Johnson的《Designing with the Mind in Mind》一書的啟發(fā)寡键。如果你很好奇如何為人類的注意力而設(shè)計(jì)并想深入挖掘掀泳，我強(qiáng)烈建議你閱讀這本書。
原文鏈接：https://uxplanet.org/designing-for-human-attention-ac0abe3d657d
