交互設(shè)計(jì)：頁面轉(zhuǎn)化率低？從 2 方面入手改善！

2022-3-23    周周

前景提要

淘寶的訂單頁的優(yōu)化可以最直接的反應(yīng)對(duì)于轉(zhuǎn)化率的思考，新頁面不僅更加簡潔，信息傳達(dá)更高效。那設(shè)計(jì)師對(duì)于頁面的轉(zhuǎn)化上可以怎么思考呢？可以采用什么手段在設(shè)計(jì)上去做文章，凸顯設(shè)計(jì)師在項(xiàng)目中的價(jià)值，為業(yè)務(wù)帶來飛躍的轉(zhuǎn)化呢？今天我們來聊聊，設(shè)計(jì)師在做這種轉(zhuǎn)化頁面出發(fā)點(diǎn)是什么？可以采取什么手段去承載流量，提高轉(zhuǎn)化。

仔細(xì)看可以發(fā)現(xiàn)，設(shè)計(jì)師對(duì) 頁面信息、結(jié)構(gòu) 進(jìn)行了重整，更注重 傳遞價(jià)值感，將用戶 關(guān)注的信息都做的更加突出，結(jié)合優(yōu)惠活動(dòng)，讓用戶心理感覺更省錢了。以上這些都是為了去傳遞用戶價(jià)值，不斷的刺撓用戶心防，讓用戶破防！


一、凸顯價(jià)值      



在這么激烈的競爭下，各大產(chǎn)品都想盡辦法留住用戶，占據(jù)用戶的時(shí)間，因?yàn)榇蠹叶贾?nbsp;用戶不愿意在價(jià)值的事情上浪費(fèi)一秒鐘，在界面上如果沒有看到有用的信息可能就劃走了。所以在轉(zhuǎn)化頁這種承流量的頁面，凸顯用戶價(jià)值非常重要。我們首先應(yīng)該 明確目標(biāo)用戶想要的到底是什么？是優(yōu)惠？是承諾？還是被認(rèn)可？ 
如：購物類產(chǎn)品，用戶在平臺(tái)上可以獲得什么價(jià)值？除了可以不用去實(shí)體店在家就可以下單（滿足惰性）外，在使用APP過程中還能獲得什么價(jià)值？購物的爽感、有優(yōu)惠便宜感覺自己賺到了？所以具體設(shè)計(jì)轉(zhuǎn)化頁扥的時(shí)候就是要抓住這些最關(guān)鍵點(diǎn)，然后進(jìn)行放大，不斷刺撓用戶心防。 


① 讓用戶感覺省錢



其實(shí)絕大多數(shù)用戶都不是理性消費(fèi)者，因?yàn)槲覀兌疾辉敢馊ニ伎迹鎰e信息，所以正對(duì)人性的弱點(diǎn)，我們可以思考讓用戶暫時(shí)失去理性的辦法。如：、虛榮、逆反等等，其中便宜和錯(cuò)過是最常用于設(shè)計(jì)中的。在如何讓用戶感覺到更省錢錯(cuò)覺的方式可以通過直接展示和對(duì)比展示的方式來達(dá)成。 


直接 | 通過優(yōu)惠標(biāo)簽、對(duì)比、簡單粗暴告知省了多少錢

幫消費(fèi)者算好優(yōu)惠了多少錢算是簡單粗暴且常見的方式，我們會(huì)看到很多頁面就是直接將“省了XXXX元”弄得老醒目了，因?yàn)檫@個(gè)就是最直接的手段，用戶一看就：哇，這個(gè)便宜這么多誒~




間接 | 營造一種錯(cuò)過就虧了、就沒有了的感覺 

這在心理學(xué)叫：損失厭惡，它指的是人們對(duì)已經(jīng)擁有的事物會(huì)習(xí)慣性地視若無睹，只有在失去或即將失去的時(shí)候才會(huì)產(chǎn)生加倍的珍惜感。對(duì)應(yīng)到收益與損失上在人們心理敏感程度上來看，比起收益，人們對(duì)于損失更加敏感，這就是為什么在雙十一期間，各大商家都打著：“全年最低價(jià)，再不買就漲價(jià)、不買你就虧了、搶光了...”的標(biāo)語，但是這種只是感覺上給人們?cè)斐珊孟裾娴摹疤澊罅恕?，但是就算買到其實(shí)也未必賺到。所以，我們?cè)诰唧w界面上也可以適當(dāng)采用這個(gè)原理技巧，增加緊迫感和稀缺性元素，營造一種錯(cuò)過就虧了的感覺，讓用戶在猶豫時(shí)，能夠斬釘截鐵的按下 “轉(zhuǎn)化按鈕”！ 

上圖VUE、脈脈都是采用“限時(shí)”的這個(gè)手法來因遭稀缺性與緊迫感，從而增加用戶購買欲望，而京東則采用“僅剩1件”“一年歷史最低價(jià)”的方式來營造緊迫感。





② 強(qiáng)化產(chǎn)品賣點(diǎn)打消用戶疑慮



打鐵還需自身硬，產(chǎn)品是真的好才能真正的吸引用戶最終購買?？梢钥吹浆F(xiàn)在各大商家為了更直觀的展示自家產(chǎn)品的特點(diǎn)，差異點(diǎn)，將產(chǎn)品圖都做成動(dòng)態(tài)、視頻的了的（看誰更卷，我看卷不死你）。這種手段就是為了更加高效，直觀的展示產(chǎn)品本身的特質(zhì)，讓用戶看了一目了然。在通過分析得出產(chǎn)品最終賣點(diǎn)后，在呈現(xiàn)形式上交互設(shè)計(jì)師也需要多多考慮。以下重點(diǎn)在展示產(chǎn)品賣點(diǎn)方式上進(jìn)行闡述。 


動(dòng)態(tài)化展示


淘寶上的商品動(dòng)圖，非常直觀的展示產(chǎn)品核心特性，幫助消除用戶疑慮。 



對(duì)比型展示

通過列表直接展示普通用戶和會(huì)員用戶間的差異，這樣的方式直觀，代入感強(qiáng)，能夠很好體現(xiàn)產(chǎn)品本身的服務(wù)價(jià)值，更容易打消用戶購買疑慮。


平鋪直述

直接將用戶可以獲得特權(quán)展示，告知用戶可獲得哪些權(quán)益與服務(wù)，一般通過icon+文案的方式直接呈現(xiàn)給用戶。  


這樣的方式雖然沒什么大問題，但是在比較多權(quán)限的時(shí)候，細(xì)看其實(shí)會(huì)不知所云，不知道具體是干嘛用的，所以如果要采用這樣的方式建議搭配輔助說明。


亮數(shù)據(jù)（權(quán)威性）

將產(chǎn)品的數(shù)據(jù)直接展示出來，通過多維度數(shù)據(jù)權(quán)威展示產(chǎn)品亮點(diǎn)。 




所以在凸顯價(jià)值感知上我們可以怎么做：


a、建立標(biāo)簽體系，通過標(biāo)簽優(yōu)惠讓用戶感覺省錢

b、營造稀缺與緊迫感，讓用戶感覺再不行動(dòng)就虧了

c、強(qiáng)調(diào)產(chǎn)品核心賣點(diǎn)且直觀展示
d、數(shù)據(jù)化闡述可信度更高，更有權(quán)威性




二、提供清晰交互動(dòng)線

交互本身是一個(gè)動(dòng)態(tài)的過程，轉(zhuǎn)化頁有時(shí)需要承載比較多的關(guān)鍵信息，而如何讓這些信息清晰，有序的展示在用戶面前并引發(fā)用戶互動(dòng)是交互設(shè)計(jì)師需要思考的?？梢詮?頁面框架、操作引導(dǎo)上去思考與用戶的關(guān)系。




頁面框架


轉(zhuǎn)化頁面的上的信息需要非常高效的傳達(dá)給用戶，應(yīng)采用最高效的方式展示給用戶。因?yàn)椴煌谫徫镱?、視頻類APP用戶以“逛一逛、刷一刷”看看有啥好看的心態(tài)，漫無目的的瀏覽，而是會(huì)集中精力尋找價(jià)值從而說服自己去買，所以我們 框架盡量線性，符合自上而下，自左往右的閱讀習(xí)慣，所以放到頁面上建議 直接大模塊化從上至下排布，這樣能讓頁面更加規(guī)整，也符合與用戶的視線。 

以上是我在各大應(yīng)用會(huì)員轉(zhuǎn)化頁的框架，可以發(fā)現(xiàn)，拋開內(nèi)容信息，整體框架前兩個(gè)會(huì)讓人感覺更舒服，這樣的搭配更加流暢性，比例更好，不會(huì)太分割，其實(shí)在設(shè)計(jì)模塊化卡片大小時(shí)也可以考慮下黃金比例。


操作引導(dǎo)


位置


由于轉(zhuǎn)化頁需要展示較多信息給到用戶充分思考，所以一般根據(jù)用戶的瀏覽習(xí)慣，按鈕一般放下右下角視覺落點(diǎn)處，這樣能后比較好的組織頁面內(nèi)容，突出又不強(qiáng)頁面主要視線。 



大小和顏色

重要的轉(zhuǎn)化按鈕大小絕對(duì)不能太小，但也不宜過大。記得UI中有關(guān)于按鈕大小的計(jì)算公式，可以在這個(gè)公式基礎(chǔ)上進(jìn)行靈活調(diào)整。有些寬度很寬是為了加大用戶點(diǎn)擊熱區(qū)，讓用戶更容易點(diǎn)到。 

顏色一般使用應(yīng)用主題色，如果有多個(gè)按鈕，主按鈕顏色盡量有一定對(duì)比，這樣才能將我們想要讓用戶點(diǎn)擊的那個(gè)跳出來。


動(dòng)效


動(dòng)效一般在按鈕上增加一些掃光、光效、按鈕本身輕微動(dòng)效即可，只要很微小的效果就可以，因?yàn)槿搜墼谝欢鸯o態(tài)內(nèi)容中很容易注意到動(dòng)的東西，如果做的很強(qiáng)烈就本末倒置了。 




文案


按鈕上的文案一定程度上也能夠促進(jìn)轉(zhuǎn)化，所以在文案上表意的基礎(chǔ)上可結(jié)合我上面講述的第一部分進(jìn)行文案的設(shè)定，加強(qiáng)用戶感知！ 






文章來源：站酷 作者：小發(fā)的設(shè)計(jì)筆記

分享此文一切功德，皆悉回向給文章原作者及眾讀者.


免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

日歷

鏈接

個(gè)人資料

存檔