[Tableau 데이터 시각화 정리] : 4. UX를 고려한 대시보드 디자인

대시보드 UX 설계하기 

• Exploratory analysis : 탐색적으로 분석하면서 패턴과 인사이트를 찾아가는 과정
• Explanatory analysis : 중요한 메트릭을 강조하면서 특정한 인사이트를 설명하는 대시보드 → 사용자를 염두해둠

why : 유저가 대시보드를 사용하는 이유
what : 대시보드의 기능
How: 시각적으로 잘 디자인 되었는가

 

유저가 누구인가?

• C-Level : 핵심 KPI와 인사이트만! pdf 다운로드, 캡처본 메일 송부(구독) 등을 이용할 수 있음. 인사이트를 위해서 태블로 온라인에서 알림을 만들 수 있음
• 분석가 동료 : 탐색적 분석이 가능하게! (대시보드 액션을 많이 추가하여 각 질문에 대한 인사이트를 직접 획득 할 수 있도록)
• 전체: tableau와 상호작용하는 방법을 모른다는 가정 하에 자세한 사용방법 제시

 

* 참고) the big book of dashboards 홈페이지 : 다양한 대시보드 템플릿을 활용가능

 

프로젝트 목표에 따른 기능 구현

• 목표 : 조직의 비즈니스 목표이해와 KPI 설정
• 우선순위 : 요구사항 우선순위 설정 후 워크시트에 필요한 data와 calculation 파악 
• 인사이트 : 유저의 질문에 답을 줄 수 있는 높은 수준의 인사이트가 담긴 view 생성 

순서 
1. 요구사항 정리 후 우선순위 결정
2. 우선 순위에 따른 워크시트 view name 설정
3. view 제작에 필요한 data field 결정
4. 어떤 calculation이 요구되는 지 파악
5. 유저에 따라 적합한 visulaization 생성 (KPI, TOP N, 색맹팔레트 등)

 

디자인 요소 고려 

1. 목적성을 가지고 디자인 하기

• 컬러는 최대 5개 이하, 최대한 심플하게, 목적성을 가지고 사용하기
• 대시보드 개체별로 폰트 크기 고정하기 (대시보드 제목/ 시트 제목 / 설명)

태블로 퍼블릭에서 지원되는 폰트목록 (맥/윈도우 공통)

 

대시보드 개체별 글꼴 크기

• 레이아웃 : 유저가 집중할 중요한 view 또는 필터는 대시보드 상단 좌측에 배열하기
  • 그리드 표시 기능
  • 컨테이너 가로/세로 기능
  • BANS : 가장 중요한 KPI 지표들을 텍스트로만 나타낸 것
  • 캔버스 추천 크기 : 1300*850 / 1000*600

레이아웃

 

2. 유저의 사용성 개선하기

• 직관적인 아이콘(ex.디테일과 음영 없는 라인 아이콘) 과 대시보드 액션으로 사용성 높이기
• 디테일 챙기기 (도구설명, 참조선, 동적인 워크시트 제목 등)

 

UX 체크리스트 

1. 대시보드의 목적이 무엇인가?
2. 대시보드의 유저는 누구인가
3. 어떤 포맷으로(web, pdf, ppt)로 배포되는가?
4. 어떤 디스플레이(노트북, 테블릿, 모바일)에서 사용되는가?
5. 대시보드 설명 및 사용 방법이 함께 적절하게 제공되고 있는가?