“一次改版,我讓點擊率暴漲73%”

0 評論 1642 瀏覽 14 收藏 7 分鐘

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

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

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

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

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

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

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

根據(jù)屏幕拇指原則,屏幕下方2/3區(qū)域為易操作區(qū),當(dāng)按鈕所在區(qū)域越往上則越難被點擊到。

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

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

那么,“放大”是否是一個有效的設(shè)計策略呢?

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

這次改版中,其實許多模塊都有所放大。

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

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

如果放大并不能帶來很好的轉(zhuǎn)化效果,那什么設(shè)計策略才能有效提升點擊轉(zhuǎn)化呢?

03. 信息排布清晰更利于點擊

針對這次改版中的話題模塊,我們用了以下3種布局,來測試其帶來的轉(zhuǎn)化差異:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

沉浸流更適用于:

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

比如在關(guān)注頁這種半開放域內(nèi)容場景下,我們更希望用戶能對自己已關(guān)注的內(nèi)容,有更深度的互動來促成下單,則使用沉浸流設(shè)計更適合;

時間流更適用于:

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

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

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

作者:洪草莓,公眾號:洪草莓

本文由 @洪草莓 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 Unsplash,基于 CC0 協(xié)議

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!