還在憑感覺(jué)做界面設(shè)計(jì)嗎？還在靠直覺(jué)取舍網(wǎng)頁(yè)呈現(xiàn)的內(nèi)容嗎？漂亮復(fù)雜的設(shè)計(jì)一定意味著有效嗎？如果你時(shí)常擔(dān)心自己的主觀判斷可能會(huì)減少頁(yè)面點(diǎn)擊率和用戶的停留時(shí)間，那么你一定要耐心看完這篇文章。

如今，很多網(wǎng)站都在登錄頁(yè)上費(fèi)盡心思，正因?yàn)榈卿涰?yè)是直接獲得用戶增長(zhǎng)的入口。因此，如果想要提高用戶轉(zhuǎn)化率，不如先設(shè)計(jì)好登錄頁(yè)。專業(yè)的A/B測(cè)試能通過(guò)控制單一變量，測(cè)試登錄頁(yè)不同界面元素對(duì)用戶轉(zhuǎn)化率的影響，從而對(duì)界面設(shè)計(jì)提供數(shù)據(jù)上的參考，多通過(guò)郵件形式進(jìn)行。通過(guò)A/B測(cè)試，網(wǎng)站設(shè)計(jì)者和運(yùn)營(yíng)者就能很直觀地了解，用戶更容易接受的是界面風(fēng)格什么。

2.把你的登入頁(yè)面包裝成禮物

用一個(gè)精美的禮品盒作為吸引用戶的法寶，是不是比干巴巴的文字要好得多呢？當(dāng)人們看到眼前有一個(gè)禮物的時(shí)候，想要拆開它的欲望會(huì)比較高。

3.給相似功能的內(nèi)容打包

把相似功能的內(nèi)容集中到一起，而不是分散到各個(gè)獨(dú)立頁(yè)面中，既是對(duì)頁(yè)面資源的節(jié)約，也是能降低用戶的學(xué)習(xí)成本。同樣地，菜單項(xiàng)的設(shè)置應(yīng)該盡量把一些功能相似的選項(xiàng)放在一起，在設(shè)計(jì)的時(shí)候也應(yīng)該保持同級(jí)菜單選項(xiàng)的設(shè)計(jì)一致。

4.讓權(quán)威代替滔滔不絕的自白

相比較自己把產(chǎn)品的特性優(yōu)勢(shì)一股腦子地列出來(lái)，還不如請(qǐng)專業(yè)社會(huì)人士發(fā)表意見更令人信服。

5.對(duì)用戶做多次“誘導(dǎo)”

你設(shè)計(jì)一個(gè)頁(yè)面的目的是什么？提高轉(zhuǎn)化率嗎？如果是這樣的話，在網(wǎng)頁(yè)的各個(gè)頁(yè)面中你都可以考慮在不影響用戶閱讀體驗(yàn)的前提下，把你的訴求用設(shè)計(jì)的方式表達(dá)出來(lái)，而不是只簡(jiǎn)單地丟一次登入的鏈接。進(jìn)一步的“誘導(dǎo)”可以是一個(gè)夾雜在正文中的注冊(cè)頁(yè)面，也可以是一個(gè)簡(jiǎn)單的按鈕。

6.用推薦內(nèi)容幫用戶做選擇

一味地把產(chǎn)品羅列出來(lái)，會(huì)讓觀看者尤其是選擇恐懼癥患者無(wú)所適從。當(dāng)有不同的產(chǎn)品需要同時(shí)展示時(shí)，把“優(yōu)中選優(yōu)”的部分用明顯標(biāo)識(shí)區(qū)分開反而能提高整體點(diǎn)擊率。

7 .有“撤銷”是好，別太明顯

“撤銷”是一個(gè)很人性化的功能，但當(dāng)設(shè)計(jì)師對(duì)重復(fù)確認(rèn)“撤銷”的選項(xiàng)作為窗口多次彈出的時(shí)候，只會(huì)讓用戶體驗(yàn)大打折扣。因此，如以下左圖，把“撤銷”作為一個(gè)可選項(xiàng)放在頁(yè)面底端，指出：“不錯(cuò)，你剛剛做了改動(dòng)。如果是操作失誤可以現(xiàn)在撤銷?！笔遣皇潜憷嗽S多呢？

8.只告訴目標(biāo)客戶來(lái)對(duì)了地方

你還在想著廣撒網(wǎng)一次性擊中各種群體嗎？實(shí)踐證明，這不僅打動(dòng)不了不需要你的產(chǎn)品和服務(wù)的人，還可能把你的目標(biāo)客戶趕跑。所以在介紹頁(yè)面的設(shè)計(jì)上，明確指出受眾，能夠讓需要的人進(jìn)一步強(qiáng)化對(duì)服務(wù)的需求，節(jié)省用戶的時(shí)間。

9.產(chǎn)品狀態(tài)必須清楚明了

如果你要展示的界面中有很多產(chǎn)品需要展示，應(yīng)該把每個(gè)產(chǎn)品的狀態(tài)直截了當(dāng)?shù)仫@示出來(lái)，而不是模糊不清，需要用戶進(jìn)一步點(diǎn)擊和探索。如下圖，左邊的（iH5.cn）的網(wǎng)站在用戶個(gè)人作品清單中，每個(gè)作品都明確標(biāo)識(shí)了發(fā)布狀態(tài)，一目了然。

10.避免損失還是強(qiáng)調(diào)收益？

以下分別是同一個(gè)網(wǎng)站的兩種引導(dǎo)性文字：

只要這么做，你就能避免你現(xiàn)有財(cái)產(chǎn)、個(gè)人物品、健康和朋友的減少；

只要這么做，你就能收獲更多的財(cái)產(chǎn)、個(gè)人物品、健康和朋友。

猜猜哪個(gè)獲得的用戶轉(zhuǎn)化率更高？

——答案是前者。實(shí)際上，喚醒憂患意識(shí)往往比承諾更多利益更能引起用戶的共鳴。其實(shí)這些測(cè)試很多都偏重心理層面，如果沒(méi)有專門研究設(shè)計(jì)進(jìn)行支撐，很難得出這么準(zhǔn)確的結(jié)論。設(shè)計(jì)者以為用戶是的，不一定是準(zhǔn)確的。

11.不再重新發(fā)明輪子

約定俗成其實(shí)就是保持一致性的標(biāo)準(zhǔn)，給事物劃定一個(gè)標(biāo)準(zhǔn)并遵循它，當(dāng)用戶接觸一個(gè)新的界面的時(shí)候，就能省去很多再次學(xué)習(xí)和適應(yīng)的時(shí)間。比如“刪除”的標(biāo)識(shí)是垃圾箱，就不要搞一朵花來(lái)美化。還有，下圖網(wǎng)站把“下一步”放在“后退”前面也是違反習(xí)慣的大忌。國(guó)內(nèi)某知名企業(yè)的信息填寫頁(yè)面就把“保存”放左邊，“返回上一步”擺右邊，害得填寫者多次沒(méi)有成功保存填好的內(nèi)容。

12?別讓“0”記錄趕走用戶

“0”記錄給人冷冰冰的感覺(jué)。今年風(fēng)靡中國(guó)的商業(yè)書籍《從0到1》就反復(fù)提及從0到1的不易。不過(guò)，它指的是創(chuàng)新的概念，但對(duì)于很多剛接觸的應(yīng)用，很多用戶的確沒(méi)有什么持續(xù)使用的動(dòng)力。如下圖，一句“為什么你不從第一步開始呢？”就更具關(guān)懷。

13.制定小任務(wù)提高參與度

一般而言，登錄頁(yè)就是一個(gè)填寫基本信息的窗口。然而，下圖左邊的網(wǎng)站只是在用戶注冊(cè)之前添加一個(gè)“選顏色”的步驟，就提高了232%的轉(zhuǎn)化率。兩個(gè)網(wǎng)站都讓用戶創(chuàng)建一個(gè)新APP，而前者讓用戶先挑一個(gè)顏色，卻拉近了使用者與這個(gè)網(wǎng)站的距離。

14.巧用錨定效應(yīng)展示價(jià)格

簡(jiǎn)單的說(shuō)，錨定效應(yīng)是信息接收者憑第一印象或初步信息，做出最后決斷的心理。一個(gè)經(jīng)典的例子是，兩家差不多的賣粥小店，一家盛粥后問(wèn)顧客“加不加雞蛋”，銷售卻遠(yuǎn)比不上詢問(wèn)“加一個(gè)雞蛋還是兩個(gè)”的小店。如下圖，左邊網(wǎng)站利用數(shù)據(jù)的具體容量和較高的建議零售價(jià)，就能給用戶造成性價(jià)比很高的感覺(jué)。反觀有的商店在開業(yè)之初，容易打較高折扣吸引客戶，結(jié)果后面沒(méi)有折扣了，反而可能導(dǎo)致用戶有不劃算的感覺(jué)。

15.讓用戶做盡量小的承諾

你正準(zhǔn)備找一個(gè)女友，人家一上來(lái)就說(shuō)先結(jié)婚，估計(jì)膽子都?jí)驀樒茙讉€(gè)了。試圖讓用戶在一開始就做出最高的承諾，很容易提高準(zhǔn)入門檻而趕跑潛在用戶。如下圖，有的婚戀網(wǎng)站在注冊(cè)時(shí)用找到終生伴侶作為噱頭，還把年費(fèi)放上來(lái)了，簡(jiǎn)直不把想要試用或約炮的廣大用戶放在眼里。左邊明確指出搜索其他用戶免費(fèi)，并指出會(huì)員每月費(fèi)用為4美元，就聰明得多。

16.默認(rèn)參與而非離開

下圖把接受新聞?dòng)嗛喎纸鉃閮蓚€(gè)選項(xiàng)，“想要接受”和“不想接受”，并默認(rèn)選中“想要”，效果比右邊的好得多。左邊的范例有一點(diǎn)可以借鑒的是，它設(shè)置兩個(gè)選項(xiàng)，給用戶一定的選擇權(quán)，而非直接打上個(gè)勾。

17.把購(gòu)物當(dāng)做收集行為

購(gòu)物網(wǎng)站經(jīng)常使用的技巧是顧客買一件東西時(shí)，對(duì)其推薦另外的關(guān)聯(lián)產(chǎn)品。然而，下圖的網(wǎng)站卻把這一招做到登峰造極的地步。檢測(cè)出用戶購(gòu)買了面粉、糖和雞蛋后，網(wǎng)站提醒用戶再購(gòu)買香草和黃油便能制作一個(gè)蛋糕……

18.擴(kuò)大點(diǎn)擊區(qū)域

鏈接、表格和按鈕的尺寸如果比較大，便于用戶的點(diǎn)擊。比如在設(shè)計(jì)微信營(yíng)銷作品時(shí)，出于整體設(shè)計(jì)美感，有的設(shè)計(jì)師可能會(huì)把一些按鈕縮小放在角落，但這樣并不利于用戶選中內(nèi)容。因此，適當(dāng)放大按鈕或只放大透明按鈕的區(qū)域，是解決這個(gè)問(wèn)題的好法子。

19.用內(nèi)容激發(fā)好奇心

下圖是同一本書籍的下載鏈接，左邊頁(yè)面在讓用戶下載書籍之前，放上了書籍內(nèi)容的摘選；而右邊頁(yè)面卻只指出了書籍的內(nèi)容。這里其實(shí)講的是一個(gè)“保留”的問(wèn)題，完全保留產(chǎn)品的內(nèi)容反而無(wú)法體現(xiàn)產(chǎn)品的優(yōu)勢(shì)。很多網(wǎng)站設(shè)置用戶不注冊(cè)就無(wú)法使用其服務(wù)，很容易讓想先“逛逛”的人打退堂鼓。因此，像知乎、百度貼吧等網(wǎng)站的做法都是讓用戶看部分頁(yè)面，需要完整頁(yè)面再下載APP，而不是完全封鎖閱讀渠道。

20.提高登錄行為的緊急性

這個(gè)方法有效，但同樣也是最需要慎用的。比如Win10開放給用戶升級(jí)時(shí)，就聲稱一年內(nèi)免費(fèi)，讓客戶抓緊時(shí)間注冊(cè)。至于升級(jí)的風(fēng)險(xiǎn)（比如無(wú)法永久退回原系統(tǒng)、新系統(tǒng)還不夠穩(wěn)定等），在用戶急著免費(fèi)試用時(shí)也難以發(fā)現(xiàn)和考慮了。而這些在用戶體驗(yàn)產(chǎn)品后，那些風(fēng)險(xiǎn)只會(huì)成為用戶拋棄微軟的理由。下圖左邊網(wǎng)站即利用了服務(wù)提供的限時(shí)，產(chǎn)生緊迫感。

我接觸過(guò)一些專業(yè)設(shè)計(jì)師，發(fā)現(xiàn)他們經(jīng)常能設(shè)計(jì)出很優(yōu)質(zhì)的作品，但是傳播量卻遠(yuǎn)遠(yuǎn)不及那些比較粗糙，卻非常簡(jiǎn)單和容易理解的設(shè)計(jì)作品。其實(shí)，從大部分用戶角度來(lái)說(shuō)，他們需要的往往不是多高級(jí)多精美的界面，而只需要一下子戳中心間的感覺(jué)。

本文系作者@Seed 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理， 未經(jīng)許可，不得轉(zhuǎn)載。