1. 대시보드의 목표 명확히 하기
대시보드의 목표를 명확하게 설정하고 목표에 맞게 대시보드를 개발하는 것은 매우 중요한 첫 발걸음 입니다. 그리고 대시보드의 목표를 명확히 보여줄 수 있는 것은 제목이지요.
단계 1. 대시보드의 제목영역을 더블 클릭하여 대시보드에 알맞은 제목으로 수정합니다.
대시보드의 제목이 개발의도에 맞게 설정이 되어있는지 확인하고 수정해 보도록 하겠습니다. 현재 대시보드의 제목은 ‘매출 현황 분석 대시보드'라고 되어 있습니다. 그러나 아래 차트를 보면 매출만 설정 된 것이 아닌, 수량, 수익, 주문 건수 등 다양한 KPI 지표가 나타나 있습니다. 그렇다면 어떻게 수정해야 좋은 제목이 될 수 있을까요? 이번 과제에서는 대시보드의 대제목을 '슈퍼스토어 현황 대시보드'라고 수정해보도록 하겠습니다
2.대시보드 크기 설정하기
대시보드도 사람이 보기 편한 비율로 크기를 설정하여 제공하여야 정보를 소비하는 입장에서 편하게 데이터를 읽을 수 있습니다. 보통 1:1.6의 황금비에 가깝게 설정할때 비율의 안정감을 느낄 수 있습니다.
단계 1. 대시보드의 크기 너비를 1200 높이 800으로 수정합니다.
대시보드 사이드바 크기영역에 사용자 지정크기를 클릭하시면 대시보드 사이즈를 수정하실 수 있습니다. 해당 영역을 클릭 하시고 대시보드 사이즈를 보기 좋은 1200x800 크기로 수정해주세요.
3. 적합한 시각화 유형 선택하기
각각의 차트들은 조직에서 발생한 수치들을 정확하게 표현되어 보는사람으로 하여금 쉽게 정보를 흡수할 수 있도록 하여야합니다. 그러기 위해서는 적합한 차트 유형으로 시각화가 설정 되었는지 확인이 필요합니다.
단계 1. 왼쪽 상단 막대차트를 적합한 차트로 변경합니다.
시계열 흐름을 보여주는 차트는 막대 보다는 라인으로 설정하여, 시간에 흐름에 따라 데이터가 어떻게 증가하고 감소하는지 보여주는 것이 더 효과적이라고 할 수 있습니다. 하지만 현재 대시보드 안에서 차트의 유형은 데이터의 흐름을 보여주는 것이 어색한 막대차트로 설정되어 있는 것을 확인할 수 있습니다. 해당 차트의 워크시트로 이동하여 차트의 유형을 라인으로 변경해 봅니다.
4. 색상을 효과적으로 활용하기
대시보드는 각각의 차트를 만들고 모여져 만들어진 하나의 종합 화면입니다. 한개 한개 차트를 보았을때는 여러가지 색상을 활용하여도 특별히 문제가 되지 않을 수 있습니다. 그러나, 여러가지 색상의 차트가 한 화면에 모여져 대시보드로 보게 된다면, 너무 많은 색상 때문에 데이터가 한눈에 보이지 않을 수 있습니다. 더 이해하기 쉽고 전달력이 높은 대시보드를 만들기 위하여, 다양한 색상보다는 일관된 색상으로 대시보드를 수정하여 봅시다.
단계 1. 매출 트랜드의 색상을 수정합니다.
단일 차트의 붉은색은 좋은 색상이 아닙니다. 너무 시선을 끌기도 하며, 너무 밝은 색으로 인해 데이터를 왜곡할 수 있습니다. 차트의 색상을 검은색으로 수정하여 너무 차트가 튀지 않도록 수정하여 봅시다.
단계 2. 제품 분류별 매출과 수익현황 차트의 색상을 수정합니다.
제품 분류별 매출과 수익현황 막대 차트는 현재 수익의 크기를 전혀 반영하고 있지 않습니다. 수익필드를 마크선반에 색상에 위치시켜 막대의 색상이 지역별 수익현황 맵차트 처럼 수익을 반영할 수 있도록 수정하여 봅시다.
단계 3. 고객 주문 건수 분포 현황의 차트의 색상을 수정합니다.
고객 주문 건수 분포 현황 차트의 색상이 불필요하게 너무 알록달록합니다. 차트의 색상을 회색으로 통일하게 지정하여 각각의 구매건수에 따라서 분포를 정확하게 비교할 수 있도록 수정하여 봅시다.
5. BANs 활용하기
BANs는 9일차에서 설명하였던 것처럼 Big Aggregated Numbers의 약자로 대시보드에서 주요한 숫자를 보여주는 대시보드의 제목 다음으로 가장 중요한 영역입니다. 따라서 BANs 영역을 수정하여 수치들이 좀 더 돋보이게 변경하여 보겠습니다.
단계 1. BANs의 영역을 제목 아래로 변경하여 봅시다.
BANs 영역을 확인하시면 제목 영역과 겹쳐져 있기 때문에 가장 중요한 숫자가 눈에 잘 보이지 않습니다. BANs의 워크시트를 대시보드 제목 아래로 위치시켜 더 쉽게 제목을 읽고 주요 KPI 숫자(BANs)를 볼 수 있도록 변경하여 봅시다.
!힌트: 대시보드 안에서 워크시트를 클릭하여 드래그앤 드랍하면 워크시트의 위치를 변경할 수 있습니다.
단계 2. BANs의 워크시트의 숫자의 크기를 키워봅시다.
BANs의 숫자 폰트가 매우 작아 숫자를 보기가 어렵습니다. BANs 워크시트로 이동하여 마크카드 텍스트의 <측정값> 폰트 크기를 15로 변경하고 진하게로 변경하여 봅시다.
6. 정확하게 차트의 제목을 구성하기
각각의 차트 또한 명확한 제목을 통해 차트의 내용을 정확하게 설명하여야 합니다. 차트의 제목이 차트의 내용을 정확하게 설명하고 있는지 확인하고 그렇지 않다면 차트의 제목을 수정하여 봅시다.
단계 1. 차트 제목 또한 알맞게 수정하여 봅니다.
각각의 차트 제목은 올바르게 설정되어 있나요? 차트 제목을 확인하고 차트의 제목을 변경할 필요가 있는지? 보는 사람이 이해할 수 있도록 추가정보를 제공할 필요가 있는지? 폰트 사이즈는 동일하게 지정되어있는지? 확인하여 수정해보도록 합니다.
7. 인터렉티브하게 구성하기
태블로에서는 간단하게 차트를 인터렉티브하게 데이터 마우스 클릭시 필터로 활용할 수 있습니다.
단계 1. 대시보드 안의 각각의 차트를 마우스 오버한 후 깔때기 모양의 ‘필터로 사용' 기능을 활성화 합니다.
해당 기능은 차트를 인터렉티브하게 대시보드 안에서 필터로 활용할 수 있는 기능입니다.
8. 사용자를 위한 가이드 추가하기
태블로에서 각 차트마다 ‘필터로 사용'이라는 기능을 클릭하면 해당 차트가 필터가 되어, 다른 영역의 차트도 해당 데이터에 따라 필터가 됩니다. 대시보드를 처음 접하는 사용자는 해당 기능을 알 수 없을 수 있으니 간단하게 가이드를 추가하여 대시보드를 편하게 활용할 수 있도록 수정하여 봅시다.
단계 1. 대시보드의 가장 윗부분에 있는 제목에 간단한 사용자 가이드를 넣어 봅시다.
대시보드 제목 두번째 줄에 소제목을 넣어 ‘-차트를 클릭하면 자동으로 필터가 됩니다' 안내 문구를 넣어 사용자를 위한 가이드를 지정해 봅시다
9. 공간을 현명하게 활용하기
대시보드 안에서 차트의 공간이 잘 배치가 되어 있나요? 4개의 차트가 서로 다르게 크기가 지정되어 있어 차트를 보기 어렵습니다. 공간을 다시 재배치하여 각각의 차트가 효율적으로 보일 수 있도록 조정하여 봅시다.
단계 1. 라인차트(매출트랜드)와 막대차트(제품 분류별 매출과 수익 현황) 구간과 맵차트(지역별 수익 현황) 막대차트(고객 주문 건수 분포 현황) 구간의 크기를 동일하게 구성하여 봅시다.
두영역의 크기를 동일하게 구성하여 차트의 세로 높이 길이를 통일해 봅시다.
! 힌트: 사이드바에 항목계층 영역에서 컨테이너를 클릭하면 차트를 감싸는 컨테이너 영역을 선택할 수 있습니다.
단계 2. 4개의 차트 가로 길이를 동일하게 구성하여 봅시다
차트의 세로길이를 동일하게 구성 하였다면 차트의 가로 길이를 동일하게 통일해 봅시다.
! 힌트: 사이드바에 항목계층 영역에서 컨테이너를 클릭하면 차트를 감싸는 컨테이너 영역을 선택할 수 있습니다.
10. 여백의 미 활용하기
마지막 과정입니다. 차트와 제목 등이 너무 붙어있는 것이 아닌, 여백이 있을 때 각 차트의 정보를 혼동하지 않고 읽을 수 있습니다. 우리가 책을 읽을때도 문단을 나누듯이 차트 또한 영역을 확실히 나누어 주어야 더 편하게 사용자가 정보를 이해할 수 있습니다.
단계 1. 각 차트 영역의 여백과 테두리를 넣어 봅니다.
바깥쪽 여백은 5, 안쪽 여백은 10을 지정하여 차트가 편하게 보일 수 있도록 조정합니다. 레이아웃에서 차트의 테두리도 옅은 회색을 넣습니다.
서버 게시 방법
선택 과제) 서버 게시 방법 : 서버에 대시보드 게시해 보기
대시보드를 잘 만드셨다면, 태블로 대시보드를 서버에 간단한 클릭 몇번만으로 올리실 수 있습니다. 해당 과정은 태블로 서버 혹은 태블로 클라우드를 활용할 수 있으시다면 과제를 수행해 볼 수 있습니다.
단계 1. 프로그램 상단 탭 영역에서 서버 → 통합 문서 게시를 클릭합니다.
단계 2. 대화상자가 나타나면 위치 영역에 프로젝트명을 선택하고 대시보드 이름을 작성합니다.
단계 3. 게시 버튼을 눌러 태블로 서버에 대시보드를 게시합니다.
해당 과정을 수행하시면 URL 기반으로 웹안에서 대시보드와 만드셨던 워크시트들을 태블로 서버에서 동료분들과 확인하고 수정할 수 있습니다.