대시보드 애플리케이션 설계

이번 레슨에서 배울 내용

대상별 보기

임원용 보기는 "목표대로 가고 있나?"에 한눈에 답하고, 그 아래 분석가용 보기는 "왜 그런가?"에 답해요. 원본 데이터는 같고, 보여 주는 양만 일부러 다르게 해요.

컨트롤 배치

필터와 보기 전환 버튼은 늘 같은 자리에 두고 데이터와 확실히 다른 스타일로 꾸며서, 내용으로 착각하는 일이 없게 해요.

분명한 선택 상태

보는 사람이 마우스를 올려 보거나 짐작하지 않아도 어떤 필터가 켜져 있는지 알 수 있어야 해요. 미묘한 색 차이가 아니라 꽉 채워진 토글로 보여 주세요.

접근성을 고려한 색

상태를 빨강/초록만으로 표시하면 안 돼요. 남성 약 12명 중 1명은 두 색을 제대로 구분하지 못해요. 색과 함께 아이콘, 레이블, 모양을 같이 쓰세요.

예외 우선 보고

읽는 사람이 직접 훑어봐야 하는 전체 표가 아니라, 목표에서 벗어난 것부터 보여 주세요. 주의가 필요한 행은 40번째 행에 묻혀 있지 말고 맨 위에 있어야 해요.

드릴 경로

KPI 타일이나 차트 영역을 클릭하면 그 숫자 뒤에 있는 행을 볼 수 있어야 해요. 막다른 길이 아니라 요약에서 세부로 이어지는 정해진 경로가 필요해요.

인쇄 및 프레젠테이션 모드

화면에서는 쓸모 있는 필터와 대화형 컨트롤도 인쇄한 페이지나 화면 공유 중인 슬라이드에서는 방해만 돼요. 그 모드에서는 일부러 숨기세요.