[Tableau] 실습으로 배우는 태블로 : 대시보드 설계와 구성

 

 

 

 

 

 

 

✳️ 대시보드 구축 프로세스

🖼️ 대시보드 구축 프로세스

1️⃣ 대시보드 뷰어 및 목적 선정
누가 보는 대시보드일까요?

2️⃣ 문제 정의
어떤 목적으로 쓰는 대시보드일까요?

3️⃣ 필요한 데이터 선정 및 데이터 마트 구축 (실무)
어떤 데이터가 필요할까요? (매출 데이터, 고객 데이터 등)

4️⃣ 지표 선정
어떤 지표들을 선정해야할까요?

5️⃣ 스케치
어떻게 대시보드레이아웃을 구성할까요?
어떤 컬러로 강조를 해야할까요?

6️⃣ 시각화
어떤 그래프를 활용해야할까요?

7️⃣ 대시보드 완성!

8️⃣  대시보드에서 이끌어내는 액션
대시보드에서 어떤 의사결정과 액션을 수립할 수 있을까요?

9️⃣ 완성된 대시보드 게시 또는 대시보드팀 뷰어 권한 부여 (실무)

 

 

 

✳️ 대시보드 기본 기능

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

 

💟 바둑판식 기능

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

 

💟 부동 기능

• 부동 기능을 선택하면 [실습]6-4.시계열 예측처럼 다른 뷰와 겹칠 수 있음

 

💟 피그마와 부동 기능

• 피그마 툴과 태블로 부동 기능을 활용하면 조금 더 전문적이고 깔끔한 대시보드를 만들 수 있음!

 

💟 대시보드 레이아웃

🟣 일관된 레이아웃

🟪 그리드 표시

 

🟪 여백 설정

 

🟣 레이아웃 크기 설정

• 뷰어의 유형에 따라 3가지 버전 중 선택하여 대시보드 크기를 선택이 가능함
  • 데스크톱 버전
  • 태블릿 버전
  • 모바일 전화 버전

 

 

 

✳️ 대시보드 설계

💟 대시보드 구성

🟣 대시보드 계층 구조화

• 상단과 하단으로 크게 섹션을 나누어 구성
• 상단에는 주요 지표를 배치

 

🟣 Z 패턴

• 일반적인 대시보드 디자인 레이아웃은 Z패턴에 해당
• 대시보드 한 페이지를 볼 때 대시보드 사용자의 눈 초점이 Z 모양을 순서대로 이동하는 패턴을 의미

📎왼쪽 상단 : 가장 중요한 지표와 그래프
📎오른쪽 상단 : 두번째로 중요한 정보
📎왼쪽 하단 : 세번째로 중요한 정보
📎그 외 세부적인 정보 : 오른쪽 하단에 배치

 

💟 대시보드 스케치

• 대시보드를 작업하기전에 태블로 워크시트, 종이, PPT 등 툴을 활용해서 초안을 스케치 함

 

💟 전주의적 속성

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

 

💟 컬러 선정

• 대시보드를 구축할 경우, RGB 색상 및 컬러 조합을 맞추어서 시각화하면 직관적으로 한눈에 들어오기 쉬움
• 일관된 색상(무지개 색상 X) 사용 , 특정 정보(변수간의 차이, 카테고리 구분 등) 색상 강조

🟪 컬러 조합 사이트

• Canva
• Color-hex
• Colormind
• Colorate