【UI / UX 網頁優化】一讀就懂,如何使用 Windows Clarity 深入客戶行為,提升網頁轉換率

閱讀時間約 4 分鐘
raw-image

Windows Clarity 是一種網站分析產品,讓網站設計師、開發人員可藉由它,更容易觀察用戶在網站的操作行為,協助更快速的優化網站,加強網頁的轉換效果與商業目標的達成。本文將介紹 Windows Clarity 應該如何使用,強化分析能力與優化網站效益。

技巧一:善用儀錶板,了解客戶行為趨勢

Clarity 提供儀錶板,我們可根據整體概況、管道、行為、轉換與效能,去了解整體的網頁狀況,並可點擊旁邊的攝影機或火苗,去觀看與該數據有關的影片錄製或熱度圖。

由於儀表板眾多,本文僅如下圖所示,介紹三個比較特別的儀表板:

儀錶板畫面,取自 Windows Clarity 的 Demo 帳號

儀錶板畫面,取自 Windows Clarity 的 Demo 帳號


1. 深入解析

Windows Clarity 將分析用戶的行為,把用戶在操作網站,遭遇困難時,進行歸類,可分為以下四種:


●「暴怒點擊」:用戶一直點擊某處卻沒有任何反應,顯示用戶認為該處是可以點擊,卻點擊無反應,因此不斷的嘗試點擊。

●「無效點擊」:用戶在空白處或有某元素進行點擊,但頁面本身無任何回應或連結,顯示用戶認為可點擊。

●「過度捲動」:用戶快速的在頁面頻繁捲動,可能表示用戶正在找某樣想要的資訊,但持續沒看到,或者是該頁面沒有提供相關的資訊。

●「快速往返」:用戶點擊該連結後,進入頁面馬上返回上一頁,顯示用戶發現此頁沒有所需的資訊,或是遭遇技術性問題,需要回到上一頁。


2. 漏斗圖:

網站最重要的就是讓用戶完成商業目標,如:電商網站就是希望客戶,可將商品加入購物車並下單購買;B 端企業網站,則是希望客戶在瀏覽網站的同時,可留下聯絡資訊,做進一步的銷售,因此檢視用戶,在整個從進入網站到完成商業目標的歷程,就可以用漏斗圖去進行分析,Windows Clarity 可以提供漏斗的轉換率,並能直接點選攝影機去觀看卡住的地方,讓網站經營者可觀察用戶的行為,去做進一步的優化。


3. 效能概觀:

在做 SEO 優化時,效能也是重要的考量,尤其 Google 有明確地把「最大內容繪製 (LCP)」、「第一個輸入延遲 (FID)」、與「累計版面配置移轉 (CLS))」作為網站效能的指標,雖然坊間都有相關的頁面檢測工具,但 Windows Clarity 可以直接將有問題的頁面列出,並提供影片進行觀看,將有助於說服團隊去進行網站的效能優化。


技巧二:利用條件進行篩選,針對重要的頁面進行分析

Windows Clarity 提供了許多的篩選條件,從用戶資訊、瀏覽狀況、效能與自訂的資訊,我們可以藉由篩選條件,找出特定的族群進行數據的分析與操作影片的觀看,快速地針對該族群,找出洞察,進一步的產生洞察。

篩選畫面,取自 Windows Clarity 的 Demo 帳號

篩選畫面,取自 Windows Clarity 的 Demo 帳號


技巧三:搭配其他數據監控軟體,加強對客戶的了解度

Windows Clarity 雖然有提供部分的瀏覽數據,與真實的操作狀況,但我們依然需要其他的數據監控軟體,提供我們更多的數據,這樣我們可以綜合諸多的數據資料,去了解用戶更多的脈絡,產生更有說服力與好的洞察。如:加裝 Google search console ,可以知道到達頁的用戶搜尋的關鍵字與比例,幫助我們可以綜合 Windows Clarity 的瀏覽狀況,了解更清晰的脈絡,幫助網頁的優化方向;如果是有再投放 Google Ads 廣告,務必要 Windows Clarity 配合查詢字詞,將有助於了解用戶為了什麼意圖去點廣告,並做進一步的優化。

技巧四:善用影片加速與略過非使用中,加速影片觀看效率

瀏覽影片觀看是非常費時的,善用 Windows Clarity 提供了「略過非使用中」,跳過無操作的狀況,將有助於更快速的觀看用戶行為。

略過非使用中,取自 Windows Clarity 的 Demo 帳號

略過非使用中,取自 Windows Clarity 的 Demo 帳號


技巧五:使用 AI ,快速找出客戶的問題方向

在 AI 應用爆發後,Windows 積極的將產品導入生成式 AI 的應用,Windows Clarity 當然也不例外,它可點擊單一影片,或至多十個影片,提供給 AI 進行分析,找出值得優化的方向。


最後:

Windows Clarity 提供影片錄製功能,讓我們知道用戶如何使用我們的網頁,且可搭配各類的功能、或 AI 加速我們做網頁的分析。但如何做到真正的優化,還是依賴我們對自己的網頁的理解、客戶的認識與專業知識,如果缺乏某一塊,即便 Windows Clarity 可以幫助我們知道問題點,我們也無法去做優化。因此培養對商業、用戶行為與專業知識仍是重要的基礎。






avatar-img
56會員
26內容數
專注於研究 UX、行銷領域,用文字作為心得分享。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
吱吱喳喳 的其他內容
本書「行銷 5.0」由被譽為現代行銷學之父,菲利浦.科特勒 ( Philip Kotler)、陳就學(Hermawan Kartajaya)與伊萬.塞提亞宛(Iwan Setiawan),三人合力在 2021 出版,當初有幸在當年末,就購買到翻譯的中文版本,並仔細了閱讀一番,但礙於當時閱讀後,認為作
現代人習慣透過關鍵字搜尋解決問題,B 端顧客也不例外。因此,關鍵字廣告成為獲取 B 端顧客的重要管道。 根據廣告之父大衛奧格威,僅觀看標題的人,遠比有看內容的人多「四倍」,好的標題能吸引 B 端顧客點擊,進而提高轉單率。本文將深入探討撰寫吸引 B 端點擊標題的技巧。 一、 關鍵字廣告標題的作
本書「行銷 5.0」由被譽為現代行銷學之父,菲利浦.科特勒 ( Philip Kotler)、陳就學(Hermawan Kartajaya)與伊萬.塞提亞宛(Iwan Setiawan),三人合力在 2021 出版,當初有幸在當年末,就購買到翻譯的中文版本,並仔細了閱讀一番,但礙於當時閱讀後,認為作
現代人習慣透過關鍵字搜尋解決問題,B 端顧客也不例外。因此,關鍵字廣告成為獲取 B 端顧客的重要管道。 根據廣告之父大衛奧格威,僅觀看標題的人,遠比有看內容的人多「四倍」,好的標題能吸引 B 端顧客點擊,進而提高轉單率。本文將深入探討撰寫吸引 B 端點擊標題的技巧。 一、 關鍵字廣告標題的作
你可能也想看
Google News 追蹤
Thumbnail
歡迎來到我們的Windows教學!在這裡,你將學習如何有效使用Windows操作系統。我們將探索各種基本操作,如文件管理、桌面設置、程式安裝和系統設置。無論你是新手還是希望深入了解Windows的使用者,我們的教學內容都能夠幫助你提升操作技能,使你在日常使用和工作中更加流暢和高效。立即加入我們,開啟
Thumbnail
好的品牌視覺系統,不僅讓你每一次的行銷設計都事半功倍! 也能無形之間為你的品牌不斷行銷,來了解如何透過系統化設計完善你的品牌接觸點吧!
Thumbnail
在網頁設計中,排版是傳達信息和增強用戶體驗的關鍵。一個良好的排版不僅能使網站看起來專業,還能指引用戶高效地獲取信息。以下是網頁設計排版中需要注意的細節。
Thumbnail
In the data-driven world of design, understanding how users interact with your website is crucial.
Thumbnail
UIUX 設計師們,是否時常尋找新的靈感來豐富你的網頁設計?以下介紹三個寶藏網站,將為你的創作之路帶來耳目一新的風景。
Thumbnail
在當代數據驅動的設計領域裡,了解用戶如何與你的網站互動是至關重要的。Microsoft Clarity是一款功能強大的用戶分析工具,它提供的直觀見解可以幫助開發者和設計師深入掌握用戶行為,從而優化用戶體驗和提升網站性能。
Thumbnail
在當今這個以用戶為中心的網頁設計及App設計時代,分析用戶流程已成為提升產品用戶體驗的不可或缺的工具。一個流暢、直觀的用戶流程可以顯著提高用戶滿意度並提升任務完成率。以下是一個簡單的四步驟框架,幫助設計師和產品經理分析並改進用戶流程。
Thumbnail
前篇測試如何把提示詞生成的圖像細節提高,這篇要測試的工作流是把任意圖像載入後經由放大模型放大,同時測試放大後重繪看看效果如何。
Thumbnail
歡迎來到我們的Windows教學!在這裡,你將學習如何有效使用Windows操作系統。我們將探索各種基本操作,如文件管理、桌面設置、程式安裝和系統設置。無論你是新手還是希望深入了解Windows的使用者,我們的教學內容都能夠幫助你提升操作技能,使你在日常使用和工作中更加流暢和高效。立即加入我們,開啟
Thumbnail
好的品牌視覺系統,不僅讓你每一次的行銷設計都事半功倍! 也能無形之間為你的品牌不斷行銷,來了解如何透過系統化設計完善你的品牌接觸點吧!
Thumbnail
在網頁設計中,排版是傳達信息和增強用戶體驗的關鍵。一個良好的排版不僅能使網站看起來專業,還能指引用戶高效地獲取信息。以下是網頁設計排版中需要注意的細節。
Thumbnail
In the data-driven world of design, understanding how users interact with your website is crucial.
Thumbnail
UIUX 設計師們,是否時常尋找新的靈感來豐富你的網頁設計?以下介紹三個寶藏網站,將為你的創作之路帶來耳目一新的風景。
Thumbnail
在當代數據驅動的設計領域裡,了解用戶如何與你的網站互動是至關重要的。Microsoft Clarity是一款功能強大的用戶分析工具,它提供的直觀見解可以幫助開發者和設計師深入掌握用戶行為,從而優化用戶體驗和提升網站性能。
Thumbnail
在當今這個以用戶為中心的網頁設計及App設計時代,分析用戶流程已成為提升產品用戶體驗的不可或缺的工具。一個流暢、直觀的用戶流程可以顯著提高用戶滿意度並提升任務完成率。以下是一個簡單的四步驟框架,幫助設計師和產品經理分析並改進用戶流程。
Thumbnail
前篇測試如何把提示詞生成的圖像細節提高,這篇要測試的工作流是把任意圖像載入後經由放大模型放大,同時測試放大後重繪看看效果如何。