在產(chǎn)品的功能迭代中，我們的目的是提升產(chǎn)品的曝光、轉(zhuǎn)化等數(shù)據(jù)。這篇文章，作者分享了自己采用的5個(gè)方法，讓點(diǎn)擊率暴漲了一大截的技巧，希望可以幫到大家。

產(chǎn)品設(shè)計(jì)的過(guò)程總是循環(huán)往復(fù)。

前段時(shí)間，我們?yōu)榫〇|APP「逛」頻道做了改版設(shè)計(jì)，如今這個(gè)改版方案已經(jīng)上線了一段時(shí)間，我們將其與舊版進(jìn)行了AB測(cè)試，以獲得數(shù)據(jù)反饋。

基于這些數(shù)據(jù)，我們得出了以下5個(gè)有效的產(chǎn)品設(shè)計(jì)策略：

01.用拇指熱區(qū)降低用戶操作門檻

在這次改版中，我們將創(chuàng)作入口從頂部下移至屏幕拇指熱區(qū)作為懸停按鈕。

經(jīng)測(cè)試發(fā)現(xiàn)，下移至屏幕拇指熱區(qū)后，創(chuàng)作按鈕點(diǎn)擊率比舊版提升了62.5%。

根據(jù)屏幕拇指原則，屏幕下方2/3區(qū)域?yàn)橐撞僮鲄^(qū)，當(dāng)按鈕所在區(qū)域越往上則越難被點(diǎn)擊到。

創(chuàng)作按鈕下移至屏幕中下部的易操作區(qū)時(shí)，操作門檻的下降讓點(diǎn)擊率有了明顯提升。

可能有人會(huì)發(fā)現(xiàn)，相比舊版創(chuàng)作按鈕，新版按鈕除了位置下移之外，面積也放大了。

那么，“放大”是否是一個(gè)有效的設(shè)計(jì)策略呢？

02.放大并不是最有效的方法

這次改版中，其實(shí)許多模塊都有所放大。

但在AB測(cè)試中發(fā)現(xiàn)，“放大”雖然是一種最簡(jiǎn)單直接的方式，但其帶來(lái)的轉(zhuǎn)化效果并不明顯。

比如上圖中看到的tab區(qū)、用戶頭像、feeds卡片，這些只經(jīng)過(guò)“放大”舉措的模塊，點(diǎn)擊率的提升平均只能維持在7%左右。

如果放大并不能帶來(lái)很好的轉(zhuǎn)化效果，那什么設(shè)計(jì)策略才能有效提升點(diǎn)擊轉(zhuǎn)化呢？

03. 信息排布清晰更利于點(diǎn)擊

針對(duì)這次改版中的話題模塊，我們用了以下3種布局，來(lái)測(cè)試其帶來(lái)的轉(zhuǎn)化差異：

最后發(fā)現(xiàn)，圖文分離的卡片布局反而獲得最高的點(diǎn)擊率；而大圖布局（左一），即使其圖片面積最大，但點(diǎn)擊率仍低于面積較小的、圖文分離布局的卡片。

類似的例子還有這次改版中的列表頁(yè)設(shè)計(jì)。

做了圖文分離的設(shè)計(jì)后，新版列表即使面積變小，平均單卡片點(diǎn)擊率仍比舊版提升了37.5%。

從產(chǎn)品角度看，選擇圖文分離的小圖布局，不僅點(diǎn)擊率更佳、屏效也更高。

04. 信息層級(jí)是影響點(diǎn)擊的關(guān)鍵因素之一

這次改版我們將詳情頁(yè)中的熱愛榜模塊，從頁(yè)面的頭部下移至底部，作為一個(gè)吸底浮層。

經(jīng)測(cè)試后發(fā)現(xiàn)，改為吸底浮層的熱愛榜模塊，點(diǎn)擊率提升了73.8%。

其實(shí)，模塊不出現(xiàn)在界面中心、甚至放在底部并不等于其優(yōu)先級(jí)低。

模塊的層級(jí)反而是比位置更關(guān)鍵的影響因素：是否為屏幕絕對(duì)位置、是否有投影強(qiáng)化點(diǎn)擊感、是否有清晰邊界與背景拉開..這些才是讓模塊更顯眼的設(shè)計(jì)策略。

為了讓大家更明顯的感受層級(jí)設(shè)計(jì)對(duì)模塊的影響，下圖展示了熱愛榜模塊在相同位置、相同內(nèi)容的情況，大家覺得哪邊的設(shè)計(jì)更顯眼呢？

05.沉浸式讓用戶看的更久，但更少

這次改版將關(guān)注頁(yè)中的feeds卡片，從時(shí)間流調(diào)整為沉浸流樣式。

經(jīng)測(cè)試后發(fā)現(xiàn)，相同的內(nèi)容，采用沉浸式時(shí)卡片點(diǎn)擊率提升了7.65%，用戶停留時(shí)長(zhǎng)提升了33.1%，但用戶內(nèi)容消費(fèi)數(shù)下降2.9%。

這說(shuō)明，沉浸式讓用戶看的時(shí)間更久，而時(shí)間流讓用戶看的內(nèi)容更多。

兩種內(nèi)容卡片樣式各有優(yōu)缺點(diǎn)，這讓我們更需要結(jié)合自身產(chǎn)品特性和具體場(chǎng)景來(lái)選擇，使用“時(shí)間流“還是”沉浸流“卡片。

沉浸流更適用于：

• 半開放域內(nèi)容
• 深度互動(dòng)的場(chǎng)景
• 強(qiáng)下單轉(zhuǎn)化訴求

比如在關(guān)注頁(yè)這種半開放域內(nèi)容場(chǎng)景下，我們更希望用戶能對(duì)自己已關(guān)注的內(nèi)容，有更深度的互動(dòng)來(lái)促成下單，則使用沉浸流設(shè)計(jì)更適合；

時(shí)間流更適用于：

• 全開放域內(nèi)容
• 外部引流的場(chǎng)景
• 增加曝光訴求

比如，在推薦頁(yè)這種以系統(tǒng)推薦為主的全開放域內(nèi)容場(chǎng)景，我們更希望用戶看更多的內(nèi)容，來(lái)達(dá)成引流增加曝光量，則更適合用時(shí)間流設(shè)計(jì)。

下周我將更詳細(xì)地為大家分享，過(guò)去幾年我在不同App產(chǎn)品中，如何應(yīng)用認(rèn)知行為學(xué)，推動(dòng)用戶行為、提升產(chǎn)品轉(zhuǎn)化。