데이터로 새로운 경험을 만드는 기업, 빅스데이터(BigxData)입니다.
태블로(Tableau) 대시보드를 만들 때, 데이터의 가독성을 높이고 사용자 경험을 개선하는 것은 매우 중요합니다.
이번 가이드에서는 대시보드 간 원활한 이동을 위해 네비게이션 바를 만드는 방법을 단계별로 설명합니다.
이를 통해 보다 직관적이고 효율적인 대시보드를 구현할 수 있습니다.
지난 번 해당 내용의 개요에 대해 잠시 설명 드렸는데, 오늘은 꽤 구체적인 내용으로 다루려 하니 관심 있으신 분들이라면, 오늘의 콘텐츠 꼭 주목해주세요!
이런 분들에게 오늘의 콘텐츠 추천!
✅ 태블로(Tableau) 대시보드를 잘 활용하고 싶은 실무자｜ 네비게이션 바를 활용하여 대시보드 간 이동을 쉽게 하는 방법을 배우고 싶으신 분.
✅ 여러 대시보드를 하나의 프로젝트에서 관리하는 관리자｜ 대시보드의 가독성과 사용자 경험을 향상시키고 싶은 분.
✅ 직관적이고 깔끔한 대시보드를 만들고 싶은 데이터 분석가 ｜ 대시보드의 디자인과 기능성을 동시에 높이고 싶은 분.
오늘의 콘텐츠, 3줄 요약
1️⃣ 태블로(Tableau)에서 대시보드 간의 원활한 이동을 위한 네비게이션 바 설정 방법 소개
2️⃣ 탐색 버튼을 활용하여 사용자가 쉽게 대시보드를 탐색할 수 있는 인터페이스 제작 가이드
3️⃣ 네비게이션 바의 표시/숨기기 기능을 추가하여 깔끔하고 효율적인 대시보드 구현
GUIDE ｜ 네비게이션 바 만드는 방법
네비게이션 바는 태블로(Tableau)에서 대시보드 좌측 패널의 개체를 중점적으로 활용하여 만들 수 있습니다.
1. 네비게이션 바 버튼 만들기
우선, 첫 번째로 대시보드 간 이동을 가능하게 하는 버튼을 만들어 보겠습니다.
대시보드 간 이동을 가능하게 해주는 버튼은 개체 > 탐색을 사용하시면 됩니다.
2. 탐색 버튼 만들기
- 좌측 개체 패널에서 탐색을 선택하고, 대시보드로 Drag하여 원하는 위치에 놓습니다.
- 버튼을 선택 후, 편집 아이콘을 클릭하여 설정 창으로 들어갑니다.
- 설정 창에서 버튼을 눌렀을 때 이동할 대시보드를 선택하고, 버튼의 스타일(이미지, 텍스트), 제목, 글꼴 등을 설정합니다.
- 설정을 완료한 후 확인 버튼을 눌러 네비게이션 버튼을 완성합니다.
- 같은 방식으로 1~3번 대시보드를 이동할 수 있는 버튼 3개를 제작하여 아래와 같이 구현했습니다.
🟪 Bigx 꿀팁
지금 보고 있는 대시보드의 버튼에 음영이나 강조할 수 있는 색상을 넣어주시면 내가 어떤 대시보드를 보고 있는지 해당 대시보드의 버튼이 클릭 되어 있는지에 대한 것을 파악할 수 있는 효과를 줄 수 있습니다. |
3. 네비게이션 바 대시보드에 구현하기
이렇게 버튼까지 만들었다면, 네비게이션 바를 대시보드에 구현하고 가독성을 높이는 작업까지 진행해야겠죠?
먼저, 완성된 네비게이션 바를 보여드리고 이렇게 만들기 위해서 어떻게 해야하는지 설명 드리겠습니다.
- 위와 같은 이미지의 네비게이션 바를 만들기 위해 버튼을 가로 개체, 세로 개체 안에 넣고 배열하는 과정이 필요합니다.
- 아래 이미지에서 파란색 박스는 가로개체, 초록색 박스는 세로 개체입니다. 점선으로 이루어진 빈 공간들은 빈 페이지를 넣었습니다.
🟪 Bigx 꿀팁
개체 안에 다른 개체나 요소를 넣을 때, '빈 페이지'를 먼저 넣어 두시고 배치하면, 요소들을 넣기 훨씬 수월해집니다. |
4. 네비게이션 바 표시/숨기기 기능 추가
네비게이션 바를 여기까지 만들었다면 숨기거나 표시하는 기능을 추가하여 깔끔한 대시보드를 만들 수 있습니다.
- 먼저 개체 > 이미지를 넣고 싶은 위치에 드래그 해 넣어주세요.
- 이미지 파일 삽입 > 선택 버튼을 클릭하여 컴퓨터에 저장된 이미지 파일을 불러올 수 있습니다.
- 가장 겉에 있는 가로 개체를 선택하시고 토글 버튼을 누르면, 표시/숨기기 단추 추가라는 옵션을 볼 수 있습니다. (네비게이션 바 우측 상단에 보이는 X 표시는 표시/숨기기 버튼입니다.)
- 위 과정까지 진행했다면 개체 표시/숨기기 할 수 있는 단추가 생성됩니다.
- 표시/숨기기 단추가 생성 되었다면 Ctrl+c, Ctrl+v를 통해 버튼을 두개로 복제해 주세요.
- 네비게이션 바가 표시될 때 보이는 'X' 버튼과, 숨겨져 있을 때 보이는 'My Page' 버튼을 적절히 배치합니다.
- 여기까지 진행했다면 태블로(Tableau) 대시보드에 네비게이션 바를 구현한 것입니다.
이와 같이 네비게이션 바를 만들고 구성하면, 사용자가 대시보드를 쉽게 탐색할 수 있는 인터페이스를 제공할 수 있습니다.
태블로(Tableau)의 개체와 설정을 잘 활용하여 사용자가 원하는 대로 대시보드를 꾸며보시길 바랍니다.
현업에서 데이터로 인해 어려움을 겪고 계시거나, 태블로(Tableau) 도입 및 문의사항이 있다면 언제든 빅스데이터에 문의해 주세요!
🔗 도움이 필요하시다면?! 하단 배너 클릭!
데이터로 새로운 경험을 만드는 기업, 빅스데이터(BigxData)입니다.
태블로(Tableau) 대시보드를 만들 때, 데이터의 가독성을 높이고 사용자 경험을 개선하는 것은 매우 중요합니다.
이번 가이드에서는 대시보드 간 원활한 이동을 위해 네비게이션 바를 만드는 방법을 단계별로 설명합니다.
이를 통해 보다 직관적이고 효율적인 대시보드를 구현할 수 있습니다.
지난 번 해당 내용의 개요에 대해 잠시 설명 드렸는데, 오늘은 꽤 구체적인 내용으로 다루려 하니 관심 있으신 분들이라면, 오늘의 콘텐츠 꼭 주목해주세요!
✅ 태블로(Tableau) 대시보드를 잘 활용하고 싶은 실무자｜ 네비게이션 바를 활용하여 대시보드 간 이동을 쉽게 하는 방법을 배우고 싶으신 분.
✅ 여러 대시보드를 하나의 프로젝트에서 관리하는 관리자｜ 대시보드의 가독성과 사용자 경험을 향상시키고 싶은 분.
✅ 직관적이고 깔끔한 대시보드를 만들고 싶은 데이터 분석가 ｜ 대시보드의 디자인과 기능성을 동시에 높이고 싶은 분.
1️⃣ 태블로(Tableau)에서 대시보드 간의 원활한 이동을 위한 네비게이션 바 설정 방법 소개
2️⃣ 탐색 버튼을 활용하여 사용자가 쉽게 대시보드를 탐색할 수 있는 인터페이스 제작 가이드
3️⃣ 네비게이션 바의 표시/숨기기 기능을 추가하여 깔끔하고 효율적인 대시보드 구현
네비게이션 바는 태블로(Tableau)에서 대시보드 좌측 패널의 개체를 중점적으로 활용하여 만들 수 있습니다.
1. 네비게이션 바 버튼 만들기
우선, 첫 번째로 대시보드 간 이동을 가능하게 하는 버튼을 만들어 보겠습니다.
대시보드 간 이동을 가능하게 해주는 버튼은 개체 > 탐색을 사용하시면 됩니다.
2. 탐색 버튼 만들기
지금 보고 있는 대시보드의 버튼에 음영이나 강조할 수 있는 색상을 넣어주시면 내가 어떤 대시보드를 보고 있는지 해당 대시보드의 버튼이 클릭 되어 있는지에 대한 것을 파악할 수 있는 효과를 줄 수 있습니다.
3. 네비게이션 바 대시보드에 구현하기
이렇게 버튼까지 만들었다면, 네비게이션 바를 대시보드에 구현하고 가독성을 높이는 작업까지 진행해야겠죠?
먼저, 완성된 네비게이션 바를 보여드리고 이렇게 만들기 위해서 어떻게 해야하는지 설명 드리겠습니다.
개체 안에 다른 개체나 요소를 넣을 때, '빈 페이지'를 먼저 넣어 두시고 배치하면, 요소들을 넣기 훨씬 수월해집니다.
4. 네비게이션 바 표시/숨기기 기능 추가
네비게이션 바를 여기까지 만들었다면 숨기거나 표시하는 기능을 추가하여 깔끔한 대시보드를 만들 수 있습니다.
이와 같이 네비게이션 바를 만들고 구성하면, 사용자가 대시보드를 쉽게 탐색할 수 있는 인터페이스를 제공할 수 있습니다.
태블로(Tableau)의 개체와 설정을 잘 활용하여 사용자가 원하는 대로 대시보드를 꾸며보시길 바랍니다.
현업에서 데이터로 인해 어려움을 겪고 계시거나, 태블로(Tableau) 도입 및 문의사항이 있다면 언제든 빅스데이터에 문의해 주세요!
🔗 도움이 필요하시다면?! 하단 배너 클릭!
