說(shuō)實(shí)話，我們大多數(shù)人在設(shè)計(jì)屏幕時(shí)并不會(huì)考慮人腦。我們關(guān)注的是布局、間距和顏色。但事實(shí)是：設(shè)計(jì)并非發(fā)生在屏幕上——而是發(fā)生在用戶的大腦中。這就是神經(jīng)設(shè)計(jì)的用武之地。

神經(jīng)設(shè)計(jì)就是運(yùn)用認(rèn)知心理學(xué)和神經(jīng)科學(xué)來(lái)構(gòu)建直觀、輕松甚至略帶愉悅的界面。我之前并沒(méi)有學(xué)過(guò)神經(jīng)科學(xué)，但自從我開(kāi)始了解大腦的運(yùn)作方式后，我的設(shè)計(jì)方式就徹底改變了。

以下是我所學(xué)到的知識(shí) — — 有真實(shí)的例子、用戶體驗(yàn)法則和一些你可能想看看的書(shū)籍精華。

1. 大腦是懶惰的（好的方面）

我們的大腦天生就具有節(jié)能的本能。這意味著人們幾乎總是會(huì)選擇阻力最小的路徑。當(dāng)你的用戶界面過(guò)于復(fù)雜或選項(xiàng)過(guò)多時(shí)，大腦就會(huì)說(shuō)：“不行。”

記住?？硕?/span>

提供的選擇越多，做出決定所需的時(shí)間就越長(zhǎng)。

想想谷歌的主頁(yè)只是一個(gè)標(biāo)志和一個(gè)搜索欄。這并非偶然——它的設(shè)計(jì)是為了減少認(rèn)知負(fù)荷。

您可以做什么：

• 確定主要行動(dòng)的優(yōu)先級(jí)
• 保持表單簡(jiǎn)短（就像 Typeform 那樣）
• 刪除無(wú)用的元素

2.人們先看到，后思考

設(shè)計(jì)首先是情感驅(qū)動(dòng)，其次是邏輯驅(qū)動(dòng)。這意味著色彩、布局甚至動(dòng)畫(huà)都能在第一秒就建立信任。

讓我們來(lái)看一個(gè)例子：Duolingo 的應(yīng)用程序使用友好的插圖、有趣的語(yǔ)氣，以及一些感覺(jué)像大腦“拍拍背”一樣的小獎(jiǎng)勵(lì)。它降低了學(xué)習(xí)新語(yǔ)言的情感障礙。

以下是Susan Weinschenk 所著《神經(jīng)網(wǎng)絡(luò)設(shè)計(jì)》一書(shū)中的一條重要建議：

“我們不會(huì)做出合乎邏輯的決定。我們會(huì)做出情緒化的決定，然后用邏輯來(lái)證明其合理性。”

您可以做什么：

• 使用溫暖、友好的設(shè)計(jì)語(yǔ)言
• 讓入職培訓(xùn)感覺(jué)像是手把手指導(dǎo)，而不是測(cè)驗(yàn)
• 添加微妙的動(dòng)作，使操作感覺(jué)靈敏（就像Apple在 iOS 中使用彈跳或淡入淡出一樣）

3.熟悉的感覺(jué)很好

大腦喜歡模式。當(dāng)用戶看到自己熟悉的事物時(shí)，他們會(huì)感到安全，并且能夠掌控一切。

記住雅各布定律

用戶大部分時(shí)間都花在其他網(wǎng)站上。因此，他們期望你的產(chǎn)品也能以同樣的方式運(yùn)作。

讓我們看一些例子：Instagram 的底部標(biāo)簽欄、亞馬遜的購(gòu)物車圖標(biāo)或Gmail 的撰寫(xiě)按鈕——它們都遵循常見(jiàn)的視覺(jué)隱喻，以減少學(xué)習(xí)曲線。

您可以做什么：

• 遵循原生平臺(tái)慣例
• 使用常見(jiàn)的圖標(biāo)和術(shù)語(yǔ)（除非您是 Zara，否則不要將購(gòu)物車稱為“我的包”）
• 除非有充分理由，否則避免不必要的改造

4.記憶很短暫——真的非常短暫

認(rèn)知科學(xué)告訴我們，用戶的工作記憶中一次只能記住大約4個(gè)條目。因此，如果你的應(yīng)用依賴于用戶記憶指令，那么它注定會(huì)失敗。

“米勒定律”來(lái)了

一般人的短期記憶只能保留 7 件（正負(fù) 2 件）物品。

真實(shí)案例：你有沒(méi)有嘗試填寫(xiě)表單，但錯(cuò)誤信息只有在提交后才會(huì)顯示，而你卻忘了哪個(gè)字段出了什么問(wèn)題？這簡(jiǎn)直就是記憶噩夢(mèng)。

您可以做什么：

• 將任務(wù)分解成小的、可管理的步驟（例如Airbnb 的分步主機(jī)設(shè)置）
• 使用內(nèi)聯(lián)驗(yàn)證
• 保持標(biāo)簽靠近輸入（不要讓用戶滾動(dòng)或猜測(cè)）

5.反饋=安全

大腦會(huì)不斷檢查：這有效嗎？ 我能控制嗎？如果用戶界面沒(méi)有響應(yīng)輸入，用戶就會(huì)感到不確定——即使后臺(tái)一切正常。

用戶體驗(yàn)法則：反饋循環(huán)原則

人們需要立即得到反饋來(lái)了解其行為的結(jié)果。

例如，Slack在消息發(fā)送時(shí)會(huì)顯示“正在發(fā)送…”的動(dòng)畫(huà)和勾號(hào)。這能建立信任，尤其是在快速對(duì)話中。

您可以做什么：

• 顯示加載狀態(tài)、成功消息或錯(cuò)誤提示
• 允許用戶撤消操作（如 Gmail 的“撤消發(fā)送”）
• 動(dòng)畫(huà)過(guò)渡到信號(hào)系統(tǒng)狀態(tài)

如果你想深入了解，可以參考以下書(shū)籍推薦

以下幾本書(shū)確實(shí)幫助我將神經(jīng)科學(xué)和用戶體驗(yàn)聯(lián)系起來(lái)：

• Susan Weinschenk 的《神經(jīng)網(wǎng)絡(luò)設(shè)計(jì)》 ——超級(jí)易讀，示例豐富

• Susan Weinschenk 撰寫(xiě)的《每個(gè)設(shè)計(jì)師都需要知道的關(guān)于人的 100 件事》 ——設(shè)計(jì)師的最愛(ài)

• 史蒂夫·克魯格的《別讓我思考》 ——雖然不是神經(jīng)科學(xué)，但完全符合大腦的行為方式

• 唐納德·諾曼的《設(shè)計(jì)心理學(xué)》 ——以人為本的設(shè)計(jì)思維的經(jīng)典見(jiàn)解

好的用戶體驗(yàn)不僅僅是讓事物看起來(lái)美觀。它在于理解人腦的運(yùn)作方式，并圍繞此進(jìn)行設(shè)計(jì)。神經(jīng)設(shè)計(jì)提醒我們，我們?cè)O(shè)計(jì)的不是屏幕，而是思維中的體驗(yàn)。

當(dāng)我們做得好的時(shí)候，一切都會(huì)順利。

所以下次調(diào)整布局或重新設(shè)計(jì)流程時(shí)，問(wèn)問(wèn)自己：
現(xiàn)在什么對(duì)大腦來(lái)說(shuō)最容易？
這個(gè)問(wèn)題比任何花哨的工具都更能幫助我做出更好的決策。

……

蘭亭妙微(m.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan