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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4.用戶習(xí)慣以“F”形狀的觀測模式瀏覽網(wǎng)頁

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

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

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

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

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

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

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

6.圖片中人物的視線方向非常重要

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

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

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

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

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

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

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

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

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

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

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

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

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

10.使用照片吸引用戶的注意力

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

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

11.多使用文章摘要

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

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

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

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

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

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

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

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

總結(jié)：

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

我們再回顧一下使用熱圖得出的重要結(jié)論：

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

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

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

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

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

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

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

熱圖分析工具

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

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

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

廣告

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