通過 AI 輔助創(chuàng)建的圖像
說實(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é)來構(gòu)建直觀、輕松甚至略帶愉悅的界面。我之前并沒有學(xué)過神經(jīng)科學(xué),但自從我開始了解大腦的運(yùn)作方式后,我的設(shè)計(jì)方式就徹底改變了。
以下是我所學(xué)到的知識(shí) — — 有真實(shí)的例子、用戶體驗(yàn)法則和一些你可能想看看的書籍精華。
1. 大腦是懶惰的(好的方面)
我們的大腦天生就具有節(jié)能的本能。這意味著人們幾乎總是會(huì)選擇阻力最小的路徑。當(dāng)你的用戶界面過于復(fù)雜或選項(xiàng)過多時(shí),大腦就會(huì)說:“不行。”
記住希克定律
提供的選擇越多,做出決定所需的時(shí)間就越長。
想想 谷歌 的主頁只是一個(gè)標(biāo)志和一個(gè)搜索欄。這并非偶然——它的設(shè)計(jì)是為了減少認(rèn)知負(fù)荷。
Google.com
您可以做什么:
確定主要行動(dòng)的優(yōu)先級(jí)
保持表單簡短(就像 Typeform 那樣)
刪除無用的元素
2. 人們先看到,后思考
設(shè)計(jì)首先是情感驅(qū)動(dòng),其次是邏輯驅(qū)動(dòng)。這意味著色彩、布局甚至動(dòng)畫都能在第一秒就建立信任。
讓我們來看一個(gè)例子: Duolingo 的 應(yīng)用程序使用友好的插圖、有趣的語氣,以及一些感覺像大腦“拍拍背”一樣的小獎(jiǎng)勵(lì)。它降低了學(xué)習(xí)新語言的情感障礙。
圖片來源—— 匹茲堡雜志
以下是Susan Weinschenk 所著《神經(jīng)網(wǎng)絡(luò)設(shè)計(jì)》 一書中的一條重要建議:
“我們不會(huì)做出合乎邏輯的決定。我們會(huì)做出情緒化的決定,然后用邏輯來證明其合理性。”
您可以做什么:
使用溫暖、友好的設(shè)計(jì)語言
讓入職培訓(xùn)感覺像是手把手指導(dǎo),而不是測(cè)驗(yàn)
添加微妙的動(dòng)作,使操作感覺靈敏(就像 Apple 在 iOS 中使用彈跳或淡入淡出一樣)
3. 熟悉的感覺很好
大腦喜歡模式。當(dāng)用戶看到自己熟悉的事物時(shí),他們會(huì)感到安全,并且能夠掌控一切。
記住雅各布定律
用戶大部分時(shí)間都花在其他網(wǎng)站上。因此,他們期望你的產(chǎn)品也能以同樣的方式運(yùn)作。
讓我們看一些例子: Instagram 的底部標(biāo)簽欄 、 亞馬遜的購物車圖標(biāo) 或 Gmail 的撰寫按鈕 ——它們都遵循常見的視覺隱喻,以減少學(xué)習(xí)曲線。
您可以做什么:
遵循原生平臺(tái)慣例
使用常見的圖標(biāo)和術(shù)語(除非您是 Zara,否則不要將購物車稱為“我的包”)
除非有充分理由,否則避免不必要的改造
4. 記憶很短暫——真的非常短暫
認(rèn)知科學(xué)告訴我們,用戶的工作記憶中一次只能記住大約 4個(gè)條目。因此,如果你的應(yīng)用依賴于用戶記憶指令,那么它注定會(huì)失敗。
“米勒定律”來了
一般人的短期記憶只能保留 7 件(正負(fù) 2 件)物品。
真實(shí)案例:你有沒有嘗試填寫表單,但錯(cuò)誤信息只有在提交后才會(huì)顯示,而你卻忘了哪個(gè)字段出了什么問題?這簡直就是記憶噩夢(mèng)。
您可以做什么:
將任務(wù)分解成小的、可管理的步驟(例如 Airbnb 的分步主機(jī)設(shè)置 )
使用內(nèi)聯(lián)驗(yàn)證
保持標(biāo)簽靠近輸入(不要讓用戶滾動(dòng)或猜測(cè))
5. 反饋=安全
大腦會(huì)不斷檢查: 這有效嗎? 我能控制嗎? 如果用戶界面沒有響應(yīng)輸入,用戶就會(huì)感到不確定——即使后臺(tái)一切正常。
用戶體驗(yàn)法則:反饋循環(huán)原則
人們需要立即得到反饋來了解其行為的結(jié)果。
例如, Slack 在消息發(fā)送時(shí)會(huì)顯示“正在發(fā)送…”的動(dòng)畫和勾號(hào)。這能建立信任,尤其是在快速對(duì)話中。
您可以做什么:
顯示加載狀態(tài)、成功消息或錯(cuò)誤提示
允許用戶撤消操作(如 Gmail 的“撤消發(fā)送”)
動(dòng)畫過渡到信號(hào)系統(tǒng)狀態(tài)
如果你想深入了解,可以參考以下書籍推薦
以下幾本書確實(shí)幫助我將神經(jīng)科學(xué)和用戶體驗(yàn)聯(lián)系起來:
Susan Weinschenk 的《神經(jīng)網(wǎng)絡(luò)設(shè)計(jì)》 ——超級(jí)易讀,示例豐富
Susan Weinschenk 的《神經(jīng)網(wǎng)絡(luò)設(shè)計(jì)》
Susan Weinschenk 撰寫的《每個(gè)設(shè)計(jì)師都需要知道的關(guān)于人的 100 件事》 ——設(shè)計(jì)師的最愛
蘇珊·溫申克 (Susan Weinschenk) 的《每個(gè)設(shè)計(jì)師都需要了解的關(guān)于人的 100 件事》
史蒂夫·克魯格的《別讓我思考》 ——雖然不是神經(jīng)科學(xué),但完全符合大腦的行為方式
史蒂夫·克魯格的《別讓我思考》
唐納德·諾曼的《設(shè)計(jì)心理學(xué)》 ——以人為本的設(shè)計(jì)思維的經(jīng)典見解
唐納德·諾曼的《設(shè)計(jì)心理學(xué)》
好的用戶體驗(yàn)不僅僅是讓事物看起來美觀。它在于理解人腦的運(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í),問問自己: 現(xiàn)在什么對(duì)大腦來說最容易? 這個(gè)問題比任何花哨的工具都更能幫助我做出更好的決策。
……
蘭亭妙微(m.ieapo.cn ) 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan