지도 이미지를 활용하여 활용해 지역별 요약 데이터와 상세 데이터를 시각화할 수 있는 대시보드 레이아웃입니다.
레이아웃 구조
적용 사례
- [유통] 온·오프라인 통합 옴니채널 성과 대시보드
* 목록 : 전국 유통 경로(백화점, 할인점, 온라인)별 매출 실적 조회
* 상세 : 특정 지역/유통경로 클릭 시, 브랜드 또는 상품별 매출 상위 5개 목록 조회하여 유행 품목이나 행사 상품의 성과 확인 - [제조] 공장별 가동률 및 출하 현황 대시보드
* 목록 : 지역별 생산 거점(제1공장, 제2공장, 외주)별 생산품 공급 현황 조회
* 상세 : 특정 지역/거점 클릭 시, 설비별 생산 효율/불량률 상위 5개 목록 조회하여 생산 이슈 또는 판매 이슈 진단 - [물류] 권역별 라스트마일 및 배송 품질 관리 대시보드
* 목록 : 지역별 서비스 타입(풀필먼트, 일반 택배, 신선 배송)별 배송 지연 건수 또는 당일 배송 비율 조회
* 상세 : 특정 지역/서비스 클릭 시, 배송파트너/거점별 품질 하위 5개 목록 조회하여 고객 만족도가 낮은 지역/서비스 즉시 개선
레이아웃 활용 팁
KPI 카드 구현
화면 진입 시 시선이 가장 먼저 머무는 영역에 핵심 지표를 수직으로 쌓아 올린 형태로 사용자가 화면에 진입했을 때 가장 먼저 시선이 머무는 F-자형 시선 흐름의 시작점입니다.수직 형태로 배치해 전체 매출액과 관리 항목별 비중을 직관적으로 인지시키는 역할을 인지할 수 있도록 합니다.
- 지리적 히트맵/심볼 히트맵·심볼 맵 구현
- 우측 가장 넓은 면적을 차지하는 메인 캔버스로 위치 기반 데이터를 시각화하는 중심 축을 영역에 위치에 따른 데이터를 직관적으로 확인할 수 있도록 구현해 보세요.
- 텍스트 데이터보다 공간적 분포(지역별 매출 비중) 를 분포를 즉각적으로 보여줍니다.
피벗 매트릭스 그리드
엑셀을 활용하여 행과 열의 교차 교차하는 지점에 수치를 표기하는 표 형태의 레이아웃을 구성해 보세요.
- 복잡한 쿼리 없이도 다차원 데이터를 체계적으로 요약하여 보여줍니다.
- 동적 데이터/랭킹 리스트목록
- 상단 영역의 선택 결과에 따라 실시간으로 업데이트되는 동적 목록을 구성해 보세요.
- 최종적으로 사용자가 확인해야 할 세부 항목을 보여줄 표시할 수 있습니다.