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

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

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

什么是熱圖?

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

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

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

點擊地圖說明用戶點擊/點擊頁面的位置

移動地圖說明鼠標(biāo)移動的位置(不點擊)

滾動地圖:演示用戶在頁面上滾動的位置

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

1. 找到有效的cta

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

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

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

2. 測量滾動距離

一般的web用戶不會滾動到每個頁面的底部。這就是為什么上面寫的東西是如此重要。如果他們感興趣，他們會讀更多。如果沒有，他們會搬到其他地方。

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

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

3.發(fā)現(xiàn)問題點擊

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

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

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

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

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

最終的想法

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

選擇熱圖提供程序。你可以使用很多heat map平臺，但它們都不是免費的。在選擇和堅持一段時間之前，先使用免費試用期。

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

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

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