[태블로(Tableau)]Tableau 대시보드 디자인 팁 | 효과적인 태블로 대시보드 디자인 가이드 7가지

2023-09-05
조회수 3509


데이터로 새로운 경험을 만드는 기업, 빅스데이터(BigxData)입니다.

혹시 Tableau를 사용하여 데이터시각화를 디자인할 때 몇 가지 중요한 사항을 알고 계신가요? 오늘 콘텐츠를 통해 더 효과적인 데이터시각화를 만들어 보시길 권유 드립니다.



🕟 콘텐츠 요약하기

1. 데이터시각화를 디자인할 때 중요한 꿀팁을 소개합니다.
2. Tableau 대시보드 디자인의 핵심 요소와 팁을 소개합니다.
3. 데이터를 더 효과적으로 시각화하고 사용자 경험을 개선하기 위한 가이드라인을 제공합니다.
4. 데이터시각화를 좀 더 전문적으로 다루고자 하는 분들에게 유용한 정보를 제공합니다. 


👇 INDEX

1. 목적을 명확하게 설명하기
2. 레이아웃, 순서의 중요성 이해하기
3. 적절한 크기와 색상 선택하기
4. 텍스트, 레이블 제공하기
5. 사용자 경험 개선하기
6. 시각화 디자인 패턴 적용하기
7. 유지보수 및 확장성 고려하기
+ 결론 및 태블로 대시보드 예시



1. 목적을 명확하게 설정하기

Tableau 대시보드 디자인의 첫 번째 단계, 즉 가장 중요한 부분은 대시보드의 목적을 명확하게 설정하는 것입니다. 대시보드를 디자인할 때 어떤 정보를 전달하고자 하는지, 대시보드를 사용하는 사용자는 누구이며 그들이 어떤 작업을 수행할 수 있는지 등을 고려해야 합니다. 두 예시를 통해 서로 다른 목적에 따라 어떻게 디자인하는지 살펴봅시다.


구분
매출 추이 분석 대시보드
고객 만족도 조사 대시보드
목적회사의 매출 추이 파악 및 분기/제품별 매출 비교 분석을 위함
회사의 고객 만족도 조사 결과를 시각적으로 보여주고 향후 개선 방안을 모색하기 위함
구성매출추이 : 라인 차트
분기별 매출 : 막대 차트
제품별 매출 : 누적 막대 차트
필터 조건 : 날짜, 제품명

지역별 만족도 평균 점수 : 맵 차트
만족도 대비 불만족 비율 : 원형 차트
만족도 변화 추이 : 라인 차트
항목별 만족도 점수 : 가로 막대 차트

디자인 팁1) 매출 추이 파악을 위한 차트
시간의 흐름에 데이터의 변화를 잘 보여주는 라인 차트 사용

2) 분기별 매출 비교 분석을 위한 차트
항목 간 비교 분석을 쉽게 할 수 있는 막대 차트 사용

3) 제품별 매출 비교 분석을 위한 차트
항목 내 비유를 쉽게 보여줄 수 있는 누적 막대 차트 사용

4) 필터 조건 꿀팁
- 추이를 보여주는 차트 필터 조건에 날짜 삽입을 권장
- 제품 필터는 모두 적용하기 보다 제품별 매출 차트에 적용

1) 지역별 만족도 평균 점수를 위한 차트
위치적 연관성을 함께 볼 수 있는 맵 차트 사용

2. 만족도 대비 불만족 비율 파악을 위한 차트
직관적인 항목별 비율 이해가 가능한 원형 차트 사용

3. 만족도 변화 추이
시간의 흐름에 따른 만족도 변화 추이는 라인 차트 사용

4. 항목별 만족도 점수
직관적인 항목 간 크기 비교가 가능한 가로 막대 차트 사용


📊 2개의 대시보드 간 차이점

매출 추이 분석 대시보드는 기업의 매출 추이를 이해하고 예측하기 위해 사용됩니다. 즉, 시계열 데이터를 시각화 하고 분석하는 것에 중점을 두어야 하죠. 

시계열 분석을 위해서는 가장  대표적으로 라인 차트가 사용되며 다양한 차트와 조합을 이룰 수 있습니다. 예상되는 정보 소비자는 비즈니스 리더, 재무, 영업 부서에서 원할 경우가 많습니다.

반면, 고객 만족도 조사 대시보는 기업이 고객의 만족도를 측정하고 개선하기 위해 사용됩니다. 따라서 설문조사나 피드백같은 형태의 데이터를 시각화 하는 것에 중점을 둡니다. 

자주 사용하는  차트로는 워드 클라우드가 있고 특정 제품이나 서비스에 대한 피드백 분석을 위해 특정 차원을 기준으로 데이터를 분류하여 비중을 비교할 수 있는 도넛 차트나, 누적 막대 차트도 자주 쓰입니다. 예상되는 정보 소비자는 마케팅 팀, CS팀이 원하는 경우가 많습니다.

결과적으로 목적 및 데이터의 유형에 따라 시각화 방법 및 디자인이 달라지며 정보 소비자 층의 요구 사항을 충족시키는 것이 중요합니다.



2. 레이아웃과 순서의 중요성 이해하기

Tableau 대시보드에서 "레이아웃"과 "순서"는 매우 중요합니다. 

레이아웃은 시각적 효과를 높이고, 대시보드의 흐름과 사용자의 이해를 돕는 역할을 합니다. 레이아웃에 따라 전반적인 디자인과 사용자의 만족도에 큰 영향을 끼치게 되죠. 

순서는 대시보드에서 가장 중요한 정보를 강조하는 데 도움이 됩니다. 이에 따라 중요도를 분류하고 효과적인 Drill-Down 분석을 할 수 있게 되는 것이죠.

태블로 대시보드에 "레이아웃"과 "순서"의 역할을 아래와 같이 정리하였으니 보시고 참고하시길 바랍니다.


▶️ 레이아웃

- 레이아웃은 대시보드에 포함된 시각화 요소의 배치 및 크기를 결정합니다.

- 좋은 레이아웃은 사용자가 정보를 빠르게 찾을 수 있도록 도와줍니다.

- 가장 중요한 정보를 눈에 띄게 배치하고, 관련 정보를 함께 표시하여 정보의 이해를 돕습니다.

- 레이아웃에 따라 전반적인 디자인과 사용자의 만족도에 큰 영향을 끼치게 됩니다.


▶️ 순서

- 순서는 곧 시각화 요소에서 우선순위를 의미합니다.

- 정보 소비자는 시각화 요소를 위에서 아래로 또는 좌에서 우로 확인하는 성향까지 이해하여 순서를 정해야 합니다.

- 중요도에 따라 먼저 표시하는 두괄식 순서를 권장 드립니다.




3. 적절한 크기와 색상 선택하기

Tableau 대시보드에서는 적절한 "크기"와 "색상"을 선택하는 것이 매우 중요합니다. 

크기는 대시보드의 레이아웃과 균형을 유지하는 데에 중요한 역할을 합니다. 

색상은 대시보드에서 강조하고자 하는 정보를 시각적으로 강조하는 데 도움이 됩니다.

태블로 대시보드에 "크기"와 "색상"의 역할을 아래와 같이 정리하였으니 보시고 참고하시길 바랍니다.


▶️ 크기

- 대시보드에 정보를 찾을 때 중요한 역할을 합니다.

- 시각화 요소를 눈에 띄게 만들어 주고 빠른 인사이트 도출이 가능할 수 있도록 돕는 적정한 크기를 찾습니다.

- 적정한 크기 배치를 위해서는 각 시각화 요소들의 크기를 적절하게 조절하는 것이 필요합니다.


▶️ 색상

- 좋은 색상의 구성은 시각적으로 보기 편한 대시보드로 만들어 줍니다.

- 정보 소비자가 정보를 쉽게 이해할 수 있도록 만들어줍니다.

- 특정 정보를 강조하거나 서로 연결되어야 할 때 사용됩니다.




4. 텍스트 및 레이블 제공하기

Tableau 대시보드에서 "텍스트"와 "레이블" 사용법도 매우 중요합니다.
빅스데이터 홈페이지 블로그에 게재한 콘텐츠도 아래 텍스트를 클릭하여 확인해 보시길 바랍니다.

새로운 데이터시각화 경험하기|태블로 텍스트와 레이블 활용 전략 편↗️

"텍스트"와 "레이블"은 태블로 대시보드에서 정보를 전달하고, 대시보드의 사용자가 데이터를 이해하고 상호작용할 수 있도록 돕는 역할을 합니다. 글꼴, 스타일, 크기 등을 조절하여 대시보드에서 사용자가 쉽게 읽을 수 있는 텍스트 및 레이블을 제공하는 것이 좋습니다.


구체적으로 태블로 대시보드에서 "텍스트"와 "레이블"은 어떤 도움을 주고 있을까요?


▶️ 데이터의 이해를 돕습니다.
시각화로 전달 시 부족한 점은 레이블과 텍스트를 활용하여 추가 정보를 제공함으로써 이해를 도울 수 있습니다.

▶️ 데이터의 분석을 돕습니다.
시각화 결과물의 특정 부분에 대한 자세한 정보를 제공할 수 있습니다. 예를 들어 어떤 막대그래프가 특이점을 보이는 경우, 해당 막대그래프에 대한 레이블을 추가하고 그 이유를 설명할 수 있습니다.

▶️ 디자인을 개선합니다.
텍스트도 딱딱하기만 하지는 않습니다. 어떤 폰트를 쓰는지, 스타일은 두껍게 혹은 기울게 하여 그 자체로 디자인 요소를 통해 표현할 수 있습니다. 사용자의 관심을 끌고, 대시보드에서 필요한 정보를 더 쉽게 찾을 수 있도록 돕습니다.

▶️ 데이터 품질을 개선합니다.
어떻게 사용하는 지에 따라 데이터 품질을 개선할 수 있습니다. 예를 들어, 데이터가 누락되거나 불완전한 경우, 이를 텍스트로 표현하여 담당자가 다시 확인하여 점검하도록 구성할 수 있고 이를 통해 정보소비자는 보다 정확하게 이해할 수 있게 됩니다.




5. 사용자 경험 개선하기

Tableau 대시보드에서 사용자 경험을 개선하는 것도 중요합니다. 

사용자가 대시보드를 사용할 때 불편함을 느끼지 않도록 대시보드를 설계해야 합니다. 

필터 및 파라미터 설명, 대시보드 간 이동, 대시보드의 크기 조절, 인터랙티브 기능 추가 등을 고려하여 사용자 경험을 향상시킬 수 있는 방향을 늘 모색해야 하죠.

그렇다면 어떻게 사용자 경험을 개선시킬 수 있을지 구체적인 팁을 한번 알아볼까요?


▶️ 필터 및 파라미터 설명
필터 및 파라미터의 목적을 설명해 사용자가 어떤 값을 선택해야 하는지 명확하게 전달할 수 있도록 합니다.

▶️ 대시보드 간 이동
대시보드 간의 이동이 필요한 경우 네비게이션을 사용해 사용자가 쉽게 전환할 수 있도록 합니다.

▶️ 대시보드 크기 조절
대시보드의 크기를 자동 조절하거나 사용자가 크기를 조절할 수 있도록 하여 사용자가 대시보드를 편리하게 사용할 수 있도록 합니다.

▶️ 인터랙티브 기능 추가
인터랙티브한 기능을 추가하여 사용자가 데이터를 더 깊이 파악하고, 원하는 정보를 찾을 수 있도록 합니다.




6. 시각화 디자인 패턴 적용하기

데이터시각화 디자인 패턴은 데이터를 시각화하는 과정에서 유용한 디자인 아이디어와 원칙을 모은 것입니다. 이러한 패턴은 데이터시각화의 목적을 달성하기 위한 UI/UX 측면에서 중요한 역할을 합니다.

자세하게 어떤 역할을 수행하고 있을까요?


▶️ 사용자 이해도 향상 
- 시각적 표현 방법을 표준화하여 누구나 쉽게 이해할 수 있도록 돕습니다.
- 일관성있고 직관적이며 신규 대시보드인 경우도 더 쉽게 이해할 수 있습니다.

▶️ 재사용을 통한 효율적인 디자인 작업 시간 
- 표준화된 패턴은 효과적인 아이디어를 재사용할 수 있도록 해줍니다.
- 이는 디자인관련 업무를 할 때 시간을 줄여주고 일관성, 효율성을 유지할 수 있도록 도와줍니다.

▶️ 디자인 상향 평준화 
- 전문적인 디자인 원칙이 반영된 표준 패턴은 일반 사용자가 쉽게 가시성, 데이터 읽기, 색상의 조화등 다양한 요소를 고려할 수 있도록 도와 전반적인 디자인 상향 평준화를 가져옵니다.




7. 유지보수 및 확장성 고려하기

마지막으로, Tableau 대시보드 디자인을 할 때는 유지보수와 확장성을 고려하는 것이 중요합니다. 

대시보드를 만들 때 공통적으로 사용되는 스타일 가이드를 정의하여 일관성 있는 대시보드를 만들 수 있도록 합니다. 

또한, 대시보드를 추가로 개발할 때 쉽게 수정하고 확장할 수 있도록 구조화된 방식으로 디자인하는 것이 좋습니다.



+ 결론 및 태블로 대시보드 예시

이상으로 Tableau 대시보드 디자인 팁에 대한 설명이었습니다. Tableau 대시보드 디자인은 사용자 경험을 개선하고, 데이터 시각화를 더 효과적으로 전달하기 위한 중요한 부분입니다. 따라서 이러한 팁을 따라 대시보드를 디자인하는 것을 권장 드립니다.

아래 태블로 대시보드 예시를 보여드리는 것을 마지막으로 오늘 콘텐츠를 마무리 하도록 하겠습니다.



지금 이 글을 보고 계신 기업 담당자님의 부서와 기업에 존재하는 데이터로 새로운 경험을 만들어 보고 싶으시다면,
고민하지 마시고 빅스데이터에 담당자님의 문제 및 바라는 점을 문의 주시면 성심껏 상담 드리도록 하겠습니다.

여기까지 글을 읽으신 담당자님의 노고가 헛되지 않게 최선의 지원을 다하겠습니다.
하단 배너 클릭 시 문의하기 페이지로 연결됩니다.