【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
留言分享你的想法!
avatar-img
吱吱喳喳
68會員
44內容數
專注於研究 UX、行銷領域,用文字作為心得分享。
吱吱喳喳的其他內容
2025/04/03
競品研究是 UX 設計的重要工具,若未理解其背後的商業邏輯,可能會優化錯方向。透過分析發現 UI 設計雜亂,便進行資訊分類與介面優化。然而,實際測試卻顯示,使用者更偏好原本的「雜亂」設計,因為它能提升操作效率。這次經驗讓我反思:競品的缺陷可能是有意為之,UX 設計不能只憑專業判斷,還需考量實務需求。
Thumbnail
2025/04/03
競品研究是 UX 設計的重要工具,若未理解其背後的商業邏輯,可能會優化錯方向。透過分析發現 UI 設計雜亂,便進行資訊分類與介面優化。然而,實際測試卻顯示,使用者更偏好原本的「雜亂」設計,因為它能提升操作效率。這次經驗讓我反思:競品的缺陷可能是有意為之,UX 設計不能只憑專業判斷,還需考量實務需求。
Thumbnail
2025/03/01
本書探討多裝置體驗設計,作者 Michal Levin 提出 3C 框架(一致性、持續性、互補性設計),協助設計師打造更符合使用者需求的多裝置生態系統。文中強調在多裝置情境下,幫助產品設計師、產品經理和使用者研究員提升產品競爭力。
Thumbnail
2025/03/01
本書探討多裝置體驗設計,作者 Michal Levin 提出 3C 框架(一致性、持續性、互補性設計),協助設計師打造更符合使用者需求的多裝置生態系統。文中強調在多裝置情境下,幫助產品設計師、產品經理和使用者研究員提升產品競爭力。
Thumbnail
2025/01/17
《觀察的力量》一書,作者詹恩‧奇普切斯分享其一百九十一個國家的研究經驗,教導讀者如何從平凡情境中觀察市場商機,並透過顧客門檻地圖、物品分析、信任生態等方法,創造非凡產品。本書適合使用者研究員、設計研究者、產品設計師閱讀。
Thumbnail
2025/01/17
《觀察的力量》一書,作者詹恩‧奇普切斯分享其一百九十一個國家的研究經驗,教導讀者如何從平凡情境中觀察市場商機,並透過顧客門檻地圖、物品分析、信任生態等方法,創造非凡產品。本書適合使用者研究員、設計研究者、產品設計師閱讀。
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
易用性的第一定律就是「別讓我思考」。瞭解人類的思考系統,強化第一系統的網站設計方法,包括善用使用者過去的網頁觀看經驗,強化互動元件的預設用途提示,建立內容的視覺層次,整合選項,預設同意以及製作圖像的範例教學。提高網站的易用性,強化使用者對網站的體驗。
Thumbnail
易用性的第一定律就是「別讓我思考」。瞭解人類的思考系統,強化第一系統的網站設計方法,包括善用使用者過去的網頁觀看經驗,強化互動元件的預設用途提示,建立內容的視覺層次,整合選項,預設同意以及製作圖像的範例教學。提高網站的易用性,強化使用者對網站的體驗。
Thumbnail
資訊架構就像是網站的地圖,讓用戶快速找到所需的資訊。好的資訊架構可提升使用者滿意度、強化 SEO、增進擴充性、達成商業目標。資訊架構可透過使用者訪談、卡片分析、競品分析、使用者測試等方法設計。在設計資訊架構時,需考量用戶的認知方式、目標客群、資訊分類等因素。定期檢驗資訊架構,才能確保用戶體驗。
Thumbnail
資訊架構就像是網站的地圖,讓用戶快速找到所需的資訊。好的資訊架構可提升使用者滿意度、強化 SEO、增進擴充性、達成商業目標。資訊架構可透過使用者訪談、卡片分析、競品分析、使用者測試等方法設計。在設計資訊架構時,需考量用戶的認知方式、目標客群、資訊分類等因素。定期檢驗資訊架構,才能確保用戶體驗。
Thumbnail
SEO服務優化是根據搜尋引擎運作原理及用戶搜尋行為,對網站進行技術和內容上的優化,提升網站排名和自然搜尋流量。天盈達提供全面、專業的本地與國際SEO服務優化,助你增加生意轉換率,吸引更多的國際流量,提高品牌知名度和銷售業績。
Thumbnail
SEO服務優化是根據搜尋引擎運作原理及用戶搜尋行為,對網站進行技術和內容上的優化,提升網站排名和自然搜尋流量。天盈達提供全面、專業的本地與國際SEO服務優化,助你增加生意轉換率,吸引更多的國際流量,提高品牌知名度和銷售業績。
Thumbnail
Windows Clarity 是一種網站分析產品,讓網站設計師、開發人員可藉由它,更容易觀察用戶在網站的操作行為,協助更快速的優化網站,加強網頁的轉換效果與商業目標的達成。本文將介紹 Windows Clarity 應該如何使用,強化分析能力與優化網站效益。
Thumbnail
Windows Clarity 是一種網站分析產品,讓網站設計師、開發人員可藉由它,更容易觀察用戶在網站的操作行為,協助更快速的優化網站,加強網頁的轉換效果與商業目標的達成。本文將介紹 Windows Clarity 應該如何使用,強化分析能力與優化網站效益。
Thumbnail
免費SEO優化電子書, 省下5000元, 一萬七千多字完全免費送! SEO優化電子書目錄 【SEO基礎知識】 什麼是SEO? SEO搜尋引擎的運作原理 【關鍵字研究】 SEO關鍵字研究的方法有哪些? SEO關鍵字分析工具 在進行關鍵字研究時,使用一些專門的關鍵字分析工具可以幫
Thumbnail
免費SEO優化電子書, 省下5000元, 一萬七千多字完全免費送! SEO優化電子書目錄 【SEO基礎知識】 什麼是SEO? SEO搜尋引擎的運作原理 【關鍵字研究】 SEO關鍵字研究的方法有哪些? SEO關鍵字分析工具 在進行關鍵字研究時,使用一些專門的關鍵字分析工具可以幫
Thumbnail
本文章介紹了搜尋引擎優化 (SEO) 策略,包括關鍵字策略、內容品質、行動相容性、頁面載入速度等。此外,也談及內容行銷、社群媒體互動、電子郵件行銷、付費廣告、影響者合作 (Influencer Partnership) 及使用者體驗 (UX) 優化。提供了優化網站流量的建議。
Thumbnail
本文章介紹了搜尋引擎優化 (SEO) 策略,包括關鍵字策略、內容品質、行動相容性、頁面載入速度等。此外,也談及內容行銷、社群媒體互動、電子郵件行銷、付費廣告、影響者合作 (Influencer Partnership) 及使用者體驗 (UX) 優化。提供了優化網站流量的建議。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News