儀表板全面更新(第二彈)— 管理選單整合・跨網站 A/B 測試總覽・顯示速度提升
- 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。現有已嵌入的追蹤標籤將照常運作,也不會對計測中的資料造成任何影響。