了解用戶行為是最好的網站設計
已發表: 2020-08-14
在本文中，我們將討論如何在您的網站上跟踪客戶行為、UX 網站分析的創新，以及使用熱圖跟踪用戶行為以實現最佳網站設計的所有原因。
你會發現：
- 什麼是用戶行為？
- 用戶體驗設計如何影響在線商店或網站的推廣？
- 什麼是帶有熱圖工具的用戶行為分析？
- 為什麼網站點擊您需要跟踪的內容
- 通過網站點擊和滾動分析的用戶行為
- 實時網站示例上用戶行為的視覺呈現
本文中與用戶行為相關的所有示例均基於使用Plerdy heatmap收集的超過 4000 萬次點擊的獨特統計數據。
想想你買東西的那一刻，你更有可能回憶起你的感受而不是產品。 與在線商店或網站的任何互動都會記錄在您的情緒記憶中，並且是您在網站上的行為的一部分。
什麼是用戶行為？
今天，網絡提供了大量的產品和服務，我們可以足不出戶訂購。 例如，如果您在谷歌上搜索“訂購披薩”，搜索結果會顯示超過 11 億個優惠。 這同樣適用於許多其他類別的產品。
這就引出了一個問題：您是否意識到您網站的用戶體驗可能會引發可能導致 99% 的潛在買家離開的負面情緒和行為？ 以下是一些統計數據，可以說服您檢查您的網站是否存在任何 UX 問題並跟踪您的分析：
- 79% 的客戶承認，如果當前的網站不符合他們的期望，他們會尋找另一個網站。
- 96% 的智能手機用戶遇到過沒有移動版本或不適合移動顯示的網站。
- 52% 的用戶表示負面的移動體驗使他們不太可能與您的公司互動。
- 63% 的用戶在多種類型的設備（智能手機、平板電腦、筆記本電腦、PC 等）上瀏覽產品或服務。
有很多類似的用戶行為數據證明了跟踪用戶體驗（UX）對於數字營銷和在線客戶的重要性。 因此，讓我們討論您需要了解的有關 UX 分析的所有信息。
用戶體驗設計如何影響在線商店或網站的推廣？
提供信息架構和可查找性服務的諮詢公司總裁 Peter Morville 確定了以下影響網站用戶體驗和行為的因素：
換句話說，具有良好用戶體驗的網站必須是：
- 有用
網站內容應充分滿足客戶的需求並喚起積極的行為。
- 可用
易用性仍然是用戶體驗的重要組成部分，並提供良好的用戶行為。
- 可取的
所有圖像、品牌和設計元素都應該引人注目，並激發積極的情緒和行為。
- 無障礙
所有網站元素和內容必須可供殘障人士訪問。
- 可信的
您在網站上發布的所有內容都應該可靠且準確，以使用戶信任您。 這改善了他們在網站上的行為。
- 可找到
內容必須結構良好並具有清晰的導航。
如果滿足確保良好網站用戶體驗和行為的所有這 6 個因素，網站訪問者將喜歡使用您的資源並表現出良好的行為。 因此，值得跟踪這些因素。
然而，不僅提到的統計數據和分析結果證明用戶體驗起著重要作用。 最近，谷歌出版了一本108頁的在線書籍——UX playbook 。 它充滿了關於如何通過 UX 增加銷售額的經過測試的技巧。 該評論基於對廣泛的研究、分析和文章的 A/B 測試。 在研究了數千個零售網站後，Google Analytics 發現存在某些通用的用戶體驗元素。
本書包含一個清單，有助於在 6 個關鍵領域分析和改進移動網站的用戶體驗：
- 主頁/登陸頁面。
- 菜單和導航。
- 搜索。
- 類別/產品。
- 轉換。
- 形式優化。
優質的網站用戶體驗不僅可以改善客戶在您網站上的行為，還可以提高您的搜索排名。 請注意，移動網站的可用性是200 個最重要的排名因素之一。 新的谷歌移動優先索引方法也非常關注網站用戶體驗。
✨ 不要錯過：包容性網頁設計的終極指南 + 操作技巧
什麼是帶有熱圖工具的用戶行為分析？
大多數在線商店使用類似的分析來跟踪用戶行為。 他們這樣做是因為主觀認為所有現有的網絡資源都已經過測試，並且對潛在客戶來說非常方便。 實際上，每個網站或在線商店都有一個獨特的目標受眾，他們的行為可能與您的不同。
這就是為什麼要了解潛在客戶在您的在線商店中的行為方式，您需要使用點擊熱圖。
使用此分析地圖收集的數據將使您能夠更多地了解用戶的偏好和行為。 您還將看到阻止客戶完成購買的任何障礙或缺陷。
這樣的研究和跟踪方法可以幫助提高在線商店的轉化率和更好的用戶體驗。
使用熱圖分析工具跟踪用戶行為
這些跟踪工具收集數據並按用於查看網站的設備類型和用戶在其上的行為對其進行細分。
這些的另一個優點是能夠跟踪與所有動態網站元素（彈出窗口、菜單等）的行為交互。 同樣，一切都是實時發生的。
這些熱圖處理網站跟踪數據，不僅可以檢測點擊發生的位置，還可以記錄點擊的順序。 分析工具按百分比將頁面分為 5 個部分，並跟踪每個部分的點擊次數。 它還跟踪滾動深度，這也是用戶行為的一個非常重要的方面。 您可以使用這些用戶行為數據來定義最適合放置重要信息的位置（點擊次數最多的區域）。
讓我們更多地談談我們通過跟踪和研究用戶在各種網絡資源的頁面上的體驗和行為獲得的數字和結果。
基於熱圖數據的用戶行為分析
用戶行為不同，取決於網站主題、流量來源和網站訪問者的意圖。 為了更精確的用戶行為分析，我們從各種來源收集了大約 1 億次點擊。 這些交互是在具有不同主題和功能的網站上進行的。
這是按流量來源分組的總點擊次數圖表。 我們在後續的用戶行為研究中依賴於這些分析數據。
按設備類型劃分總點擊次數
從圖中可以看出，PC 上的點擊次數最多。 移動設備的點擊次數明顯減少，最少的點擊歸因於平板電腦用戶。
眾所周知，移動流量逐年穩步增長，這也影響著用戶行為。 這就提出了一個合乎邏輯的問題：為什麼大多數點擊仍然是在桌面上進行的？
答案很簡單。 當用戶從移動設備訪問網站時，他們僅出於特定目的而點擊（轉到另一個頁面、選擇按鈕或活動鏈接）。 其餘時間他們滾動。 當用戶從 PC 瀏覽時，他們經常將鼠標懸停在文本上，突出顯示元素，複製它們，或者進行所謂的空點擊（在網站元素之外點擊）。 有針對性的點擊僅包含全部交互及其行為的一部分。
點擊前鼠標懸停分析
該圖清楚地顯示了桌面網站版本的用戶在單擊之前懸停元素的頻率更高（停止至少 2 秒）。 這意味著他們仔細閱讀內容或猶豫不決。
一旦您了解了一般行為模式（基於不同流量來源和設備的點擊），您就可以預測網站訪問者的行為和行為，並幫助他們更有效地使用您的網站。
為了更詳細地跟踪、分析和預測用戶行為，我還準備了一個圖表，顯示頁面各部分之間的點擊分佈。
根據滾動深度和設備類型的點擊分佈
下圖顯示了點擊次數如何取決於設備類型和頁面部分：
如您所見，用戶在頁面第一部分的點擊次數最多（0-20%）。 即使您將其他部分的點擊次數加起來，它仍然更少。
該圖還顯示，即使從頁面的第二部分（20-40%）開始，點擊量也顯著下降。 這意味著您需要規劃內容的結構。 對用戶最重要的信息應始終放在第一部分，因為這對於形成積極的行為非常重要。
當然，並非所有頁面都是相同的。 它們可能有不同的尺寸和設計。 然而，這張圖傳達了一個主要思想——如果你想留住客戶，請將號召性用語放在頁面頂部。
取決於頁面部分的點擊序列分佈
上一張圖顯示了主要信息的放置位置，下一張圖有助於了解用戶如何瀏覽網頁以及他們最常做的事情。
點擊序列有意按設備類型進行分段。 這對於更清晰地了解用戶行為的整體情況是必要的。
PC 上點擊序列的分佈
該圖顯示大多數用戶第一次點擊頁面頂部的某個位置 (0-20%)。 此外，第二次（20-40%）及以下頁面的首次點擊次數急劇下降。
這樣的分佈也表明，不同頁面板塊的第一次點擊次數總是高於第二次、第三次等點擊次數。
我們可以從這張圖中得出什麼結論？
在他們第一次點擊後，許多用戶離開頁面去另一個頁面或完全關閉網站。 少得多的用戶繼續瀏覽頁面並與網站進行交互。
智能手機上點擊序列的分佈
移動設備用戶的情況類似。 然而在這種情況下，頁面第一部分 (0-20%) 和第二部分 (20-40%) 的點擊次數之間的差異更為顯著。
這意味著任何移動網站版本都應在頂部包含所有必要的信息。 用戶不太可能向下滾動以搜索更多詳細信息。
平板電腦點擊序列的分佈
這種比較對於針對不同類型的設備優化網站並提供積極的用戶行為至關重要。 例如，您的桌面版本可以在頁面頂部包含大量信息，而移動版本的空間有限。 在設計移動網站以改善用戶行為時，請務必考慮到這一點。
取決於頁面部分的滾動深度分佈
下圖顯示了用戶在不點擊的情況下滾動頁面的深度。
根據這些指標，我們可以檢測到從頁面特定點開始的滾動深度逐漸下降。 對於頁面的每個部分，用戶數量都會減少。 我們走得越低，繼續滾動的訪問者就越少。 由於大部分點擊是在頁面的第一部分進行的，因此該圖也顯示從第二部分開始下降。
為什麼網站點擊您需要跟踪的內容
為了確保潛在客戶在您的網站上感到舒適，您需要知道他們在登陸頁面後首先做什麼。 所以這是值得追踪的。
了解他們進行了哪些點擊，他們訪問了哪些部分，以及他們在銷售漏斗的哪個階段離開了您的網站。 不同網站元素的點擊次數可以回答以下問題：
- 用戶喜歡您網站上的哪些內容以及阻止他們購買的原因是什麼？
- 為什麼一個網站頁面的轉化率高於另一個？
- 為什麼您的網站跳出率高（或者單獨的頁面退出率高）？
- 您的網站是否包含任何看起來不可點擊的元素？
- 內容好嗎？ 如何增加它的滾動深度？
- 放置內部 URL 和有趣優惠的最佳位置在哪裡？
- 特定頁面上顯示的彈窗是否合適且有效？ （如果大多數用戶關閉了彈出窗口，您應該嘗試將其刪除，看看他們在沒有它的情況下會如何表現）。
- 您的號召性用語和其他元素是否有效？
只有掌握了這些信息，您才能減少不滿意的客戶數量，增加積極的用戶行為，並贏得新客戶。
通過網站點擊和滾動分析的用戶行為
您可以在安裝跟踪腳本後立即查看 Plerdy 的點擊和滾動熱圖的數據切片。 只需按 Ctrl-Alt-H 即可打開分析工具的側邊欄以跟踪用戶行為。 統計數據分別顯示在每個頁面上。 跟踪信息在實時網站上實時顯示，而不是像 Hotjar 等許多類似分析工具使用的屏幕截圖。 這使您可以跟踪動態元素並避免在頁面和主儀表板之間切換。
儀表板包含按用戶行為的特定參數分組的所有收集的分析數據。 查看影響客戶行為的網站性能偏差非常方便。
實時網站示例上用戶行為的視覺呈現
熱圖跟踪工具用於分析網站訪問者的行為，以找出哪些功能按鈕（轉發到相應部分）具有最高的點擊率。 最受歡迎的元素是用戶可以輸入他們想要分析的網站的 URL 或域的字段。 根據跟踪數據，該字段被點擊了 10612 次，而“搜索”按鈕只有 1890 次點擊。
因此，我們可以假設其他用戶只是單擊Enter ，然後等待結果或完全離開網站。
如果網站所有者忽視這種行為模式，他們將失去大量用戶。 幸運的是，通過單擊Enter，訪問者可以運行鏈接分析。 唯一的問題是分析速度很慢，這可能會促使人們離開頁面。
除了元素上的總點擊次數外，您還可以查看用戶首先點擊的元素/塊。 這使您可以了解在訪問者登陸頁面後立即吸引他們注意的內容以及這如何影響他們的行為。
單獨針對直接流量對搜索欄的 CRT 進行的單獨分析表明，該元素佔直接流量點擊總數的 12.3%（直接流量佔 47%）。 這意味著雖然搜索欄在此頁面上被突出顯示，但用戶也會單擊其他分散注意力的元素，這會影響他們的行為。
如果您想知道您的網站訪問者首先點擊的位置以及這如何決定他們的行為，分析熱圖可能非常有用。 它們不僅按流量來源過濾首次點擊，還按點擊序列過濾。
例如，通過這種方式，您可以了解來自自然流量的訪問者首先點擊的位置以及他們的行為。
讓我們回到之前頁面不同部分的點擊序列圖，進一步分析客戶行為。
查看此截圖後，我們可以再次得出結論，所有點擊中有 97.6% 發生在第一個屏幕上。 因此，頁面的其他 4 個部分效果較差且很少被點擊。
對鼠標懸停的分析表明，用戶與元素的交互非常快。 儘管大多數訪問者是在 PC 上瀏覽網站，但訪問者點擊的時間不到 2 秒。
滾動深度的情況類似。 Serpstat 網站的主頁包含八個 1920×1080 像素的滾動屏幕。 根據收集的數據，只有 5% 的用戶查看了第二個屏幕，或者換句話說，滾動了第二個屏幕，因此第二個屏幕上的行為效率不高。
滾動深度分析數據再次證明幾乎沒有人檢查網站的下部，因此幾乎沒有行為。 在那裡放置任何其他元素幾乎沒有用處。
最後的話
所以這是我與 Plerdy 團隊一起進行的研究。 希望它能幫助您進行網站用戶體驗分析和對用戶行為的理解。