【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 可以幫助我們知道問題點,我們也無法去做優化。因此培養對商業、用戶行為與專業知識仍是重要的基礎。






5會員
4內容數
專注於研究 UX、行銷領域,用文字作為心得分享。
留言0
查看全部
發表第一個留言支持創作者!
你可能也想看
【3大必看網頁設計資源】提升你的UI UX設計UIUX 設計師們,是否時常尋找新的靈感來豐富你的網頁設計?以下介紹三個寶藏網站,將為你的創作之路帶來耳目一新的風景。
Thumbnail
avatar
Digiworld
2024-03-15
UI/UX 產品製作的三大核心重點產品製作的核心因素有三個重點,分別為:使用者(誰在用)、需求(為什麼用)、場景(在哪裡用)。這些因素對於任何產品的成功都是相當重要的。
Thumbnail
avatar
收收UIUX
2024-03-04
UI/UX 設計師的產品思維在當今這個以使用者為中心的設計領域,產品思維不僅是設計師的一項附加技能樹,而是成為塑造成功產品的核心因素。
Thumbnail
avatar
收收UIUX
2024-03-03
【UX UI設計學堂】6個優質 Icon網站必須要收藏在這個視覺導向的數位時代,有吸引力的圖標不僅能夠增強用戶體驗,還能夠在提供信息的同時帶來美學的享受。無論是網頁設計、App開發還是內容創造,都需要一套完善的圖標庫來使他們的作品更加出色。以下是六個值得一探的優質圖標網站,它們以其豐富的圖庫和出色的設計而著稱。
Thumbnail
avatar
Digiworld
2024-02-24
UI/UX的進化過程-PUI、CLI、GUI、NUI、OUI、VUI、BCI其實在以前工業時代的產品就已經有了UI/UX的人機互動基礎,只是當時沒有像現在這樣重視使用者對產品的使用體驗感受,不過我們還是可以透過回顧歷史,看看UI/UX是怎樣往前發展至現在的模樣,甚至近期有一些新技術已經在某些族群中默默地發展著!
Thumbnail
avatar
Jielin designer-UI/UX 產品設計一點通
2023-12-18
[ 閱讀筆記 ] 打造最強網頁 UI/UX 設計腦 - 設計師都該懂得絕佳設計.通用法則書籍重點以及想解決的問題: 如何抽絲剝繭出客戶要求的本質? 如何做出合乎設計法則的設計? 如何站在使用者立場思考、解決問題?
Thumbnail
avatar
YJ
2023-10-23
這些雷別踩!UIUX設計師的遊戲化學習網站-Uxcel在開頭我想直接說「uxcel真的是我相見恨晚的一個學習管道!」 每每繪製新產品或功能UI,一定會在電腦前苦惱「要選擇A做法好,還是B做法好?」、「設計側邊菜單有沒有什麼訣竅?」,或是設計稿都快完成了,才發現還有小細節沒有做到! 實際使用 Uxcel 一個月下來,我想它對於設計師可以是一個學習
Thumbnail
avatar
K的下班後一角
2023-08-28
UI/UX技能樹-定義問題在UI/UX設計的過程中,定義問題往往是最具挑戰性的部分。設計師需要理解使用者的需求、期望和行為,並將這些理解轉化為實際的設計解決方案。
Thumbnail
avatar
收收UIUX
2023-07-14
【畢業季老屁股分享】平面/網頁/APP/UIUX設計職涯|期許新工作許順利的祭品(一)畢業超過 10 年了,中間遇到公司或團隊解散、因病休養、半認真半玩票的遊戲實況,工作性質和產業經歷不少,在這裡盡可能把還記得的寫出來,希望能作為一點參考。 大學不算本科,都是自學(都在玩縫紉機):
Thumbnail
avatar
Kiwi
2021-05-21
網路新創的UIUX打怪人生十五關,你闖過幾關了?過去我曾經在幾家新創工作過,也自己創業過,加上近幾年開始從事 UX 教學,所以我遇過的網路產業設計師們,起碼是三、五百人起跳,如果是近兩年約出來喝過咖啡的人數,大概超過50人以上。 或許是出於職業病,我習慣用訪談的心態,問問大家過得好嗎?如何進入網路產業的?雖然每個人進入點以及出新手村的方法不同,但
avatar
獸群之心 / Soking
2021-01-25