1. 대시보드의 목적
대시보드는 다음 세 가지 질문에 답할 수 있어야 합니다:
- 시장의 성장세/하락세를 확인할 수 있는가?
- 상품군별 비중을 비교할 수 있는가?
- 기별 상품군 소비 형태를 분석할 수 있는가?
2. 기본에 충실한 대시보드 설계
1) 필수 정보 포함
- 기간: 데이터를 분석하는 기준 기간(예: 연도, 분기, 월 등).
- 단위: 데이터를 측정하는 단위(예: 매출액, 비율, 사용자 수 등).
- 축(Labeling): 그래프의 축에는 적절한 단위와 명확한 레이블이 표시되어야 합니다.
2) 불필요한 정보 제거
- 과도한 참고 정보나 복잡한 시각적 요소는 대시보드의 가독성을 떨어뜨릴 수 있습니다.
- 예: 모든 데이터 라벨을 표시하기보다는 핵심 데이터만 강조.
- 간결하고 필요한 데이터만 시각화.
3) 시각적 요소의 일반성
- 사용자들이 쉽게 이해할 수 있는 표준적인 디자인 사용:
- 중요한 정보는 상단에 배치하고 굵은 글씨나 큰 폰트로 강조.
- 좋은 상태와 나쁜 상태를 구분하기 위해 색상을 활용:
- 긍정적 상태: 녹색, 파란색.
- 부정적 상태: 빨간색, 주황색.
3. 전주의적 속성 활용
- *전주의적 속성(Pre-attentive Attributes)**은 사용자가 시각화에서 중요한 정보를 빠르게 파악할 수 있도록 돕는 요소입니다.
- 색상: 강조하고자 하는 데이터 포인트에 눈에 띄는 색 사용.
- 크기: 중요할수록 더 큰 크기로 표시.
- 위치: 시선이 자연스럽게 상단에서 하단으로 이동하도록 배치.
- 모양: 특이한 아이콘이나 기호를 사용하여 특정 데이터를 강조.
4. 사용자 친화적인 대시보드 구성
- 레아웃 설계
- 좌측 상단: 가장 중요한 KPI(Key Performance Indicator)를 배치.
- 중앙: 데이터 비교를 위한 차트(예: 상품군 비중, 기별 소비 형태).
- 하단: 보조 정보나 필터(예: 기간, 지역 선택).
- 필터와 인터랙션 추가
- 사용자 정의 필터: 지역, 기간, 상품군 등으로 데이터를 동적으로 탐색 가능.
- 하이라이트 기능: 특정 데이터 포인트 클릭 시 관련 정보 강조.
- 단순성과 가독성
- 차트 간 간격과 여백을 유지하여 혼잡함 방지.
- 한 화면에 너무 많은 정보를 담지 않기.
5. 차트 유형 추천
- 시장의 성장세/하락세
- 라인 차트: 시간에 따른 변화 시각화.
- 막대 차트: 연도별 성장률 비교.
- 상품군별 비중 비교
- 파이 차트 또는 트리맵: 상품군별 비율을 시각적으로 비교.
- 스택형 바 차트: 상품군의 비중과 전체 대비 구성.
- 기별 상품군 소비 형태
- 히트맵: 소비 형태를 색으로 표시.
- 버블 차트: 상품군의 소비 패턴을 비주얼화.
6. 예시 레이아웃
css
코드 복사
+-----------------------------+
| [KPI 카드: 주요 지표] |
+-----------------------------+
| [라인 차트: 성장세] |
+-----------------------------+
| [스택형 차트: 상품군 비중] |
| [히트맵: 소비 형태] |
+-----------------------------+
| [필터: 기간, 지역] |
+-----------------------------+
7. 정리
- 목적 중심으로 대시보드를 설계하되, 기본에 충실하여 중요한 정보를 명확히 표시.
- 전주의적 속성과 색상, 위치, 크기를 활용해 사용자 경험을 향상.
- 사용자가 데이터와 상호작용할 수 있도록 필터와 인터랙션 기능 추가.
