每個(gè)使用web的人都知道設(shè)計(jì)糟糕和設(shè)計(jì)良好的站點(diǎn)之間的區(qū)別。偉大的網(wǎng)站似乎從一個(gè)頁(yè)面或另一個(gè)頁(yè)面自然地流動(dòng)。從瀏覽器到達(dá)web頁(yè)面的那一刻起，直到您離開(kāi)，您都可以獲得平穩(wěn)的體驗(yàn)。

只有UX開(kāi)發(fā)人員知道這些都不是自然的。這是仔細(xì)的數(shù)據(jù)分析、計(jì)劃和微調(diào)的結(jié)果，使所有這一切成為可能。而且，很少有工具能比熱點(diǎn)圖更好地洞察用戶。

這里有四種不同的方法，你可以使用熱圖來(lái)改進(jìn)網(wǎng)站設(shè)計(jì)，驅(qū)動(dòng)對(duì)你的業(yè)務(wù)最重要的指標(biāo)。

什么是熱圖?

首先，復(fù)習(xí)一下熱圖。熱圖是數(shù)據(jù)可視化，描述用戶在web頁(yè)面上單擊、滾動(dòng)和移動(dòng)的方式。

熱度是由頁(yè)面中受歡迎的部分和不受歡迎的部分決定的。一個(gè)地區(qū)越受歡迎，它就會(huì)越紅。同樣地，它越不受歡迎，它就會(huì)越藍(lán)。

熱圖數(shù)據(jù)在桌面和移動(dòng)設(shè)備上都有，你可以通過(guò)三種主要方式查看:

點(diǎn)擊地圖說(shuō)明用戶點(diǎn)擊/點(diǎn)擊頁(yè)面的位置

移動(dòng)地圖說(shuō)明鼠標(biāo)移動(dòng)的位置(不點(diǎn)擊)

滾動(dòng)地圖:演示用戶在頁(yè)面上滾動(dòng)的位置

然后，您可以使用這些數(shù)據(jù)對(duì)頁(yè)面進(jìn)行精煉和優(yōu)化，以滿足您的任何需求。下面是熱圖的一些主要用途。

1. 找到有效的cta

行動(dòng)召喚(cta)可以說(shuō)是網(wǎng)站最重要的部分。它是用戶轉(zhuǎn)換和購(gòu)買(mǎi)商品/服務(wù)的地方。

設(shè)計(jì)cta需要很多東西——從正確的措辭到布局等等。你可以使用熱圖來(lái)查看你的CTA按鈕有多受歡迎。

然后可以縮小用戶忽略的元素的范圍，或者找到一個(gè)區(qū)域來(lái)測(cè)試新的CTA。它幫助你充分利用你的cta，并最大化潛在的機(jī)會(huì)。

2. 測(cè)量滾動(dòng)距離

一般的web用戶不會(huì)滾動(dòng)到每個(gè)頁(yè)面的底部。這就是為什么上面寫(xiě)的東西是如此重要。如果他們感興趣，他們會(huì)讀更多。如果沒(méi)有，他們會(huì)搬到其他地方。

人們從許多不同的設(shè)備、瀏覽器和屏幕大小訪問(wèn)您的站點(diǎn)。不是每個(gè)人都能得到相同的信息。

使用滾動(dòng)地圖，您可以看到平均折疊的位置。有了這些信息，您可以重新安排放置基本信息(包括cta)的位置。這確保了大多數(shù)人都能看到它們。

3.發(fā)現(xiàn)問(wèn)題點(diǎn)擊

每個(gè)網(wǎng)站都有不同的設(shè)計(jì)元素。在一些網(wǎng)站上，你點(diǎn)擊一個(gè)圖片，它會(huì)引導(dǎo)你進(jìn)入另一個(gè)頁(yè)面或網(wǎng)站。在另一些情況下，它會(huì)把圖片放大到全屏。而在一些網(wǎng)站上，點(diǎn)擊完全不起作用。這樣的錯(cuò)誤點(diǎn)擊會(huì)導(dǎo)致用戶體驗(yàn)問(wèn)題。

使用熱點(diǎn)圖，您可以發(fā)現(xiàn)不正確的單擊并修復(fù)問(wèn)題。您可以添加相關(guān)鏈接或刪除功能，使用戶不太可能點(diǎn)擊它們。這也是一個(gè)有用的工具，篩選出網(wǎng)站漏洞和其他可能損害用戶體驗(yàn)的設(shè)計(jì)錯(cuò)誤。

4. 跨所有設(shè)備進(jìn)行優(yōu)化

響應(yīng)設(shè)計(jì)是SEO的關(guān)鍵。響應(yīng)式web設(shè)計(jì)歸結(jié)為適合所有屏幕大小的頁(yè)面。這很棘手，因?yàn)樵诖笃聊簧巷@示的幾行代碼在智能手機(jī)上可能需要大量滾動(dòng)。

熱圖可以顯示移動(dòng)用戶需要滾動(dòng)的位置，以及他們是否在此過(guò)程中錯(cuò)過(guò)了cta。你的目標(biāo)應(yīng)該是一個(gè)在所有屏幕上都好看的設(shè)計(jì)。

最終的想法

下面是一些需要考慮的最后建議。他們不會(huì)幫助你改善你的網(wǎng)站本身，但他們可以幫助最大限度地利用熱圖:

選擇熱圖提供程序。你可以使用很多heat map平臺(tái)，但它們都不是免費(fèi)的。在選擇和堅(jiān)持一段時(shí)間之前，先使用免費(fèi)試用期。

在使用熱圖時(shí)保護(hù)數(shù)據(jù)隱私。使用虛擬專用網(wǎng)(VPN)訪問(wèn)熱點(diǎn)圖和其他重要的在線平臺(tái)。VPN保護(hù)您的互聯(lián)網(wǎng)連接，確保沒(méi)有第三方可以看到或跟蹤您的在線行為。作為一個(gè)額外的好處，你可以使用VPN做一些其他的搜索引擎優(yōu)化，包括做競(jìng)爭(zhēng)對(duì)手的研究和更多。

向客戶顯示熱圖。您的web頁(yè)面可能看起來(lái)非常棒，但是有時(shí)候客戶很難看到它們的效果。所以，除了你的投資組合，為什么不向你的客戶展示他們的熱圖呢?熱圖對(duì)任何人來(lái)說(shuō)都很容易理解，而且只需一瞥，您的客戶就可以看到您對(duì)其站點(diǎn)所做的改進(jìn)及其原因。

最后，熱圖是不可思議的工具。不管你是在設(shè)計(jì)、編輯還是發(fā)布階段，開(kāi)始使用它們來(lái)改進(jìn)用戶體驗(yàn)，實(shí)現(xiàn)你的網(wǎng)站的目標(biāo)。