眼動追踪軟件：如何看到用戶所見可以改善您的在線營銷

在在線營銷中，這一切都歸結為消費者在屏幕上移動他們的眼睛。 雖然點擊和轉化是營銷漏斗不可或缺的一部分——銷售最終是最終目標——但所有這一切都取決於眼球運動。

• 那個標題是你花了這麼多時間精心構建的，阻止人們在他們的軌道上停下來，還是他們只是跳過它？
• 你的 CTA 按鈕呢？ 它是否足夠大膽讓人們甚至考慮點擊？

著陸頁軟件用於衡量點擊率、轉化率、銷售額等，但營銷人員還需要一種方法來了解消費者是否將他們的注意力指向了該指向的地方——一種衡量視覺影響的切實方法他們的內容。

這就是眼動追踪軟件發揮作用的地方。

什麼是眼動追踪？

簡而言之，眼動追踪衡量人們在網頁上的位置和時間。

借助眼動追踪軟件的視覺數據，您可以看到一個人在您的頁面上首先看的位置、其次看的位置，以及他們如何注視這些區域。 您還可以查看頁面上是否有他們根本沒有查看的區域。

此信息可幫助營銷人員發現用戶最感興趣和最不感興趣的頁面元素，因此他們可以相應地調整他們的網頁設計和廣告工作。

儘管今天的營銷人員比過去更頻繁地使用眼動追踪軟件，但這項技術遠非新鮮事物。 事實上，眼動追踪研究可以追溯到 1800 年代後期。

眼動追踪簡史

1879 年，Louis Emile Javal 注意到人們不能流暢地閱讀一頁，但他們會在某些單詞上停頓或放慢速度，而在其他單詞上快速移動。

Edmund Huey 然後創建了一個設備，用於在閱讀過程中跟踪眼球運動。 雖然它允許 Huey 在閱讀時觀察讀者的視線（包括他們停在哪些詞上），但該設備非常具有侵入性且佩戴不舒服。

1931 年，厄爾、詹姆斯和卡爾·泰勒發明了眼底檢查儀和節拍器——用於在閱讀時記錄眼球運動並訓練人們更有效地閱讀的設備。

多年來，由於成本高昂，眼動追踪主要用作醫學領域的研究工具。 直到 1980 年代，它才被其他領域（包括營銷）更廣泛地使用。

這時，營銷人員開始使用眼動追踪來衡量雜誌廣告的有效性。 然後，在 1990 年代後期，世界上最大的廣告和營銷機構之一 EURO RSCG 開發了眼動追踪技術來測量對網絡內容的反應。

在過去的十年中，眼動追踪軟件的使用頻率比以往任何時候都要高。 在市場營銷方面，它被大量用於開發有效的廣告活動和網站設計。

眼動追踪軟件和在線營銷

眾所周知，創建一個美觀、美觀的頁面對於吸引消費者的眼球是不可或缺的——但同樣重要的是每個組件在頁面上的位置。 無論您是創建主頁、點擊後登錄頁面還是任何其他類型的網頁，每個元素都必須巧妙且有策略地放置，以便訪問者正確注意到。

為此，了解人們如何在線閱讀內容至關重要。 通過眼動追踪研究，營銷人員了解到最常見的兩種設計模式是 F-Pattern 和 Z-Pattern 佈局。

F-Pattern 佈局通常用於高密度網頁，在這種情況下，人們的視線會以 F 甚至 E 的形狀移動到網站副本和其他視覺效果上。

• 首先，他們掃描頁面頂部以閱讀重要的標題
• 然後，在頁面左側向下，記下數字或項目符號
• 接下來，再次跨頁閱讀副標題或粗體文本

這種模式沿著頁面繼續向下，當讀者在路徑上發現有趣的東西時會停下來。

這是 ServiceNow 遵循 F 模式的點擊後登錄頁面：

• 訪問者首先會看到粗體標題和紅色 CTA 按鈕。
• 然後他們會從頂部掃描到平板電腦上的男人的圖像。
• 接下來，在頁面左側向下找到在頁面上水平延伸的編號列表。
• 最後，他們將繼續向下瀏覽到潛在客戶捕獲表單和第二個 CTA 按鈕。

Z-Pattern 是另一種常用的設計模式，但這主要用於具有最少副本的頁面。 在這種情況下，最重要的元素應以 Z 形位於頁面上，以便您可以有意識地控制查看者眼睛的移動位置。

• 頂部的水平線應突出顯示觀眾應該首先註意到的主要組件
• 對角線應包括導致您的號召性用語的任何關鍵信息
• 最後，底部水平線應以 CTA 為特色

同樣，這種模式可以繼續沿頁面向下創建盡可能多的 Z 形狀，以顯示所有基本元素。

Expo Pass 創建了這個點擊後登錄頁面，在整個頁面上有多個 Z 模式：

請注意 Z 路徑的每個轉折點上都有一個 CTA 按鈕，使它們對訪問者更加突出。

熱圖如何發揮作用？

熱圖是一種數據可視化，它使用顏色編碼系統來顯示訪問者如何與網頁交互以及在網頁上的行為。 使用熱圖來獲取這些重要信息有助於營銷人員決定要進行 A/B 測試的頁面元素。

營銷人員通常使用幾種不同類型的熱圖：

• 鼠標移動熱圖，用於指示訪問者如何移動鼠標並將鼠標懸停在頁面的各個部分上
• 單擊地圖以跟踪重要按鈕的性能，例如 CTA 按鈕
• 滾動地圖以顯示訪問者如何向下滾動網頁
• 當然，眼動追踪熱圖可以準確顯示訪問者在網頁上查看的位置

鼠標移動熱圖和眼球追踪熱圖之間存在很強的相關性，因為它們使用類似的技術。 主要區別之一是鼠標移動技術提供來自實際網站訪問者的數據，而眼動追踪技術提供來自在正常環境之外被研究的人的樣本數據。 考慮到這一點，重要的是要承認眼動追踪軟件提供的結果接近 100% 的準確度，而鼠標移動的準確度約為 85-90%。

新的 Instapage Heatmap Visualizer 提供 3 合 1 跟踪功能，以提供有關鼠標移動、點擊和滾動深度的洞察力。

鼠標移動

點擊次數

滾動深度

現在讓我們看看眼動追踪熱圖如何能夠極大地幫助營銷人員了解他們的消費者並改進他們的在線營銷策略。

眼動追踪熱圖

關於上面提到的 F-Pattern - 這是眼動追踪熱圖上的佈局：

顏色鍵如下：

• 紅色 = 觀看次數最多且最受關注
• 黃色 = 一些觀點，但較少固定
• 藍色 = 更少的視圖和幾乎沒有任何固定
• 灰色 = 幾乎沒有任何意見和固定

雖然在眼動追踪研究中經常研究 F 和 Z 模式，但在眼動追踪方面還有其他設計策略和最佳實踐需要考慮。

源自眼動追踪研究的最佳實踐

通過這七個眼動追踪洞察，您可以影響訪問者的注意力和注視點。

1. 將最有價值的內容放在首屏

由於您通常只有 8 秒的時間來吸引訪問者的注意力，因此您必須將最重要和最吸引人的內容放在首屏以立即吸引訪問者。

另外，正如您從下面的熱圖中看到的，折疊上方的內容被查看最多：

2.讓標題大而大膽

除了寫一個可讀的、易受影響的標題外，將它設計得大而粗也很重要。 這很簡單——你的標題越大越大膽，人們就越有可能閱讀它。

3. 將副本分成小塊

人類往往不容易吸收大量的文本塊。 相反，我們傾向於瀏覽網頁上的文本，只查看最容易消化的信息。

因此，最好將您的網頁內容分解為短段落或信息塊，使用標題、編號列表、項目符號等來引起注意。

4. 使用圖像來實現特定目標

網頁上的圖像有多種用途。

在網上看一個人通常會引起對觀眾的理解、認同和信任的積極生理反應。 事實上，人臉圖像增加了觀看次數，鼓勵了互動，並降低了跳出率。

圖像也會影響訪問者的視線。 一些熱圖研究（包括下面的研究）表明，人們在瀏覽網頁時傾向於跟隨人眼的方向。

5.利用頁面左側

研究表明，網站的左側首先被查看，而且比右側更頻繁。

事實上，網絡用戶通常花費大約 69% 的時間查看頁面的左半部分，而只有大約 30% 的時間查看右半部分。

6.利用對比

根據加州理工學院的一項神經科學研究，當消費者匆忙並承受壓力時，視覺衝擊比他們的個人偏好更能影響他們的決定。 換句話說，當您的網站訪問者匆匆忙忙時，他們不太可能考慮自己的個人偏好，而更有可能根據對他們來說最突出的內容和最關注的內容做出決定。

7.在頁面底部放置CTA按鈕

而頁面的頂部是最常查看的，而底部是第二個最常查看的。 這是因為當人們在網頁上滾動時，他們傾向於直接向下滾動到底部。 當然，這是 CTA 按鈕的理想位置。

這個 Crazy Egg 熱圖顯示了頁面上的幾個號召性用語。 如您所見，頁面左側底部的 CTA 按鈕最受關注：

使用眼動追踪來改善您的在線營銷

儘管不可能強迫消費者購買您的產品或服務，但知識就是力量。 使用眼動追踪研究和熱圖來構建您的頁面，可以更好地控制訪問者將注意力集中在您頁面上的位置。 這增加了他們採取行動的機會，進而可以改善您的網站、轉化率和業務。

立即註冊 Instapage Enterprise 演示。