如何利用熱力圖工具提高網(wǎng)站用戶(hù)體驗(yàn)

很早之前用過(guò)谷歌自帶的熱力圖工具，不過(guò)那款工具谷歌開(kāi)發(fā)的有些雞肋后面好像被放棄了，現(xiàn)在搜谷歌插件page analytics還可以安裝，不過(guò)下面我介紹一款更強(qiáng)大的，Ptengine，這個(gè)是國(guó)人開(kāi)發(fā)的，可能沒(méi)有crazyegg有名，但是該有的功能都有，而且免費(fèi)試用14天。

熱力圖工具分析網(wǎng)站其實(shí)是一件非常有意思的事情，打個(gè)比方，熱力圖檢測(cè)工具就好比在高空觀測(cè)一個(gè)草地的行人行走軌跡，哪些路人走的多，哪些地方人停留時(shí)間長(zhǎng)，都會(huì)留下痕跡，熱力圖分析就是這么個(gè)道理，一般的熱力圖可以監(jiān)測(cè)到以下幾個(gè)數(shù)據(jù)行為

1，點(diǎn)擊熱力圖，網(wǎng)站中哪些地方被點(diǎn)擊的次數(shù)多，哪些地方少，被點(diǎn)擊次數(shù)多的我們需要把它放置在用戶(hù)容易觸及的地方，比如首屏。

2，注意力熱力圖，這個(gè)是基于用戶(hù)在頁(yè)面位置的停留時(shí)間長(zhǎng)短計(jì)算的，停留時(shí)間長(zhǎng)的地方熱力色彩越突出，說(shuō)明這個(gè)地方很吸引人。

我們具體來(lái)看看，熱力分析圖到底怎么用。比如下面這個(gè)圖，很明顯用戶(hù)的點(diǎn)擊集中在了導(dǎo)航欄上，說(shuō)明首頁(yè)里面可能沒(méi)有用戶(hù)要找的內(nèi)容，要借助導(dǎo)航欄尋找。還有一個(gè)很有意思的現(xiàn)象就是banner廣告圖好像是點(diǎn)擊率很差，我覺(jué)得有可能是因?yàn)閎anner圖不夠吸引人，第二是用戶(hù)對(duì)于廣告類(lèi)的東西很排斥。

再來(lái)看下面這個(gè)圖：這個(gè)比較就很明顯了，如果是我的話，我就會(huì)把下面兩個(gè)板塊調(diào)整到上面去，圖中這些百分比是用戶(hù)抵達(dá)分屏的到達(dá)率，越往下百分比越低，說(shuō)明瀏覽到底部的人越少。我們要做的就是在百分比較高的地方把用戶(hù)點(diǎn)擊關(guān)注最多的內(nèi)容呈現(xiàn)出來(lái)。

我們?cè)倏聪伦⒁饬釄D，很明顯首頁(yè)頂部的注意力就不如首頁(yè)第一屏中間位置，所以我們要把好的內(nèi)容呈現(xiàn)在首屏的黃金位置。

在一個(gè)產(chǎn)品頁(yè)面上，用戶(hù)100%的精力都在首屏的產(chǎn)品圖片上，所以第一時(shí)間抓住客戶(hù)的眼球非常重要

客戶(hù)的注意力最多就到加入購(gòu)物車(chē)按鈕為止，購(gòu)物車(chē)下方的產(chǎn)品描述客戶(hù)關(guān)注的很少。所以產(chǎn)品頁(yè)面首屏產(chǎn)品圖片展示到購(gòu)物車(chē)按鈕這一部分是決定用戶(hù)加購(gòu)率的重要部分。需要我們花大力氣進(jìn)行優(yōu)化的。

剩下的就是修改頁(yè)面，然后做A/B測(cè)試，隔一段時(shí)間以后看下效果。

以上。

（來(lái)源：大衛(wèi)搞跨境）

以上內(nèi)容屬作者個(gè)人觀點(diǎn)，不代表雨果跨境立場(chǎng)！本文經(jīng)原作者授權(quán)轉(zhuǎn)載，轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。

（來(lái)源：大衛(wèi)搞跨境）