실습으로 배우는 태블로 4주차 - 2 (대시보드 설계와 구성)

학습 목표

• 대시보드의 목적 및 지표를 설정하고, 대시보드 전체 설계 프로세스 학습

---

대시보드 구축 프로세스

• 대시보드 뷰어 및 목적 선정: 누가 보는 대시보드인지
• 문제 정의: 어떤 목적으로 쓰는 대시보드인지
• 필요한 데이터 선정 및 데이터 마트 구축: 어떤 데이터가 필요할지(매출 데이터, 고객 데이터)
• 지표 선정: 어떤 지표를 선정해야할지
• 스케치: 어떻게 대시보드 레이아웃을 구성할지 & 색상으로 강조
• 시각화: 어떤 그래프를 활용할지
• 대시보드 생성
• 액션: 대시보드에서 어떤 의사결정과 액션을 수립할 수 있을지
• 완성된 대시보드 게시 또는 대시보드팀 뷰어 권한 부여

---

지표 정의 및 선정(가장 중요한 부분)

 

비즈니스 별 지표 선정

• 산업과 주요 비즈니스 모델에 따라 자주 발생하는 문제와 핵심 지표가 달라짐

 

메트릭 하이라키

• 중요한 문제를 Level 1, 그 다음 Level 2, ...로 지표의 중요도를 위계 질서로 표현

 

[연습 문제] Superstore 활용해서 2023년 매출을 증대로 목표로 하는 상황에서 가장 중요한 지표 3가지 선정

• 카테고리, 판매금액, 판매수

---

대시보드 기능

• 바둑판식 기능과 부동 기능으로 구성
• 컨테이너(가로, 세로)와 뷰가 존재

 

바둑판식 기능

• 컨테이너의 뷰가 서로 겹치지 않으며, 전체 대시보드 크기에 따라 크기가 자동 조정

 

부동 기능

• 자유도가 높아, 시계열 예측처럼 다른 뷰와 겹칠 수 있음

 

피그마와 부동 기능

• 피그마 툴과 태블로 부동 기능을 활용하면 전문적이고 깔끔한 대시보드 생성 가능

Tableau x Figma: Leveraging Figma in Dashboard Design

 

대시보드 레이아웃

• 일관된 레이아웃
  • 그리드 표시(격자)
• 레이아웃 크기 설정
• 뷰어의 유형에 따라 3가지 버전 중 선택하여 대시보드 크기 선택 가능
• 데스크톱 버전, 태블릿 버전, 모바일 전화 버전

---

대시보드 설계

 

대시보드 구성

• 대시보드 계층 구조화
  • 상단: 주요 지표
  • 하단: 그래프 시각화

 

대시보드 스케치

• 좋은 대시보드 만들기 위해서는 대시보드 스케치와 디자인 구성이 중요
• 작업 전에 태블로 워크시트, 종이, PPT 등을 활용해 초안을 스케치

 

전주의적 속성

• 어떤 것을 보자마자 뇌에서 바로 알아차릴 수 있도록 강조하기 위한 시각화 속성
• 핵심 정보를 한 눈에 파악할 수 있도록 방향, 길이, 너비, 색상 요소들을 활용해 강조

 

컬러 선정

• RGB 색상 및 컬러 조합을 맞추어서 시각화하면 뷰어 관점에서 직관적으로 한눈에 들어오기 쉬움
• 일관된 색상(무지개 x) 사용, 특정 정보(변수간의 차이, 카테고리 구분 등) 색상 강조
• 컬러 조합 사이트: Canva, Color-hex, Colormind, Colorate

 

[연습 문제] Superstore 활용해 대시보드 스케치

• 대시보드를 크게 상단과 하단으로 나누어 대시보드 전체 구성을 스케치
  • 대시보드 상단: 지표 최소 4가지 선정
  • 대시보드 하단: dimension별 매출 관련 분석 및 시각화