관련링크

트레이스 분석을 위한 와탭 히트맵이 달라졌습니다

안녕하세요, 와탭랩스입니다.

와탭랩스는 사용자의 사용 패턴 분석과 고객의 소중한 의견을 6개월 동안 수집하였습니다. 그 결과, 애플리케이션 모니터링 서비스에서 빈번하게 활용되는 히트맵 영역의 분석 동선과 사용성 개선 및 기능을 보완했습니다. 와탭의 대표 상품 애플리케이션 모니터링의 히트맵 서비스를 개선했습니다.

통계 관점에서 트랜잭션 분석을 보다 쉽고 직관적으로 할 수 있도록 히트맵이 어떻게 바뀌었는지 소개하겠습니다.

컬럼 추가, 수정, 위치 변경이 쉬워졌습니다

이번 업그레이드를 통해 히트맵 트랜잭션 페이지에서는 사용자의 우선 순위에 맞춰 컬럼을 수정, 추가, 위치 변경을 할 수 있도록 바꿨습니다. 이제 데이터 중요도와 유형에 따라 컬럼 적용과 그룹핑하여 원하는 정보를 좀 더 편하고 직관적으로 확인하실 수 있습니다.

체크박스 형태로 컬럼 추가, 수정, 위치 변경이 가능

여러 개의 트랜잭션을 한 번에 모니터링 할 수 있도록 분석 동선과 사용성을 개선했습니다

기존 히트맵 차트에서는 특정 블럭 범위 영역을 드래그하면 히트맵 트랜잭션 페이지로 이동했습니다. 이동한 페이지에서 히트맵을 반복 드래그하여 트랜잭션 내 이슈를 확인하는 방법으로 구성되었는데, 데이터 분석을 위해 결과를 확인하기까지 접근 동선이 복잡한 한계가 있었습니다.

경로: [애플리케이션 대시보드] → 히트맵 위젯에서 드래그

기존 화면에서는 히트맵 트랜잭션으로 이동하더라도 한 화면에서 두 개 이상의 트랜잭션 트레이스를 확인하기 어려운 구조였습니다. 업데이트한 화면에서는 히트맵 차트를 드래그하면 트랜잭션 리스트와 각 트랜잭션 하위의 스택 정보를 한 번에 볼 수 있도록 트레이스 분석 팝업으로 바뀌었습니다.

팝업으로 해당 정보를 제공해 한 화면에서 조회 원하는 구간 데이터를 각각 비교하기 용이합니다. 또한, 히트맵 영역을 교차 분석할 수 있게 되었으며, 페이지 이동 없이 트랜잭션 선택에 따라 즉시 스택 정보를 확인할 수 있게 되었습니다. 여러 부분의 트랜잭션을 분석하고 싶다면 이제 트랜잭션을 드래그 해서 비교 및 분석해 보시기 바랍니다.

트레이스 분석을 위해 가독성을 높였습니다

기존에는 트랜잭션 리스트와 트랜잭션 스택 데이터가 분리되어 리스트 안에서 두 개 이상의 트랜잭션을 분석하기 위해 모달을 열고 닫아야 했습니다. 업데이트한 화면에서는 트랜잭션 분석 팝업창으로 통합했습니다. 히트맵 드래그 후 호출되는 트레이스 분석 팝업이 좌우로 배치되어 있습니다. 트랜잭션 선택한 즉시 우측에 스택 정보를 탭으로 그룹화하여 모달을 열고 닫는 행위를 최소화하도록 설계했습니다.

기존 트랜잭션 테이블 뷰

새로워진 트레이스 분석의 테이블 뷰

기존 레코드 요약 뷰

새롭게 바뀐 레코드 요약 뷰

애플리케이션 대시보드 메인 화면이 아닌 메뉴에서 확인하고 싶으시다면 [분석] → [히트맵 트랜잭션] 선택 후 히트맵을 드래그하면 트랜잭션 트레이스 리스트에서 분석하고 싶은 URL을 클릭하면 트랜잭션 분석 창을 통해 비교 분석이 가능합니다.

경로: [분석] → [히트맵 트랜잭션]

화면 폭을 사용자가 조절할 수 있도록 개선했습니다

새롭게 바뀐 히트맵 트레이스 분석에서는 이상치 탐지를 보다 편하게 할 수 있도록 분할된 화면으로 페이지 이동 없이 트랜잭션 선택에 따라 즉시 스택 정보를 확인할 수 있습니다. 또한, 중앙의 핸들러를 통해 분할 화면 폭을 조정해 원하는 사이즈로 화면을 볼 수 있습니다.

트랜잭션 리스트 데이터를 더 쉽게 찾을 수 있도록 테이블 구조로 배치했습니다

기존 트랜잭션 리스트 및 테이블 뷰 스택 정보를 텍스트 파일(.txt) 파일을 볼 때, 가독성이 비교적 떨어졌는데요. txt 파일과 SQL 파일을 다운로드 받으면 테이블 구조로 데이터를 배치, 정렬해 보다 쉽게 원하는 데이터를 찾을 수 있도록 개선했습니다.

와탭랩스는 앞으로도 고객이 보내주시는 소중한 의견과 데이터를 반영해 보다 더 나은 서비스를 제공하고 업데이트 하도록 최선을 다하겠습니다.

함께 보면 좋은 링크

• AI 기반 히트맵 패턴 알림 소개
• 히트맵 트랜잭션 살펴보기
• 트랜잭션 트레이싱