別讓用戶思考!網(wǎng)站設(shè)計(jì)的“零腦負(fù)荷”運(yùn)動(dòng)
在這個(gè)注意力稀缺的時(shí)代,每多一次思考,就多一次用戶流失的可能。
你有沒有遇到過這樣的經(jīng)歷:打開一個(gè)網(wǎng)站,盯著首頁(yè)看了三秒鐘,然后緩緩打出一個(gè)問號(hào)所以這家公司到底是干嘛的?
別笑。這種靈魂拷問每天都在無數(shù)網(wǎng)站上上演。
更可怕的是,用戶不會(huì)真的問出來。他們只會(huì)默默點(diǎn)掉那個(gè)叉,轉(zhuǎn)身投向競(jìng)爭(zhēng)對(duì)手的懷抱。連一句再見都不會(huì)給你留。
01 思考,是用戶體驗(yàn)的隱形殺手
二十年前,上網(wǎng)是一種探索。
那時(shí)候的人們?cè)敢饣◣追昼娧芯恳粋€(gè)網(wǎng)站怎么用,甚至?xí)驗(yàn)閷W(xué)會(huì)了一個(gè)新操作而沾沾自喜。
但今天呢?用戶打開一個(gè)網(wǎng)站的心態(tài)是:告訴我我想知道的,然后讓我離開。
每多一次思考,就是多一次摩擦。多一次摩擦,就多一次流失的可能。
這就是為什么讓用戶思考成了網(wǎng)站設(shè)計(jì)的頭號(hào)禁忌。
思考意味著什么?意味著用戶要停下瀏覽的節(jié)奏,意味著他們開始質(zhì)疑,意味著他們可能失去耐心。在互聯(lián)網(wǎng)的世界里,耐心是奢侈品,而質(zhì)疑是流失的前奏。
02 什么是零腦負(fù)荷?
想象一下你走進(jìn)一家酒店。
好的酒店是什么樣子?大門自動(dòng)打開,前臺(tái)主動(dòng)問候,房卡已經(jīng)備好,電梯門口有人幫你按樓層。你什么都不用想,只需要跟著走。
糟糕的酒店是什么樣子?大門要使勁推,前臺(tái)在打電話,你站了三分鐘沒人理,好不容易辦完入住,發(fā)現(xiàn)電梯在最里面左轉(zhuǎn)再右轉(zhuǎn)然后直走
網(wǎng)站設(shè)計(jì)也是一樣。
零腦負(fù)荷不是讓網(wǎng)站變得幼稚,而是讓網(wǎng)站變得懂事。它懂用戶進(jìn)來想要什么,懂用戶下一步要去哪里,懂用戶什么時(shí)候需要幫助,什么時(shí)候想自己探索。
好的網(wǎng)站像一個(gè)優(yōu)秀的管家,存在感極低,但總在你需要的時(shí)候出現(xiàn)。
03 為什么你總是想讓用戶思考?
很多設(shè)計(jì)師和老板有一個(gè)共同的毛病:太愛自己的產(chǎn)品了。
因?yàn)樘珢郏韵氚阉袃?yōu)點(diǎn)都展示在首頁(yè)。因?yàn)樘珢?,所以想把自己的?chuàng)業(yè)故事、企業(yè)文化、技術(shù)實(shí)力全部塞進(jìn)首屏。
結(jié)果就是:用戶打開網(wǎng)站,面對(duì)的是一個(gè)信息轟炸現(xiàn)場(chǎng)滿屏的文字、閃爍的動(dòng)畫、跳躍的按鈕。
他們不知道該看哪里,不知道該點(diǎn)什么,更不知道這家公司到底能幫自己解決什么問題。
這不是展示,這是信息暴力。
還有一種情況是炫技。交互動(dòng)畫要酷炫,鼠標(biāo)懸停要驚艷,頁(yè)面切換要絲滑。
酷嗎?酷。有用嗎?未必。
用戶只是想知道你們家做不做網(wǎng)站建設(shè),結(jié)果先要看一段3秒鐘的品牌動(dòng)畫。你說這是沉浸式體驗(yàn),用戶說這是浪費(fèi)時(shí)間。
04 零腦負(fù)荷的四條黃金法則
法則一:首屏必須說人話
用戶打開網(wǎng)站的前3秒,是他最愿意了解你的時(shí)候。3秒一過,耐心開始倒計(jì)時(shí)。
首屏只有一件事要做:用一句話說清楚你是干什么的。
不是你的使命愿景價(jià)值觀,不是你的團(tuán)隊(duì)介紹發(fā)展歷程,就是最樸實(shí)的那句話我們幫中小企業(yè)做網(wǎng)站,順便幫他們賺錢。
網(wǎng)易云音樂的首屏直接告訴你音樂的力量,Airbnb的首屏直接讓你搜索目的地。沒有廢話,沒有廢話,沒有廢話。
重要的事情說三遍。
法則二:按鈕長(zhǎng)得像按鈕
這聽起來像是廢話,但你去看一看那些所謂設(shè)計(jì)感很強(qiáng)的網(wǎng)站,有多少按鈕長(zhǎng)得像一塊裝飾貼紙?
沒有陰影,沒有邊框,沒有hover效果,甚至沒有足夠的留白。用戶把鼠標(biāo)移上去,光標(biāo)沒變,再移上去,還是沒變。最后得出結(jié)論:這大概是個(gè)不能點(diǎn)的裝飾吧。
用戶不應(yīng)該去猜一個(gè)東西能不能點(diǎn)。 好的設(shè)計(jì)會(huì)讓按鈕看起來就想點(diǎn),就像成熟的水果看起來就想吃。
法則三:別讓用戶記東西
人的短期記憶有多差?差到剛看完一個(gè)網(wǎng)頁(yè),就忘了上一頁(yè)寫了什么。
這就是為什么好的網(wǎng)站設(shè)計(jì)遵循一個(gè)原則:信息即取即用,不需要記憶。
用戶在選擇產(chǎn)品套餐時(shí),旁邊就應(yīng)該顯示價(jià)格對(duì)比。用戶在填寫表單時(shí),旁邊就應(yīng)該顯示填寫提示。用戶在閱讀文章時(shí),相關(guān)推薦就在手邊。
不要讓用戶從一個(gè)頁(yè)面記一個(gè)數(shù)字,再切換到另一個(gè)頁(yè)面輸入。這種操作放在今天,基本等于勸退。
法則四:告訴用戶我在哪
用戶在網(wǎng)站里迷路,比在現(xiàn)實(shí)世界里迷路更可怕。因?yàn)楝F(xiàn)實(shí)世界里可以問人,網(wǎng)站里只能靠猜。
面包屑導(dǎo)航、高亮的菜單項(xiàng)、清晰的頁(yè)面標(biāo)題,這些都是網(wǎng)站的路牌。
更重要的是,要讓用戶知道:從哪里來,到哪里去,現(xiàn)在在哪里,還能去哪里。
每一步都要有清晰的指向,每一個(gè)點(diǎn)擊都要有明確的反饋。用戶不應(yīng)該在點(diǎn)擊按鈕后陷入焦慮:我到底點(diǎn)成功了嗎?頁(yè)面是在加載還是卡死了?
05 那些零腦負(fù)荷的高手
蘋果官網(wǎng):你見過蘋果官網(wǎng)有復(fù)雜的導(dǎo)航嗎?沒有。永遠(yuǎn)是那幾個(gè)詞,永遠(yuǎn)是那種留白。產(chǎn)品展示就是展示,購(gòu)買就是購(gòu)買。你不需要思考我應(yīng)該怎么買,因?yàn)槁窂街挥幸粭l。
Notion:它的新手引導(dǎo)堪稱教科書。打開軟件,不是讓你看說明書,而是直接給你模板,直接讓你上手。想學(xué)習(xí)?旁邊有提示。想深入?有文檔。每一步都剛剛好,不多不少。
微信支付:為什么老年人也能學(xué)會(huì)用微信支付?因?yàn)榱鞒虡O其簡(jiǎn)單掃碼,輸密碼,完成。不需要選擇是信用卡還是儲(chǔ)蓄卡,不需要確認(rèn)要不要積分,甚至連支付成功都有震動(dòng)反饋。
06 別把簡(jiǎn)約當(dāng)借口
注意,零腦負(fù)荷不等于極簡(jiǎn)主義。
有些設(shè)計(jì)師把讓用戶不思考理解成把東西都刪掉。結(jié)果導(dǎo)航?jīng)]了,分類沒了,重要信息也藏起來了。用戶確實(shí)不用思考了因?yàn)闆]東西可思考了。
真正的零腦負(fù)荷,是在保留完整功能的前提下,讓用戶無意識(shí)地完成操作。
就像騎自行車。當(dāng)你學(xué)會(huì)之后,你根本不會(huì)去想我要先蹬左腳還是右腳,你只是想往前走,然后就走了。自行車就是好的設(shè)計(jì)。
07 檢查一下你的網(wǎng)站
你現(xiàn)在就可以打開自己的網(wǎng)站,找三個(gè)局外人最好是根本不了解你們行業(yè)的人,讓他們看一眼首頁(yè),然后回答三個(gè)問題:
我們是做什么的?(3秒內(nèi)回答)
我們能為你做什么?(10秒內(nèi)回答)
如果你想找我們,應(yīng)該點(diǎn)哪里?(不用思考就能點(diǎn)對(duì))
如果這三個(gè)問題有任何卡頓,恭喜你,找到優(yōu)化方向了。
最后說一句扎心的話:
在這個(gè)注意力稀缺的時(shí)代,用戶不是不想了解你,而是有太多人在等著他了解。
你讓他多思考一秒,他就離競(jìng)爭(zhēng)對(duì)手近一步。
所以,別讓用戶思考了。把那些復(fù)雜的、繞彎的、需要琢磨的東西,都留給設(shè)計(jì)師和程序員。用戶只需要一件事爽爽快快地找到想要的,然后心滿意足地離開。
下次再見,就是回頭客。