HeatMapXHeatMapX
價格登入

儀表板全面更新(第二彈)— 管理選單整合・跨網站 A/B 測試總覽・顯示速度提升

HeatMapX Engineering Team4 min read
  • dashboard
  • performance
  • ab-testing

2026 年 7 月 1 日,我們對 HeatMapX 儀表板(heatmapx.com/dashboard)進行了第二彈更新。繼 6 月的全面翻新之後,這次以「讓日常操作更簡單、更快速」為主題,一併改善了選單結構、列表顯示與顯示速度。

主要變更內容

⚙ 新增「管理」選單

我們在側邊欄中新增了「管理」區塊。將原本混雜在選單中的「方案與帳單」與「設定」整合到「管理」之下,明確區分日常常用的功能(熱圖、A/B 測試)與偶爾才使用的管理類功能。

  • 依照自然的排列方式整理:常用功能置於上方,管理類功能歸於「管理」之下
  • 同時將原本的「即將實裝」標示改為「即將發布」,讓開發中的功能一目了然

▤ A/B 測試總覽支援跨網站顯示

過去在查看 A/B 測試總覽時,必須先選擇目標網站。這次我們取消了網站選擇步驟,將所有已註冊網站的實驗整合顯示在同一個畫面中。

  • 可在單一列表中一覽所有網站的實驗
  • 列表中新增「網站名稱」欄位,可立即得知該實驗屬於哪個網站
  • 解決了「不指定網站就看不到某些實驗」這種容易造成混淆的問題

🔗 熱圖列表中的網站名稱可點擊開啟

我們將熱圖列表中的「網站名稱」直接改為連結。網站名稱固定以橙色顯示,滑鼠移至上方時會出現底線,讓您一眼就能看出「可以點擊」。從列表即可一鍵前往目標網站。

🆔 在設定頁面顯示「帳戶 ID」

我們在設定頁面新增了「帳戶 ID」(帳戶識別碼的前 8 碼,部分以遮罩顯示)。當您聯絡客服時,告知此 ID 有助於我們更快速地確認您的帳戶。此欄位僅供顯示,不會變更任何設定,也不會對外部造成任何影響。

◻ 開始導入平面化設計

我們將逐步把整個儀表板調整為更易於閱讀、視覺雜訊更少的「平面化設計」。作為第一步,我們移除了輸入欄位的陰影效果(drop shadow)。今後也將持續減少視覺雜訊,打造更容易閱讀資訊的畫面。

👣 既有使用者的首頁也新增「新手三步驟」

過去僅顯示給新客戶的「新手三步驟」,現在也會以「摺疊形式」顯示在既有客戶的首頁畫面中。平時保持摺疊狀態,不會造成干擾,當您想重新確認安裝方式時,隨時都能展開查看。

⚡ 顯示速度提升

大幅縮短了切換畫面時的等待時間。

  • 將部署地區固定為東京:過去儀表板的處理作業是在美國地區執行,每次都需要與位於東京的資料庫進行跨太平洋的來回通訊。我們已將處理作業固定於東京地區,消除了這種來回延遲。
  • 首頁統計資料改為並行取得:將首頁顯示的各項統計資料,從原本依序等待的序列處理,改為同時並行取得

透過這兩項改善,根據內部測試,首頁的顯示時間已從原本的數秒縮短至約 0.2 秒左右。由於是直接加快處理速度本身,而非依賴快取(暫存),因此顯示的資料始終保持最新狀態

影響範圍

本次變更僅涉及儀表板的使用者介面、顯示內容與顯示速度,不會影響計測邏輯、資料結構或 API。現有已嵌入的追蹤標籤將照常運作,也不會對計測中的資料造成任何影響。

從 Claude Code 執行的熱圖,免費開始。

貼上一行追蹤標籤,從 CLI 取得分析與改善建議。