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