不論你是網(wǎng)站的設(shè)計(jì)者還是運(yùn)營(yíng)者，目標(biāo)轉(zhuǎn)化率都是衡量網(wǎng)站成敗最關(guān)鍵的指標(biāo)。在如何提高轉(zhuǎn)化這一問(wèn)題上，最近總結(jié)一些能幫助我們洞察用戶(hù)行為下更深層次的原因的方法。

在南木林等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專(zhuān)注、極致的服務(wù)理念，為客戶(hù)提供成都網(wǎng)站制作、成都做網(wǎng)站、外貿(mào)營(yíng)銷(xiāo)網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)制作定制網(wǎng)站設(shè)計(jì),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),營(yíng)銷(xiāo)型網(wǎng)站,成都外貿(mào)網(wǎng)站建設(shè)公司,南木林網(wǎng)站建設(shè)費(fèi)用合理。

熱圖可分為點(diǎn)擊熱圖、注意力熱圖和瀏覽觸達(dá)率熱圖。

點(diǎn)擊熱圖展示了用戶(hù)在頁(yè)面上的點(diǎn)擊位置，點(diǎn)擊越集中的地方，色調(diào)越暖（紅色），反之則色調(diào)越冷（藍(lán)色）。它也提供用戶(hù)在每個(gè)區(qū)域的具體點(diǎn)擊數(shù)和占比，根據(jù)它你很容易找出那些高頻次點(diǎn)擊的區(qū)域，了解到用戶(hù)點(diǎn)擊了哪些被你忽略的地方，用更精確的方式驗(yàn)證你的模塊和內(nèi)容是否放置在恰當(dāng)?shù)牡胤健?/p>

注意力熱圖則是根據(jù)用戶(hù)實(shí)際瀏覽頁(yè)面各部分的時(shí)長(zhǎng)，顯示用戶(hù)在某個(gè)內(nèi)容板塊的注意力程度，瀏覽時(shí)間越久的區(qū)域熱度越高（紅色）。你可以通過(guò)注意力熱圖了解到網(wǎng)頁(yè)哪些內(nèi)容吸引用戶(hù)，哪些內(nèi)容你認(rèn)為重要而用戶(hù)卻不感冒，最佳的頁(yè)面長(zhǎng)度是多少，以及哪些元素促使用戶(hù)繼續(xù)和你的網(wǎng)站產(chǎn)生交互或再次訪(fǎng)問(wèn)。

瀏覽觸達(dá)率熱圖使用水平線(xiàn)把頁(yè)面分割成不同的區(qū)域，通過(guò)監(jiān)測(cè)用戶(hù)瀏覽頁(yè)面時(shí)鼠標(biāo)滾動(dòng)的情況，顯示用戶(hù)觸達(dá)到頁(yè)面某區(qū)域的占比。利用它你可以?xún)?yōu)化關(guān)鍵內(nèi)容的擺放位置，把用戶(hù)關(guān)注度高或者重點(diǎn)宣傳的產(chǎn)品和信息放在觸達(dá)率更高的區(qū)域。

現(xiàn)在，讓我們看看使用熱圖發(fā)現(xiàn)的13個(gè)有意思的結(jié)論。

1.關(guān)鍵內(nèi)容必須首屏顯示

雖然用戶(hù)在瀏覽過(guò)程中會(huì)滾動(dòng)頁(yè)面，但當(dāng)他們下拉到首屏以下的區(qū)域時(shí)，瀏覽時(shí)間會(huì)大幅度減少。

通過(guò)對(duì)熱圖分析工具分析大量客戶(hù)的首頁(yè)熱圖進(jìn)行總結(jié)，我們發(fā)現(xiàn)：訪(fǎng)客的瀏覽時(shí)間有80%左右都花在了首屏，其余頁(yè)面只占20%。因此，對(duì)于目標(biāo)轉(zhuǎn)化率最重要的內(nèi)容，務(wù)必放在首屏顯示。

在首屏以下，用戶(hù)的注意力也會(huì)隨之降低。內(nèi)容離標(biāo)題越遠(yuǎn)，用戶(hù)的關(guān)注和閱讀就會(huì)越少。因此，一定要把最關(guān)鍵的內(nèi)容放在頁(yè)面頂部。如果你確實(shí)要做一個(gè)很長(zhǎng)的頁(yè)面，設(shè)計(jì)一些引導(dǎo)元素，提醒并鼓勵(lì)用戶(hù)向下滾動(dòng)。

這項(xiàng)研究里，我們同時(shí)發(fā)現(xiàn)：在網(wǎng)頁(yè)的最底部，用戶(hù)的瀏覽時(shí)間會(huì)有小幅增加，他們的注意力也會(huì)再次上升。因此，在頁(yè)面末尾放置召喚按鈕（Call-to-action：頁(yè)面上醒目突出的按鈕，用于“召喚”用戶(hù)點(diǎn)擊這個(gè)按鈕，比如“立即注冊(cè)”）或相關(guān)鏈接也可以有效提高目標(biāo)轉(zhuǎn)化率。

最后，你還應(yīng)該知道“近因效應(yīng)”——人在了解事物的過(guò)程中，最近最新的印象會(huì)占據(jù)主導(dǎo)地位。因此，多花點(diǎn)時(shí)間和心思，好好設(shè)計(jì)你的頁(yè)面末尾吧。

2.匆忙決策時(shí)，用戶(hù)看到什么就會(huì)選擇什么

加州理工的神經(jīng)科學(xué)研究發(fā)現(xiàn)：人在快速?zèng)Q策的時(shí)候，更加注重視覺(jué)感受而不是個(gè)人喜好。這意味著用戶(hù)在匆忙訪(fǎng)問(wèn)你的網(wǎng)站時(shí)，會(huì)更少地考慮個(gè)人偏好，并傾向于根據(jù)看到的內(nèi)容做出選擇。當(dāng)他心不在焉或者沒(méi)有太強(qiáng)烈的偏好時(shí)，這種傾向會(huì)更加的明顯。

這項(xiàng)研究為營(yíng)銷(xiāo)人員提供了一個(gè)全新的思路，而且具有很大的市場(chǎng)潛力。在一些時(shí)間匆忙或者容易分心的環(huán)境下（例如電商購(gòu)物），既然產(chǎn)品的視覺(jué)沖擊可以超越消費(fèi)者的個(gè)人偏好，那么在頁(yè)面設(shè)計(jì)上做一些優(yōu)化，就有可能對(duì)用戶(hù)的選擇產(chǎn)生巨大的影響。

這是美國(guó)一家美食網(wǎng)站使用Ptengine點(diǎn)擊熱圖和瀏覽觸達(dá)率熱圖得到的首頁(yè)效果圖。圖中被選中的部分雖然只有37%的用戶(hù)瀏覽到這個(gè)區(qū)域看到了它們，但這部分商品依然聚集了非常大的點(diǎn)擊。毫無(wú)疑問(wèn)，這就是我們所說(shuō)的有很大視覺(jué)沖擊，能讓用戶(hù)產(chǎn)生購(gòu)買(mǎi)欲望的商品。你需要將這些商品的位置上移，讓更多的用戶(hù)一進(jìn)網(wǎng)站就能立刻看到，這樣會(huì)大幅提升頁(yè)面轉(zhuǎn)化率和網(wǎng)站的收益。

去優(yōu)化你的網(wǎng)站設(shè)計(jì)吧，讓你的用戶(hù)在第一時(shí)間看到他們想買(mǎi)的和你想賣(mài)的。

3.用戶(hù)更關(guān)注頁(yè)面左側(cè)

許多研究都表明，用戶(hù)更加關(guān)注頁(yè)面的左側(cè)。在普遍的瀏覽習(xí)慣里，人們也會(huì)先從左邊開(kāi)始閱讀。因此，務(wù)必把你最關(guān)鍵的信息放置在頁(yè)面左側(cè)。

研究也發(fā)現(xiàn)：用戶(hù)瀏覽網(wǎng)頁(yè)左側(cè)的時(shí)間占據(jù)了總瀏覽時(shí)間的69%，是右側(cè)瀏覽時(shí)間的兩倍還要多。

4.用戶(hù)習(xí)慣以“F”形狀的觀(guān)測(cè)模式瀏覽網(wǎng)頁(yè)

這項(xiàng)研究發(fā)現(xiàn)：用戶(hù)傾向于以“F”形狀的觀(guān)測(cè)模式瀏覽文字型網(wǎng)頁(yè)，把主要的注意力放在文章的開(kāi)始。他們仔細(xì)閱讀最重要的標(biāo)題和副標(biāo)題，選擇性地閱讀篇幅較大的正文。你的前兩個(gè)段落是用戶(hù)最有可能閱讀的，務(wù)必在這里說(shuō)明最重要的信息。

你應(yīng)該多使用副標(biāo)題，符號(hào)和段落，讓你的文章層次分明。當(dāng)你把重要信息用符號(hào)標(biāo)出時(shí)，那些跳躍性閱讀的用戶(hù)才更有可能注意到。

需要注意的是，當(dāng)瀏覽那些由圖片構(gòu)成的網(wǎng)頁(yè)時(shí)，“F”型的觀(guān)測(cè)模式便不再成立。此時(shí)，人們更傾向于以水平方式來(lái)瀏覽基于圖像的頁(yè)面。

5.別在網(wǎng)頁(yè)頭屏的大Banner上浪費(fèi)精力

用戶(hù)已經(jīng)會(huì)習(xí)慣性地忽略網(wǎng)頁(yè)頭屏的大Banner，因?yàn)樗雌饋?lái)太像廣告了?，F(xiàn)在用戶(hù)每天會(huì)被成千上萬(wàn)的廣告轟炸，他們會(huì)下意識(shí)地忽略網(wǎng)站上的廣告。任何看起來(lái)像廣告的文字或圖像，用戶(hù)幾乎不會(huì)再看一眼。

上圖中的某網(wǎng)站熱圖也表明：大Banner很難有太好的效果。當(dāng)用戶(hù)把banner當(dāng)做廣告時(shí)，它們就再也無(wú)法吸引注意力了。因?yàn)橛脩?hù)需要快速搜索信息時(shí)，他們會(huì)忽略廣告；而用戶(hù)全神貫注地閱讀一段內(nèi)容時(shí)，他們就更不可能關(guān)注廣告了。

你需要及時(shí)發(fā)現(xiàn)并調(diào)整這些低效的Banner，多使用一些熱圖工具，例如Ptengine的數(shù)據(jù)監(jiān)測(cè)和熱圖分析，監(jiān)測(cè)流量在你網(wǎng)站的行為，衡量投入產(chǎn)出（ROI）。

6.圖片中人物的視線(xiàn)方向非常重要

使用人物在設(shè)計(jì)中是很重要的，它是一個(gè)有利于吸引用戶(hù)注意力的元素。需要注意的是，圖中人物的視線(xiàn)方向非常重要。許多熱圖研究表明：用戶(hù)會(huì)沿著人物視線(xiàn)的方向去瀏覽。因此，如果你想讓用戶(hù)多關(guān)注人物圖片旁邊的正文內(nèi)容，務(wù)必讓圖中的人物看向該內(nèi)容的方向。

使用情感充沛的人物會(huì)對(duì)轉(zhuǎn)化率產(chǎn)生積極的影響。熱圖研究也發(fā)現(xiàn)，在設(shè)計(jì)時(shí)使用一張熱情的人物照片得到的轉(zhuǎn)化率比冷靜的人物照片要高很多。

你最好將這兩點(diǎn)結(jié)合起來(lái)：使用一個(gè)情感充沛的人物，同時(shí)讓他的眼睛看向頁(yè)面上的關(guān)鍵位置。

7.男人看重視覺(jué)體驗(yàn)，女人重視具體信息

熱圖研究發(fā)現(xiàn)：男女在查看約會(huì)網(wǎng)站上的個(gè)人信息時(shí)，注意力的重點(diǎn)有明顯差異。男人會(huì)更關(guān)注檔案里的照片；女人則傾向于閱讀更多的具體信息，她們幾乎要花50%的時(shí)間看對(duì)方的個(gè)人簡(jiǎn)介。

另一項(xiàng)研究發(fā)現(xiàn)：在觀(guān)察對(duì)方照片時(shí)，男性有37%的時(shí)間在看對(duì)方胸部，而女性有27%的時(shí)間在看對(duì)方的無(wú)名指。從這兩項(xiàng)研究中我們不難看出，男性?xún)A向于追求視覺(jué)上的體驗(yàn)，而女性則更注重搜尋有用的信息（即使是在她們查看照片的時(shí)候）。

8.放棄圖片自動(dòng)切換和橫幅來(lái)提高點(diǎn)擊率

研究發(fā)現(xiàn)：當(dāng)用戶(hù)帶著明確的目的瀏覽網(wǎng)頁(yè)時(shí)，他們會(huì)完全忽略頁(yè)面上方的大橫幅和圖片自動(dòng)切換的動(dòng)畫(huà)。這兩種形式會(huì)被用戶(hù)誤以為是廣告而下意識(shí)地忽略，同時(shí)也會(huì)浪費(fèi)首屏上寶貴的空間，最好不要使用。

上圖是使用Ptengine呈現(xiàn)出來(lái)的某網(wǎng)站熱圖，我們可以很直觀(guān)地看到有大橫幅和自動(dòng)切換的區(qū)域點(diǎn)擊量都很低。它們占用了首屏幾乎一半的空間，效果卻非常不理想。你需要使用熱圖發(fā)現(xiàn)這些低效的區(qū)域，及時(shí)調(diào)整網(wǎng)頁(yè)的設(shè)計(jì)才能有效提高轉(zhuǎn)化率。

9.使用色彩對(duì)比引導(dǎo)用戶(hù)

在使用熱圖分析了不同頁(yè)面的用戶(hù)行為之后，我們發(fā)現(xiàn)色彩對(duì)比在引導(dǎo)用戶(hù)方面有著極其重要的作用。那些與周?chē)鷧^(qū)域顏色不同的元素總能獲取非常高的用戶(hù)注意力和點(diǎn)擊數(shù)。只要我們對(duì)首頁(yè)的顏色設(shè)計(jì)進(jìn)行一定的調(diào)整，就可以輕松將用戶(hù)的注意力引導(dǎo)至我們想要的區(qū)域。

這是某汽車(chē)新聞網(wǎng)站使用Ptengine得到的點(diǎn)擊熱圖。在他們將每個(gè)模塊的“了解更多”按鈕設(shè)置成深色以后，這四個(gè)元素輕而易舉獲得了非常大的點(diǎn)擊量。

不要忽視色彩對(duì)比的作用，多使用熱圖工具監(jiān)測(cè)顏色調(diào)整的效果，你會(huì)有意想不到的收獲。

10.使用照片吸引用戶(hù)的注意力

人都是視覺(jué)動(dòng)物。許多網(wǎng)站在使用圖片后，目標(biāo)轉(zhuǎn)化率都有明顯的提高。在網(wǎng)站里使用一些精心挑選的圖片，對(duì)拉近你和用戶(hù)之間的距離也非常有幫助。

用戶(hù)對(duì)真實(shí)人物的照片反應(yīng)會(huì)更積極。研究發(fā)現(xiàn)：在大多數(shù)網(wǎng)站上，用戶(hù)瀏覽照片的時(shí)間要比閱讀文字的時(shí)間多10%。盡管用戶(hù)會(huì)把大Banner和自動(dòng)切換的圖片當(dāng)成廣告，但他們還是希望在正文中看到真實(shí)人物的照片，這會(huì)增強(qiáng)他們對(duì)網(wǎng)站的信任感。需要注意的是，用戶(hù)已經(jīng)學(xué)會(huì)了辨別照片的真實(shí)性，他們會(huì)下意識(shí)忽略那些藝術(shù)照。因此，不要過(guò)度編輯和修飾你的照片。

11.多使用文章摘要

熱圖研究發(fā)現(xiàn)：在博客首頁(yè)使用文章摘要跟放置完整文章比較，用戶(hù)的閱讀量會(huì)升高很多。如果你的博客主頁(yè)上放置的都是完整文章，一旦用戶(hù)對(duì)第一篇的內(nèi)容不太感興趣，他就可能因此離開(kāi)你的網(wǎng)站。

如上圖所示，前兩個(gè)示例是在首頁(yè)上顯示完整的文章內(nèi)容。這種情況下，用戶(hù)會(huì)點(diǎn)擊第一篇文章的相關(guān)區(qū)域，但很少繼續(xù)閱讀其它的文章。中間兩個(gè)示例是在首頁(yè)上只顯示文章摘要，此時(shí)用戶(hù)會(huì)點(diǎn)擊到所有的區(qū)域，其他文章也會(huì)有相對(duì)較高的閱讀量。最后一個(gè)示例是一種混合情況：一些較短的文章完整顯示；較長(zhǎng)的則被折疊，只顯示文章摘要。

使用摘要可以向用戶(hù)更好地展現(xiàn)文章主題，提供不同的選擇也有利于用戶(hù)找到感興趣的方面，從而在網(wǎng)站上點(diǎn)擊更多的內(nèi)容閱讀并停留更長(zhǎng)的時(shí)間。

12.用戶(hù)在你的郵件上只會(huì)花不到一分鐘的時(shí)間

熱圖研究顯示：67%的用戶(hù)對(duì)于郵件里介紹的段落都不太關(guān)注，他們會(huì)直接跳過(guò)，閱讀郵件的正文。人們閱讀一封郵件的平均時(shí)間是51秒，通常只閱讀19%的內(nèi)容。用戶(hù)習(xí)慣一眼掃過(guò)，因此確保你的內(nèi)容足夠短，要點(diǎn)突出，并且有一個(gè)明確的召喚按鈕（Call-to-action：頁(yè)面上醒目突出的按鈕，用于“召喚”用戶(hù)點(diǎn)擊這個(gè)按鈕，比如“立即注冊(cè)”）。

13.結(jié)合A/B測(cè)試和點(diǎn)擊熱圖來(lái)提高效率

這是一家日本的旅游公司，通過(guò)Ptengine的點(diǎn)擊熱圖發(fā)現(xiàn)網(wǎng)站首頁(yè)的流量分布非常集中，大量點(diǎn)擊都聚集在導(dǎo)航欄和下方的一個(gè)模塊。為了更好地引導(dǎo)流量，他們決定根據(jù)用戶(hù)的關(guān)注點(diǎn)，在首頁(yè)展示更多用戶(hù)感興趣的內(nèi)容。新的首頁(yè)模板設(shè)計(jì)完成后，他們又使用A/B測(cè)試對(duì)假設(shè)進(jìn)行驗(yàn)證并不斷優(yōu)化，最終大幅提升了網(wǎng)站首頁(yè)的轉(zhuǎn)化率。

在網(wǎng)站A/B測(cè)試中，你可以通過(guò)設(shè)置不同的按鈕顏色，背景顏色，文案或元素位置來(lái)引導(dǎo)同一網(wǎng)頁(yè)的兩個(gè)或多個(gè)版本之間的流量，以分析每個(gè)版本的優(yōu)劣。有時(shí)在點(diǎn)擊熱圖里你會(huì)發(fā)現(xiàn)，一個(gè)小的設(shè)計(jì)改動(dòng)能引發(fā)用戶(hù)行為的巨大變化（例如按鈕的顏色改變可以帶來(lái)更高的轉(zhuǎn)化率）。當(dāng)你將A/B測(cè)試與點(diǎn)擊熱圖相結(jié)合時(shí)，你可以大大提高頁(yè)面設(shè)計(jì)的效率。

總結(jié)：

現(xiàn)在，許多類(lèi)型的數(shù)據(jù)都可以通過(guò)創(chuàng)建熱圖來(lái)進(jìn)行可視化分析。在研究目標(biāo)轉(zhuǎn)化率的提升時(shí)，我們主要關(guān)注的是點(diǎn)擊熱圖，注意力熱圖和瀏覽觸達(dá)熱圖。

我們?cè)倩仡櫼幌率褂脽釄D得出的重要結(jié)論：

1.對(duì)目標(biāo)轉(zhuǎn)化率最重要的內(nèi)容，務(wù)必放在頁(yè)面頂部。用戶(hù)在向下滾動(dòng)頁(yè)面時(shí)，他們的注意力也會(huì)隨之減弱。

2.用戶(hù)經(jīng)常選擇他們看見(jiàn)的東西。多使用視覺(jué)元素突出頁(yè)面上的重點(diǎn)內(nèi)容，某些獨(dú)特的視覺(jué)元素（例如顏色）會(huì)抓取大量的用戶(hù)注意力，這種方法能有效突出你想要銷(xiāo)售的產(chǎn)品。

3.及時(shí)測(cè)試Banner的效果。當(dāng)頁(yè)面上的一些元素設(shè)計(jì)得像廣告橫幅，用戶(hù)會(huì)習(xí)慣性地忽略它們。

4.放棄圖片自動(dòng)切換來(lái)提高點(diǎn)擊率。當(dāng)用戶(hù)有明確的瀏覽目的時(shí)，他們會(huì)將圖片自動(dòng)切換的動(dòng)畫(huà)當(dāng)做廣告直接忽略。

5.使用照片獲取關(guān)注并引導(dǎo)用戶(hù)。用戶(hù)對(duì)于真實(shí)人物和產(chǎn)品細(xì)節(jié)照片的反應(yīng)會(huì)更加積極。你可以通過(guò)圖中人物的視線(xiàn)方向來(lái)引導(dǎo)用戶(hù)瀏覽時(shí)的注意力。

6.在博客上，首頁(yè)最好使用文章摘要。使用摘要時(shí)，用戶(hù)的閱讀量會(huì)有顯著提升；而放置全文時(shí)，用戶(hù)很容易因?yàn)閷?duì)內(nèi)容不感興趣直接離開(kāi)頁(yè)面。

7.結(jié)合A/B測(cè)試和點(diǎn)擊熱圖來(lái)提高效率。兩種方式結(jié)合使用，可以大幅提升你的頁(yè)面設(shè)計(jì)效率。

熱圖分析工具

盡管我們已經(jīng)運(yùn)用熱圖研究得出了上述13個(gè)重要的結(jié)論，但如果你想更好地改進(jìn)自己的網(wǎng)站，最好使用熱圖工具做一些相應(yīng)的研究。如果你也有其他的技巧推薦，可以留言和大家一起分享！

名稱(chēng)欄目：網(wǎng)站轉(zhuǎn)化率提升與用戶(hù)體驗(yàn)優(yōu)化的13個(gè)方法
網(wǎng)站鏈接：http://aaarwkj.com/article11/dghpjdd.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、品牌網(wǎng)站制作、軟件開(kāi)發(fā)、品牌網(wǎng)站建設(shè)、網(wǎng)站排名、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)