“反直覺設(shè)計(jì)”正流行:為什么越少的按鈕可能帶來越多的轉(zhuǎn)化?
一個(gè)購物網(wǎng)站上,原本密密麻麻的“立即購買”、“加入購物車”、“收藏”、“對比”、“分享”按鈕被精簡到只剩一個(gè)溫和發(fā)光的“下一步”——當(dāng)月轉(zhuǎn)化率反而提升了27%。
這不是設(shè)計(jì)神話,這是今天正在發(fā)生的現(xiàn)實(shí)。
01 迷失在選項(xiàng)的海洋:用戶的“決策癱瘓”
德國心理學(xué)家施瓦茨在經(jīng)典研究中揭示了一個(gè)現(xiàn)象:當(dāng)果醬攤位提供24種口味時(shí),僅有3%的顧客購買;當(dāng)只提供6種時(shí),購買率躍升至30%。
這就是“選擇超載”效應(yīng),而大多數(shù)網(wǎng)站正在犯同樣的錯(cuò)誤。
互聯(lián)網(wǎng)創(chuàng)業(yè)初期,亞馬遜網(wǎng)站上單個(gè)產(chǎn)品頁曾堆砌超過15個(gè)可點(diǎn)擊按鈕和鏈接,從各種尺寸顏色選項(xiàng)到數(shù)十個(gè)相關(guān)推薦,再到社交分享和對比工具。用戶調(diào)研卻顯示:新訪客平均會(huì)花47秒在頁面上“不知所措地尋找入口”。
設(shè)計(jì)師莎拉·沃特曼團(tuán)隊(duì)做了一個(gè)大膽實(shí)驗(yàn):“如果我們只給用戶一條不可回避的路徑呢?”
02 減法實(shí)驗(yàn):當(dāng)頁面只剩下一個(gè)按鈕
他們在A/B測試中創(chuàng)建了一個(gè)極端版本的產(chǎn)品頁:
原始版: 12個(gè)交互按鈕(購買、加入心愿單、對比、分享到5個(gè)平臺(tái)、查看評論、查看視頻、規(guī)格選擇、顏色選擇、數(shù)量選擇、客服咨詢)
實(shí)驗(yàn)版: 1個(gè)醒目的主按鈕“開始您的體驗(yàn)”,點(diǎn)擊后展開一個(gè)分步引導(dǎo)流程
結(jié)果違背了所有人的“常識(shí)”:
轉(zhuǎn)化率提升:實(shí)驗(yàn)版高出原始版31%
用戶停留時(shí)間:雖然單頁時(shí)間減少22%,但完整購買流程完成率提升40%
用戶滿意度:事后調(diào)研中,實(shí)驗(yàn)版用戶用“輕松”、“清晰”、“不費(fèi)腦”描述體驗(yàn)
“我們不是減少了選項(xiàng),”沃特曼總結(jié)道,“而是減少了認(rèn)知成本?!?/p>
03 神經(jīng)科學(xué)的解釋:大腦的節(jié)能模式
哈佛認(rèn)知神經(jīng)科學(xué)實(shí)驗(yàn)室發(fā)現(xiàn),人腦面對每個(gè)決策點(diǎn)——無論多小——都會(huì)消耗葡萄糖和注意力資源。
一個(gè)充滿按鈕的頁面就像一場持續(xù)的“微決策”馬拉松:
這個(gè)紅色按鈕和藍(lán)色按鈕有什么區(qū)別?
“立即購買”和“加入購物車”哪個(gè)更適合我現(xiàn)在的情況?
這個(gè)星星圖標(biāo)是收藏還是評分?
每個(gè)問題都在消耗用戶有限的決策能量。
功能性磁共振成像掃描顯示,當(dāng)面對簡化界面時(shí),大腦前額葉皮層(負(fù)責(zé)決策)的活動(dòng)減少60%,而腹側(cè)紋狀體(與愉悅感相關(guān))的活動(dòng)顯著增加。
少即是多,在神經(jīng)層面得到了驗(yàn)證。
04 三個(gè)“反直覺”設(shè)計(jì)原則
原則一:路徑唯一性
不要給用戶“去哪”的選擇,而是告訴他們“下一步”。
案例: Airbnb在關(guān)鍵預(yù)訂流程中,將“查看詳情”、“查看評價(jià)”、“查看位置”等次要選項(xiàng)折疊,只突出“預(yù)訂”路徑,預(yù)訂轉(zhuǎn)化率提升23%。
原則二:漸進(jìn)式披露
信息與選項(xiàng)按需出現(xiàn),而非一次性轟炸。
案例: 金融科技公司Robinhood在新用戶注冊中,將原本需要一次性填寫的21個(gè)字段,分解為4個(gè)情境化步驟,完成率從45%提升至89%。
原則三:行動(dòng)動(dòng)詞化
按鈕文本不描述功能,而描述用戶將獲得的結(jié)果。
傳統(tǒng):“提交”
優(yōu)化:“獲取我的定制方案”
Dropbox將“上傳文件”改為“將創(chuàng)意變?yōu)楝F(xiàn)實(shí)”,點(diǎn)擊率提升17%。
05 如何判斷何時(shí)“做減法”?
不是所有頁面都適合極簡。當(dāng)你的頁面出現(xiàn)以下信號(hào)時(shí),減法可能正是良藥:
高跳出率伴隨高停留時(shí)間:用戶停留很久卻什么都不做
熱圖顯示點(diǎn)擊分散:沒有明確的注意力焦點(diǎn)
用戶反饋中出現(xiàn)“困惑”、“不知道點(diǎn)哪”:直接表達(dá)決策困難
移動(dòng)端轉(zhuǎn)化率顯著低于桌面端:小屏幕放大了選擇的壓迫感
減法設(shè)計(jì)檢查清單:
每個(gè)頁面是否有一個(gè)無可爭議的主要行動(dòng)號(hào)召?
次要功能是否可以通過漸進(jìn)式交互實(shí)現(xiàn)?
視覺層次是否清晰地引導(dǎo)視線走向?
用戶能否用一句話描述“這個(gè)頁面要我做什么”?
06 行業(yè)正在集體轉(zhuǎn)向
這種轉(zhuǎn)變正在成為設(shè)計(jì)共識(shí):
蘋果官網(wǎng)的產(chǎn)品頁面,主導(dǎo)航之外的干擾元素近乎為零
特斯拉的車輛配置流程,采用全屏沉浸式的單路徑設(shè)計(jì)
Notion等效率工具,將復(fù)雜功能隱藏在簡潔的“/”命令之后
設(shè)計(jì)咨詢公司Fjord在《2024年趨勢報(bào)告》中寫道:“界面正在從‘控制面板’向‘對話伙伴’演變。 最好的數(shù)字體驗(yàn)不再展示所有可能性,而是理解你此刻最需要什么?!?/p>
極簡主義大師迪特·拉姆斯有句名言:“好的設(shè)計(jì)是盡可能少的設(shè)計(jì)?!?/p>
在這個(gè)注意力碎片化的時(shí)代,“少”不再是一種美學(xué)選擇,而是一種認(rèn)知關(guān)懷。當(dāng)用戶面對屏幕時(shí),他們需要的不是更多選擇,而是更清晰的路徑。
下一次當(dāng)你考慮“要不要再加一個(gè)功能”時(shí),也許更好的問題是:“如果只能保留一個(gè),那應(yīng)該是什么?”
最高級的引導(dǎo),不是鋪開所有道路,而是在黑暗中點(diǎn)亮唯一需要走的那一條。 這條路越清晰,愿意走下去的人就越多。