[Tableau/태블로] 대시보드 설명 탭 만들기(표시/숨기기 기능 활용)

 

안녕하세요! 데코입니다!

이번 포스팅은 태블로(Tableau) 대시보드를 만들 때, 

대시보드의 정보, 주의사항, 활용방법 등을 설명하는 탭을 구성하는 방법을 설명하려고 합니다!

 

   1.대시보드 화면

 

태블로 대시보드를 구성하기 위해서 기본적으로 주어지는 데이터셋인 superstore 데이터를 사용했습니다!

 

작업은 누구나 보면서 따라 할 수 있도록 태블로 퍼블릭에서 작업을 해주었어요!

 

대시보드는 "대시보드 설명 탭"을 보여주기 위해 간단하게 구성해 보았습니다.

 

2017년 12월 기준으로 매출 상위/하위 10개의 도시를 막대그래프를 이용해 표현하고,

 

그래프 옆에 매출액도 같이 표현해 주었어요!

 

대시보드 화면(1)

 

대시보드 화면(2)

 

   2.대시보드 특징

 

특징은 대시보드의 좌측에  "대시보드 설명 탭"을 나타내는 "iINFO" 버튼이 존재합니다.

 

버튼을 클릭하면서, 그래프 위해 해당 대시보드를 설명해 주는 이미지가 나타납니다!

 

그리고 버튼을 다시 누르면, 이미지가 사라지게 됩니다.

 

 

"대시보드 설명 탭"을 통해서 대시보드를 보는 사용자에게

대시보드의 주요 섹션과 차트에 대해 추가적인 설명을 해줄 수 있습니다!

 

사실 추가적인 설명을 대시보드 내에서도 가능하지만, 그렇게 하는 경우에는 그래프와 함께

긴 글이 작성하게 되고 그 결과 대시보드가 복잡해지면서 시각적으로 좋지 않은 영향을 줄 수도 있습니다

 

   3.대시보드 설명 탭 만드는 방법

 

설명탭을 만드는 방법은 간단합니다.

 

컨텐츠를 넣을 것이기 때문에, 가로 혹은 세로 컨테이너를 추가로 생성하고 이것을 "부동"으로 처리해 줍니다.

 

그리고 부동으로 만든 컨테이너를 대시보드 컨텐츠 영역에 맞게 크기를 조정해 줍니다.

 

 

 

 

이후 위 이미지처럼 해당 컨테이너를 클릭하고 "▼" 버튼을 누르면 "표시/숨기기 단추 추가"라는 옵션이 있습니다.

 

해당 옵션을 클릭하면 " X " 아이콘이 생성되는데,

 

이 표시기도 부동으로 처리가 되기 때문에, 부동 설정을 풀어줍니다.

 

 

 

 

이후 원하는 배치로 이동을 해주고 아래와 같이 표시기에 "▼" 버튼을 누르고 편집 단추를 통해 

 

단추 이미지로 설정을 하고, 이미지를 넣어줍니다.

 

이미지는 "표시된 항목", "숨겨진 항목" 두 항목에 모두 동일한 이미지를 넣어주었습니다.

 

 

정리하면 대시보드 설명하는 정보를 담은 설명 탭 "INFO" 버튼을 이용할 수 있습니다.

 

최종 대시보드

 

 

   4.이미지 파일 생성

 

편집 버튼에서 'INFO'를 이미지로 설정하고 이미지를 추가해 주었습니다.

 

이미지는 PPT에서 생성한 파일을 첨부하여 삽입했어요!.

 

또한, 대시보드 설명을 위한 이미지도 PPT에서 작업한 후 저장하여 삽입했습니다.

PPT에서 이미지를 작업한 이유는 태블로에서보다 더 자유롭게 내용을 구성할 수 있기 때문입니다.

 

태블로에서는 주로 각진 도형들로만 구성이 가능하여 대시보드가 딱딱한 느낌을 줄 수 있어요

 

따라서 PPT에서는 테두리가 둥근 모양들을 활용하여 조금 더 부드러운 느낌을 주려고 했습니다.

 

또 전체적인 통일성을 주기 위해 대제목 옆에 있는 색상과 INFO 버튼 아이콘의 테두리색을 통일시켰습니다!

 

개인적인 생각으로는 너무 다양한 색을 이용하면, 대시보드가 눈에 잘 안 들어는 경향이 있는 것 같더라고요!

 

 

   5.마무리

 

이번에는 대시보드를 만들면서, 대시보드를 설명해 주는 탭을 만드는 방법에 대해 적어보았어요!

 

가로 혹은 세로 컨테이너의 숨기기 버튼을 활용해서 구성해 보았어요!

 

태블로 퍼블릭에서 작업을 했기 때문에, 태블로에 관심이 있으신 분들도 

 

태블로 퍼블릭을 통해 똑같이 따라해보실 수 있습니다!

 

앞으로도 태블로 대시보드에서 좋은 기능에 대해서 설명하는 포스팅도 작성해볼게요!

 

태블로에 궁금한 부분이 있으면 언제든 댓글로 질문 주세요!

 

제가 아는 부분에서는 최선을 다해서 답변드리겠습니다!

 

오늘도 읽어주셔서 감사합니다!