B2B 대시보드 UX, 정보를 줄이기 전에 할 일

사용자의 판단과 다음 행동을 중심으로 설계하기

UXstory INSIGHT · UX/UI · 게시일 · 수정일

안녕하세요, 유엑스스토리입니다.

기업용 대시보드는 많은 정보를 한눈에 보여주어야 한다는 요구를 자주 받습니다. 하지만 모든 숫자를 한 화면에 넣어도 사용자가 어떤 일을 먼저 해야 하는지 알기 어렵다면 업무에 도움이 되지 않을 수 있습니다.

화면의 밀도를 결정하기 전에 사용자가 내려야 할 판단과 이어서 해야 할 행동을 정리해야 합니다. 관리자 화면과 업무 시스템을 설계할 때 적용할 수 있는 확인 기준을 소개합니다.

지표와 차트, 필터로 구성한 기업용 대시보드
내용 이해를 위한 AI 생성 예시 이미지입니다.

01사용자 역할별로 필요한 판단을 구분합니다

경영진은 전체 추이를 보고 싶어 하고, 실무자는 오늘 처리할 미완료 업무를 찾고 싶어 할 수 있습니다. 같은 데이터를 보더라도 필요한 요약 수준과 이동 경로가 다릅니다.

역할별로 “이 화면을 보고 무엇을 결정하는가”를 적어보세요. 역할이 많다고 모두 별도 화면을 만들기보다 공통 정보와 역할별 정보를 나누고, 접근 권한과 표시 우선순위를 함께 검토합니다.

02지표의 이름과 계산 기준을 명확히 합니다

매출, 완료율, 활성 사용자처럼 익숙한 용어도 부서마다 계산 방식이 다를 수 있습니다. 집계 기간과 제외 조건이 다르면 같은 수치가 서로 다른 의미로 읽힐 수 있습니다.

지표 옆에 단위, 기준 시점과 필요한 설명을 표시하세요. 숫자가 최신 데이터인지, 어느 시스템에서 가져오는지 확인할 수 있어야 화면상의 불일치를 운영자가 판단할 수 있습니다.

03중요한 변화와 처리할 일을 구분합니다

증감 추세를 보는 그래프와 즉시 처리해야 하는 알림은 역할이 다릅니다. 모두 강한 색상으로 강조하면 어느 항목이 더 중요한지 구분하기 어렵습니다.

긴급도와 영향도를 기준으로 표시 순서를 정하고, 알림을 확인한 뒤 이동할 상세 화면을 연결하세요. 색상만으로 상태를 구분하지 말고 상태명이나 기호를 함께 제공하는 방식도 검토합니다.

04검색과 필터의 적용 상태를 보여줍니다

기간과 부서 필터를 바꾼 뒤 사용자가 적용 조건을 잊으면 숫자를 잘못 해석할 수 있습니다. 현재 조건, 검색 결과 수와 초기화 방법을 가까운 위치에서 확인할 수 있도록 정리하세요.

목록에서 상세를 확인하고 돌아왔을 때 필터와 페이지 위치를 유지할지도 결정해야 합니다. 반복 조회가 많은 업무일수록 사용자가 같은 조건을 다시 입력하는 과정을 줄이는 것이 중요합니다.

05데이터가 없거나 지연되는 상황을 설계합니다

빈 화면은 실제 데이터가 없는 것인지, 필터 조건에 맞는 결과가 없는 것인지, 불러오기에 실패한 것인지 구분해야 합니다. 상황을 구분하지 않으면 사용자는 데이터 자체를 신뢰하기 어려워집니다.

각 상태에 맞는 안내와 다음 행동을 준비하세요. 조건 초기화, 재시도, 담당자 문의 중 무엇이 가능한지 보여주고, 이전 데이터를 표시한다면 기준 시점을 명확하게 알려주는 것이 좋습니다.

06시각적 완성도와 업무 수행을 함께 검토합니다

보기 좋은 그래프만으로 대시보드의 유용성을 판단하기 어렵습니다. 대표 사용자가 필요한 항목을 찾고 상세 원인을 확인한 뒤 조치를 끝낼 수 있는지 시나리오로 검토하세요.

예를 들어 처리 지연 항목 찾기, 담당자 확인, 상태 변경을 하나의 과제로 구성할 수 있습니다. 이 과정에서 헷갈린 용어와 반복 이동을 기록하면 화면을 줄이는 것보다 구체적인 개선점을 얻을 수 있습니다.

협의할 항목과 확인할 내용
구분확인 내용
역할누가 어떤 판단을 하는가
지표단위·기간·계산 기준·갱신 시점은 무엇인가
행동상세 확인 후 어떤 업무로 이어지는가

상담 전 체크리스트

  • 역할별 주요 과제가 정리됐나요?
  • 지표의 계산 기준과 갱신 시점이 있나요?
  • 필터와 뒤로가기 상태가 유지되나요?
  • 빈 상태와 오류 안내를 구분했나요?

오늘 글에서 얻어갈 핵심 3가지

1. 사용자의 판단을 먼저 정하세요.
정보의 우선순위가 분명해집니다.

2. 수치의 조건을 함께 보여주세요.
같은 숫자도 기준에 따라 의미가 달라집니다.

3. 다음 행동까지 연결하세요.
대시보드는 실제 업무로 이어져야 합니다.

관련 기술 참고: W3C WCAG 빠른 참조: 색상에만 의존하지 않는 정보 전달

우리 프로젝트에 적용하려면 무엇부터 준비할까요?

현재 상황과 필요한 업무, 희망 일정을 알려주세요.
기획·디자인·구현 범위를 함께 정리하겠습니다.

프로젝트 상담하기