대시보드 전면 개편 (2탄) — 관리 메뉴 통합, 전체 사이트 통합 A/B 테스트 목록, 표시 속도 개선
- dashboard
- performance
- ab-testing
2026년 7월 1일, HeatMapX 대시보드(heatmapx.com/dashboard)를 2탄 업데이트로 개선했습니다. 6월의 전면 리뉴얼에 이어, 이번에는 "매일의 운영을 더 단순하고 빠르게"를 주제로 메뉴 구성, 목록 표시, 표시 속도를 함께 개선했습니다.
주요 변경 사항
⚙ "관리" 메뉴 신설
사이드바에 "관리" 섹션을 새롭게 마련했습니다. 지금까지 메뉴 안에 섞여 있던 플랜 & 결제와 설정을 "관리" 하위로 모아, 매일 자주 사용하는 기능(히트맵·A/B 테스트)과 가끔씩만 다루는 관리 관련 기능을 명확히 구분했습니다.
- 자주 사용하는 기능은 위쪽에, 관리 관련 기능은 "관리" 하위로 자연스럽게 정리
- 이와 함께 "향후 구현 예정" 표기를 **"향후 출시 예정"**으로 변경 (개발 중인 기능을 한눈에 알 수 있도록)
▤ A/B 테스트 목록을 전체 사이트 통합으로 표시
지금까지는 A/B 테스트 목록을 보려면 먼저 대상 사이트를 선택해야 했습니다. 이번에 사이트 선택 과정을 없애고, 등록된 모든 사이트의 실험을 한 화면에 모아서 표시하도록 변경했습니다.
- 어떤 사이트의 실험이든 하나의 목록에서 한눈에 확인 가능
- 목록에 사이트명 열을 추가해, 어느 사이트의 실험인지 바로 알 수 있도록 개선
- "사이트를 지정하지 않으면 보이지 않는 실험이 있다"는 혼란스러움을 해소
🔗 히트맵 목록의 사이트명을 클릭해서 열 수 있도록 개선
히트맵 목록의 사이트명을 그대로 링크로 만들었습니다. 항상 주황색으로 표시되며, 커서를 올리면 밑줄이 나타나 "클릭할 수 있다"는 것을 한눈에 알 수 있습니다. 목록에서 원하는 사이트로 원클릭으로 이동할 수 있습니다.
🆔 설정에 "계정 ID" 표시
설정 화면에 계정 ID(계정 식별자의 앞 8자리, 일부 마스킹 표시)를 추가했습니다. 고객지원에 문의하실 때 이 ID를 알려주시면 고객 확인이 더 신속해집니다. 표시 전용이며, 변경하거나 외부에 영향을 주지 않습니다.
◻ 플랫 디자인 도입 시작
대시보드 전반을 더 보기 편하고 노이즈가 적은 플랫 디자인으로 단계적으로 전환해 나갑니다. 그 첫걸음으로 입력란의 그림자(드롭섀도)를 제거했습니다. 앞으로도 시각적 노이즈를 줄여, 정보를 더 쉽게 읽을 수 있는 화면으로 계속 다듬어 나가겠습니다.
👣 기존 고객의 홈 화면에도 "시작하기 3단계"
지금까지 신규 고객에게만 표시하던 **"시작하기 3단계"**를 기존 고객의 홈 화면에도 접이식 형태로 표시하도록 변경했습니다. 평소에는 접혀 있어 방해가 되지 않으며, 설치 방법을 다시 확인하고 싶을 때 언제든 펼쳐볼 수 있습니다.
⚡ 표시 속도 개선
화면 전환 시 느껴지던 대기 시간을 대폭 단축했습니다.
- 배포 리전을 도쿄로 고정: 지금까지 대시보드 처리가 미국 리전에서 실행되어, 데이터베이스(도쿄)와의 사이에서 매번 태평양을 오가는 지연이 발생했습니다. 처리를 도쿄 리전으로 고정해 이 왕복 지연을 해소했습니다.
- 홈 화면 집계를 병렬로 처리: 홈 화면에 표시되는 각종 집계를, 순차적으로 대기하며 처리하던 방식에서 동시 병렬 처리로 변경했습니다.
이 두 가지 개선을 통해 사내 측정 결과, 홈 화면 표시 시간이 수 초에서 약 0.2초 수준으로 단축되었습니다. 캐시(임시 저장)에 의존하지 않고 처리 자체를 빠르게 만들었기 때문에, 표시되는 데이터는 항상 최신 상태입니다.
영향 범위
이번 변경은 대시보드의 UI·표시·표시 속도에 관한 것으로, 측정 로직·데이터 구조·API에는 영향을 주지 않습니다. 기존에 설치된 트래커 태그는 그대로 동작하며, 측정 중인 데이터에도 영향이 없습니다.