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

오늘은 태블로 대시보드의 가독성을 높일 수 있는 방법에 대해 콘텐츠 내용을 준비해보았습니다.

이런 분들에게 오늘의 콘텐츠 추천!

✅ 데이터 분석 결과를 효과적으로 전달하고 싶은 데이터 분석가 및 전문가

✅ 직관적이고 깔끔한 대시보드를 제작하여 사용자 경험을 향상시키고자 하는 비즈니스 사용자

✅ 태블로 기능을 더욱 효과적으로 활용하여 업무 효율성을 높이고자 하는 유저

오늘의 콘텐츠, 3줄 요약

1️⃣ 태블로 대시보의 "개체"를 활용하여 태블로 대시보드 가독성을 높일 수 있는 방법 소개

2️⃣ 네비게이션 바 제작, 이미지 삽입, 표시 숨기기 기능 활용 등 꿀팁 공유

3️⃣ 단계별 이미지와 함께 쉽고 빠르게 따라 할 수 있는 실용적인 가이드 제공

태블로 대시보드에는 좌측 하단에 "개체" 라는 구간이 있습니다. 개체의 요소들만 잘 활용하더라도 가독성 있는 대시보드를 만들 수 있습니다.

자 그럼 바로 본론으로 들어가 보실까요?! ☺️

• 우선, 대시보드 간 이동을 가능하게 해주는 버튼을 개체 > 탐색을 사용하면 됩니다.
  
  
  
• 탐색 버튼을 대시보드로 드래그 해온 뒤, 토글 버튼을 누르고 편집 단추를 클릭해 설정창으로 들어가 주세요.
  

• 설정 창에서는 버튼을 눌러 이동할 위치, 버튼의 스타일(이미지, 텍스트), 제목, 글꼴, 서식 등을 설정할 수 있습니다.
  설정 후 확인 버튼을 눌러 버튼을 완성해 주세요.
  
   
• 같은 방식으로 1~3번 대시보드를 이동할 수 있는 버튼 3개를 제작해 주었습니다.

• 버튼을 제작했다면, 조금 더 예쁜 네비게이션 바를 이어서 만들어 볼까요?
• 먼저, 완성된 네비게이션 바를 보여드리겠습니다. (아래 이미지 참고)
  
• 상기 바를 만들기 위해 버튼을 가로 개체, 세로 개체 안에 넣는 작업이 필요합니다. 배열하는 과정을 보여드리겠습니다.
• 파란색 박스는 가로개체, 초록색 박스는 세로 개체입니다. 점선으로 이루어진 빈 공간들은 빈 페이지를 넣었습니다.

• 추가로, 대시보드 내에 이미지를 삽입할 수 있다는 것 다들 알고 계셨나요?
• 개체 > 이미지를 넣고 싶은 위치에 드래그 해서 넣어주세요.
• 이미지 파일 삽입 > 선택 버튼을 눌러 컴퓨터에 저장된 이미지 파일을 불러올 수 있습니다.
• 네비게이션 바 우측 상단에 보이는 X 표시는 표시 숨기기 버튼입니다.
• 가장 겉에 있는 가로 개체를 선택하시고 토글 버튼을 누르면, 표시/숨기기 단추 추가라는 옵션을 볼 수 있습니다. 해당 옵션 선택 시 개체 표시, 숨기기를 할 수 있는 단추가 생성됩니다.
• 표시 숨기기 단추가 생성 되었다면 Ctrl+c, Ctrl+v를 눌러 버튼을 2개로 복제해 주세요.
• 네비게이션 바가 표시되었을 때 보여질 'X' 버튼은 네비게이션 바(가로 개체) 안에 넣어 함께 사라지도록 하고
  
• 다른 한 개의 'My page' 버튼은 밖에 배치하여 네비게이션 바가 나타나게 하는 역할을 하게 할 것입니다.
  
• 이제 원하는 위치로 요소들을 배치해 주시면 됩니다. 왼쪽 상단의 My page 버튼을 눌러 네비게이션 바 영역을 띄우고 x 버튼을 클릭해 네비게이션 바 영여글 숨기도록 구성할 수 있습니다.