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

      如何改進產品頁面的“首屏”部分

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

      ?
      • 產品的好處(人們如何從這個產品受益?)

      ?
      • CTA(人們如何購買這個產品?)

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

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

      ?
      你可能已經知道我們上面說的這幾點,但你可能不知道的是,視覺層次結構非常重要。
      ?
      在構建頁面時,我們需要考慮圖片大小、空間布局、字體大小、顏色和對比度。
      ?
      下面這張圖說明了一切:
      ?

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

      正確順序(根據產品的不同而有所變化)

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

      ?
      現在,想象一下這個產品的首屏如果是這樣的:


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

      7個提高“首屏”表現的建議:

      ?
      1.?使用一個引人注目的標題,并使用通用的產品名稱作為副標題
      ?


      ?
      2.??用標題和特殊的標志突出我們的產品保證
      ?

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


      4.??改變背景顏色——色彩對比更有可能使人產生興趣。

      ?

      5. 在列出產品好處時,使用彩色的點或文字,讓它從其他內容中脫穎而出。

      ?

      ?
      1. 6.?添加一個小的好評。這將增加一些社會證明,使人們更感興趣。

      ?


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

      ?

      關鍵點總結

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

      ?
      • “首屏”元素之間要建立一個良好的視覺層次結構,可以讓人們更快地瀏覽到產品及其優點。

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

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

      ?
      • 更少的退出頁面=更高的轉換率



      點贊(8) 打賞

      評論列表 共有 0 條評論

      暫無評論

      服務號

      訂閱號

      備注【拉群】

      商務洽談

      微信聯系站長

      發表
      評論
      立即
      投稿
      返回
      頂部