別再盯著“好不好看”了!不懂“用戶體驗”的網(wǎng)站,都是花瓶。
上周,一個做高端家具的老板找我吐槽。
“你說我這網(wǎng)站,花了4萬塊,設(shè)計師給的稿子多漂亮??!全是高清大圖,極簡風(fēng),我朋友都說高級??删褪恰瓫]詢盤?!?/p>
我打開他的網(wǎng)站一看——
嗯,確實好看。
但也確實難用。
導(dǎo)航欄藏在一個不起眼的圖標(biāo)里,我找了5秒才找到“產(chǎn)品中心”。產(chǎn)品詳情頁用了那種“高級感”的淺灰字體,我瞇著眼睛看了半天愣是沒看清價格。想咨詢?翻到頁腳才找到一個小小的“聯(lián)系我們”。
我跟他說了一句話,他沉默了:
“你這不叫網(wǎng)站,這叫電子海報?!?/p>
一、好看 ≠ 好用,但好用的網(wǎng)站,一定不會難看
很多老板有個誤區(qū):網(wǎng)站就是門面,門面就要漂亮。
這句話對了一半。
門面確實要漂亮,但你得先讓人進(jìn)得去門吧?進(jìn)去了得找得到東西吧?想買的時候得知道怎么付錢吧?
用戶體驗,就是那個“讓人進(jìn)得去、找得到、買得順”的東西。
我見過太多“好看但難用”的網(wǎng)站了:
首頁放了個自動播放的炫酷視頻,用戶想找菜單先得看完15秒“大片”
鼠標(biāo)移上去就飄來飄去的動畫效果,晃得人頭暈
把字體做得很小,因為“大字號不夠精致”
聯(lián)系方式藏得比寶藏還深,翻三頁找不到一個電話
用戶的心理活動是什么?
“這網(wǎng)站挺好看的……算了,找不到我要的東西,走了。”
你花幾萬塊,就為了讓人夸一句“好看”然后走人?
二、用戶體驗,是讓用戶“爽”
什么是好的用戶體驗?
別整那些虛的,就一句話:讓用戶用最少的力氣,得到他想要的東西。
我給你拆解一下:
1. 用戶是誰?
你的客戶是急性子老板?還是細(xì)節(jié)控設(shè)計師?是手機(jī)刷到你的年輕人?還是在電腦前坐一天的中年采購?
不同的人,習(xí)慣完全不同。
B端采購:他要的是參數(shù)、資質(zhì)、案例,你得把這些東西擺在他一眼能看到的地方。
C端消費者:他要的是氛圍感、信任感、下單爽快感,你的流程每多一步,就流失一批人。
2. 用戶想干嘛?
每個進(jìn)你網(wǎng)站的人,都有一個目的。
有人想看看你們做什么業(yè)務(wù),有人想找個聯(lián)系方式談合作,有人想直接下單,有人只是想確認(rèn)你們是不是還在營業(yè)。
你搞清楚了嗎?
好的網(wǎng)站,就像一個好的接待員——有人進(jìn)門,掃一眼就知道他是來干嘛的,然后直接帶他去該去的地方。
3. 用戶用得順不順?
這是一個“沉默的測試”:
打開速度夠快嗎?(超過3秒,40%的人會直接關(guān)掉)
導(dǎo)航夠清楚嗎?(用戶能不能在3秒內(nèi)知道“我在哪、我能去哪”)
手機(jī)上看舒服嗎?(60%以上的流量來自手機(jī),你的網(wǎng)站在手機(jī)上是不是要放大縮小才能看清?)
想聯(lián)系你的時候,按鈕在不在?(別讓用戶找,把“咨詢”“電話”“微信”放在他手邊)
這些,才是用戶體驗的核心。不是好不好看,而是順不順。
三、那些“好看但難用”的網(wǎng)站,最后都怎么樣了?
我見過三個真實的案例:
案例A: 某設(shè)計公司,官網(wǎng)做得像藝術(shù)展,拿了設(shè)計獎。結(jié)果客戶找不到作品集,打電話問“你們到底做過什么項目?”一年后,他們換了個“丑但好用”的模板站,詢盤量翻了2倍。
案例B: 某餐飲品牌,小程序做得極其精美,但下單流程要跳轉(zhuǎn)4次、注冊、填地址、選支付方式……用戶流失率70%。后來簡化成兩步,轉(zhuǎn)化率直接漲了35%。
案例C: 某科技公司,官網(wǎng)首頁放了個超酷的3D動畫,加載要8秒。技術(shù)人員覺得“體現(xiàn)了我們的技術(shù)實力”,結(jié)果客戶以為他們網(wǎng)速不行,直接關(guān)了。
血的教訓(xùn):你以為用戶會欣賞你的審美,其實用戶只想趕緊辦完事走人。
四、怎么判斷你的網(wǎng)站是不是“花瓶”?
給你三個自測題,花5分鐘就能判斷:
自測1:3秒法則
打開你的網(wǎng)站,閉上眼睛,睜開——3秒內(nèi),你能說出這個網(wǎng)站是干什么的嗎?能找到“產(chǎn)品/服務(wù)”入口嗎?
如果不行,你的用戶在3秒內(nèi)已經(jīng)流失了。
自測2:手機(jī)測試
掏出手機(jī),打開你的網(wǎng)站。不用放大,不用左右滑動——能看清楚字嗎?按鈕點得到嗎?導(dǎo)航好使嗎?
如果不行,你正在失去60%以上的潛在客戶。
自測3:任務(wù)測試
找個朋友,給他一個任務(wù):比如“找到你們公司的電話”或者“看看你們做過什么案例”。別提示,讓他自己操作,計時。
如果超過30秒,或者他中途問了你“在哪啊”——你的用戶體驗不及格。
五、好看和好用,怎么兼得?
說實話,“好看”和“好用”從來不是對立的。
真正好的設(shè)計,是在好用的基礎(chǔ)上,讓它看起來舒服、專業(yè)、有信任感。
怎么做到?
1. 先畫流程圖,再畫設(shè)計圖
別一上來就“我要這種風(fēng)格”。先想清楚:用戶進(jìn)來先看什么?然后去哪里?怎么下單?怎么聯(lián)系?
把路徑畫清楚,再往里面填內(nèi)容、做美化。
2. 別挑戰(zhàn)用戶習(xí)慣
我知道你想創(chuàng)新,但別在導(dǎo)航上創(chuàng)新。用戶習(xí)慣了“左上角Logo、右上角菜單、頁腳聯(lián)系方式”,你非要搞個隱藏菜單,就是給用戶添堵。
3. 把“高頻動作”放在最顯眼的位置
你的用戶最常做什么?打電話?留言?看案例?買產(chǎn)品?
把這個動作做成一個大大的按鈕,放在首頁最顯眼的地方。
4. 手機(jī)端優(yōu)先
現(xiàn)在做網(wǎng)站,先做手機(jī)版,再做電腦版。因為手機(jī)版做好了,電腦版不會差。反過來?大概率翻車。
寫在最后
回到開頭那個做家具的老板。
我把上面的道理講給他聽,他回去改了改網(wǎng)站——把導(dǎo)航放到顯眼位置,把聯(lián)系方式放到每一頁,把產(chǎn)品分類做得清清楚楚,字體調(diào)大了兩號。
沒重新設(shè)計,沒多花一分錢,就是把“好用”這件事做對了。
一個月后,他給我發(fā)消息:
“詢盤回來了。上周有個客戶說,找了很多家,就你們家網(wǎng)站看著最靠譜,找東西最方便?!?/p>
你看,用戶嘴上說的是“好看”,身體卻很誠實——他們只為“好用”買單。
所以,下次再做網(wǎng)站,別只盯著設(shè)計師問“好不好看”。
問自己一個問題:
“用戶進(jìn)來,能爽嗎?”
能,這個網(wǎng)站才算做對了。
不能,那它就是花瓶。再貴,也是花瓶。