인동머스크

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

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

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