인동머스크

7. 대시보드 다운로드 버튼 설정대시보드 개체를 활용한 대시보드 이미지 / PDF 다운로드  기타 옵션 -> 편집 단추  내보낼 포멧 설정 -> 버튼 스타일 및 이름 설정  편집 모드에서 버튼을 실행하기 위해서는 alt 또는 option 키를 활용할 수 있고  프레젠테이션 모드에서는 버튼 클릭 시 바로 다운로드 가능합니다   좋은 대시보드는적절한 비즈니스 질문, 데이터의 존재, 논리적인 정보 구조화, 표현된 정보 간의 유기적 연결, 읽기 쉬운 디자인 등 다양한 요소가 어우러지면서 의미 있는 화면이 주어지는 것 1) 육하원칙을 활용하여 정보를 구조화하라2) 정보를 유기적으로 연결하기 위해 필터 액션을 활용하라     공부 내용 :태블로 대시보드 기초 강의 | VizLab - 인프런 태블로 대시보드 기초 강..

5. 돌아가기 버튼 설정다른 대시보드로 넘어가는 필터 액션을 설정할 경우 '원래 페이지로 돌아오기' 기능을 버튼으로 넣어서 함께 구현해주면 좋습니다. 사용자가 어렵게 헤매지 않고, 금방 처음 페이지로 돌아올 수 있습니다  - Overview 대시보드로 돌아갈 수 있는 버튼을 추가할 수 없을까?  두 번째 대시보드에서 탐색 개체를 버튼을 넣고 싶은 위치에 올립니다  기타 옵션 -> 편집 단추  클릭 시 이동 위치 지정 -> 버튼 이미지 선택  태블로 기본 이미지  (필요 시) 도구 설명도 추가  현재는 편집 모드이기 때문에편집 모드에서 버튼을 활용하기 위해서는 alt(윈도) 또는 option(맥) 키를 활용합니다  성공 프레젠테이션 모드에서는 버튼 클릭 시 바로 이동이 이루어집니다   6. URL 액션 설..

4. 대시보드 액션 및 기타 UI / UX 장치 적용액션은 대시보드를 사용하는 사람이 집중할 수 있게 만드는 중요한 요소   1) 하이라이트 액션 만들기하이라이트 액션 :- 특정 시트에서 액션을 실행할 경우 다른 시트의 해당 부분을 강조  (1) 어떤 행위가 발생했을 때 하이라이트 액션을 실행시킬 것인가?마우스를 올렸을 때 / 마우스로 클릭했을 때 / 마우스 클릭 후 확인 메시지를 눌렀을 때  (2) 그 행위를 어디에서 실행할 것인가?  (3) 그 행위를 실행했을 때 하이라이트 되는 부분은 어디인가?    (2) 연도 시트에 (1) 마우스를 올리면 (3) 쿼터 시트가 하이라이트 됩니다   2) 필터 액션 만들기- 지역을 클릭했을 때 나머지 모든 화면이 필터링 되도록 설정해봅시다(간편한 방식) 필터 액션 ..

1. 대시보드 크기를 고정합니다대시보드 크기를 고정하면 대시보드 개체들이 정확히 지정된 위치에서 표현됩니다대시보드 크기는 화면에 포함되어야 하는 정보의 총량에 비례합니다표현해야 할 정보의 양이 많은 경우 스크롤을 사용할 수 있지만, 가급적 피하는 것이 좋습니다(easy to read)   2. 대시보드 구도를 잡습니다어떤 시트를 어디에 놓을지, 배치를 기획하는 단계입니다노트와 펜을 준비하여 직접 구도를 그려보는 것을 추천합니다잘 짜여진 프레임을 만들어 두면 추후 계속해서 템플릿처럼 사용할 수 있습니다   3. 컨테이너와 공백 개체를 활용하여 시트들을 배치합니다목표 대시보드 구도를 기억하며, 빈 화면에 세로 컨테이너를 넣습니다세로 컨테이너 안쪽으로 공백 개체를 넣습니다  텍스트 개체를 컨테이너 안쪽 & 공..

태블로에서 대시보드를 만들 때, "바둑판식(tiled)" / "부동(floating)" 방식이 있다.   바둑판식바둑판식은 설정된 대시보드 공간 전체를 시트가 채우면서 들어가는 방식바둑판식에서 새로운 시트를 넣게 되면, 기존 시트의 공간을 비집고 들어갑니다바둑판식에서는 시트의 경계를 잡고 늘리고 줄이면서 크기를 조절할 수 있습니다바둑판식에서는 기존 시트 위에 새로운 시트를 겹치는 것이 불가능합니다  바둑판식에서 컨테이너 안에 시트를 넣을 때는 shift 키를 사용할 필요가 없습니다   부동부동은 시트를 놓은 위치에 (적절한 크기로) 그대로 두는 방식입니다부동에서는 '레이아웃'으로 시트의 위치 및 크기 값을 직접 입력하여 조정할 수 있습니다범례 위치도 자유조절 가능  부동에서는 기존 시트 위치와 상관 없이..