很久之前我在 Hotjar 上啟動(dòng)了一個(gè)實(shí)驗(yàn),分析了訪問者(也就是客戶)在產(chǎn)品主頁上的行為。
      ?
      我知道,“首屏”部分對(duì)于 CR 優(yōu)化很重要,但沒想到它是轉(zhuǎn)換優(yōu)化中最重要的部分(到目前為止)。
      ?
      在 Hotjar ,我們有一項(xiàng)功能可以查看人們滾動(dòng)頁面的時(shí)長(zhǎng)。
      ?
      有了這個(gè)功能,我發(fā)現(xiàn)了讓我大吃一驚的事實(shí):
      ?
      ——56% 的訪問者甚至沒有滾動(dòng)鼠標(biāo)就離開了頁面。
      ?
      典型電子商務(wù)產(chǎn)品頁面的滾動(dòng)數(shù)據(jù)通常如下所示:
      ?
      ?
      這意味著,如果我們想提高CR,我們就要把注意力集中在訪問者在前 10 秒內(nèi)看到的內(nèi)容上。
      ?
      如果我們能讓人們對(duì)產(chǎn)品感興趣并滾動(dòng)頁面,我們就完成了 50% 的工作。
      ?

      如何改進(jìn)產(chǎn)品頁面的“首屏”部分

      ?
      1.“首屏”部分應(yīng)包含有關(guān)產(chǎn)品和產(chǎn)品提案的所有最重要的信息。
      ?
      • 產(chǎn)品名稱/標(biāo)題+圖片(即,產(chǎn)品是什么)

      ?
      • 產(chǎn)品的好處(人們?nèi)绾螐倪@個(gè)產(chǎn)品受益?)

      ?
      • CTA(人們?nèi)绾钨徺I這個(gè)產(chǎn)品?)

      ?
      • 產(chǎn)品的保障/運(yùn)輸(人們的購買是否安全?)

      ?
      • 折扣——如果有折扣,一定要標(biāo)注出來(營造緊迫性)

      ?
      你可能已經(jīng)知道我們上面說的這幾點(diǎn),但你可能不知道的是,視覺層次結(jié)構(gòu)非常重要。
      ?
      在構(gòu)建頁面時(shí),我們需要考慮圖片大小、空間布局、字體大小、顏色和對(duì)比度。
      ?
      下面這張圖說明了一切:
      ?

      ?
      我們要確保網(wǎng)站訪問者在盡可能短的時(shí)間內(nèi),以正確的順序(按重要性排序)查看所有最重要的信息。
      ?

      正確順序(根據(jù)產(chǎn)品的不同而有所變化)

      ?
      ·??????? 產(chǎn)品名稱/標(biāo)題
      ·??????? 產(chǎn)品圖片
      ·??????? CTA +退貨保障/發(fā)貨
      ·??????? 產(chǎn)品優(yōu)勢(shì)
      ·??????? 質(zhì)保/其他徽章
      ?
      以下是來自Skinnyfit的一個(gè)很好的例子:
      ?
      它使用了很好的視覺層次,不到5秒就能讓人迷上這個(gè)產(chǎn)品。
      ?
      不到5秒,瀏覽頁面的人就可以知道:
      ?
      -這個(gè)產(chǎn)品和它的功能是什么(" Super youth " =它讓我們更健康、更年輕)
      ?
      -它看起來怎么樣
      ?
      -它的好處是什么
      ?
      -怎么買+購買保障是什么
      ?

      ?
      現(xiàn)在,想象一下這個(gè)產(chǎn)品的首屏如果是這樣的:


      雖然第二張圖片也包含了所有完全相同的信息,但是呈現(xiàn)得非常糟糕——它沒有遵循任何視覺層次的原則。
      ?
      我可以保證,第一個(gè)版本的表現(xiàn)要比第二個(gè)至少好兩倍。
      ?
      這就是框架效應(yīng)。
      ?

      7個(gè)提高“首屏”表現(xiàn)的建議:

      ?
      1.?使用一個(gè)引人注目的標(biāo)題,并使用通用的產(chǎn)品名稱作為副標(biāo)題
      ?


      ?
      2.??用標(biāo)題和特殊的標(biāo)志突出我們的產(chǎn)品保證
      ?

      3.??不要讓產(chǎn)品描述非常顯眼——它是次要元素。
      ?


      4.??改變背景顏色——色彩對(duì)比更有可能使人產(chǎn)生興趣。

      ?

      5. 在列出產(chǎn)品好處時(shí),使用彩色的點(diǎn)或文字,讓它從其他內(nèi)容中脫穎而出。

      ?

      ?
      1. 6.?添加一個(gè)小的好評(píng)。這將增加一些社會(huì)證明,使人們更感興趣。

      ?


      1. 7.?使用明確的CTA,促使人們采取行動(dòng)——例如,“Buy it now” “grab mine now” “Buy now” “Select a size”等等

      ?

      關(guān)鍵點(diǎn)總結(jié)

      ?
      • 我們要把精力集中在“首屏”部分。超過50%的訪問者甚至沒有滾動(dòng)屏幕就離開了

      ?
      • “首屏”元素之間要建立一個(gè)良好的視覺層次結(jié)構(gòu),可以讓人們更快地瀏覽到產(chǎn)品及其優(yōu)點(diǎn)。

      ?
      • 快速瀏覽=較少的購買阻礙

      ?
      • 減少購買阻礙=減少勸退的可能性

      ?
      • 更少的退出頁面=更高的轉(zhuǎn)換率



      點(diǎn)贊(8) 打賞

      評(píng)論列表 共有 0 條評(píng)論

      暫無評(píng)論

      服務(wù)號(hào)

      訂閱號(hào)

      備注【拉群】

      商務(wù)洽談

      微信聯(lián)系站長(zhǎng)

      發(fā)表
      評(píng)論
      立即
      投稿
      返回
      頂部