본문 바로가기
카테고리 없음

KPI 대시보드가 한눈에 읽히지 않는 이유 — 인지과학으로 보는 대시보드 디자인 원칙

by SPACEBBAR 2026. 7. 5.

"대시보드에 색을 더 넣어주세요. 화려하게."

 

현장에서 이 요청을 받아본 적이 있다면, 이 글이 도움이 될 것이다.

 

결론부터 말하면, 화려한 대시보드와 잘 읽히는 대시보드는 정반대 방향에 있는 경우가 많다. 그리고 이건 취향의 문제가 아니라 인간의 시각 인지 구조의 문제다. 이번 글에서는 지난 나이팅게일 편과 앤스컴 콰르텟 편에서 다룬 "왜 시각화가 필요한가"에 이어, KPI 대시보드를 설계할 때 근거로 삼을 수 있는 인지과학·시각 지각 이론을 정리한다.

 

 

1. 대시보드란 무엇인가 — Stephen Few의 정의

대시보드 디자인 이론에서 가장 많이 인용되는 인물은 데이터 시각화 컨설턴트 Stephen Few다. 그는 저서 『Information Dashboard Design』에서 대시보드를 다음과 같이 정의한다.

대시보드란 하나 이상의 목표를 달성하는 데 필요한 가장 중요한 정보를 한 화면에 모아, 한눈에 모니터링할 수 있도록 시각적으로 표시한 것이다.

이 정의에서 핵심은 두 가지다.

  1. 단일 화면(single screen) — 스크롤이나 페이지 전환 없이 한 번에 봐야 한다
  2. 한눈에(at a glance) — 읽는 게 아니라 보는 순간 파악돼야 한다

Few는 이 정의를 근거로 대시보드는 보고서도, 탐색적 분석 도구도, 포털도, 스코어카드도 아니라고 선을 긋는다. 실무에서 "대시보드"라는 이름을 달고 나온 화면 중 상당수가 사실은 여러 페이지짜리 보고서이거나, 원본 데이터를 그대로 늘어놓은 테이블에 가깝다. 이 글에서 다루는 원칙은 엄밀히 말해 "한 화면으로 즉시 판단해야 하는 모니터링용 대시보드"를 전제로 한다. 탐색적 분석용 워크북까지 동일한 기준으로 재단할 필요는 없다.

2. 원칙 1 — 한 화면, 5초 안에 답이 나와야 한다

Few는 대시보드를 디자인적 장식을 걷어내고 데이터 대 잉크 비율을 극대화하는 방향으로 설계해야 한다고 강조한다. 이는 Edward Tufte의 데이터-잉크 비율(data-ink ratio) 개념을 대시보드에 적용한 것이다 — 잉크(픽셀) 한 방울까지도 데이터를 표현하는 데 쓰여야 하고, 장식을 위한 잉크는 최소화해야 한다는 원칙이다.

실무에서 이 원칙을 체크하는 가장 쉬운 방법은 "5초 규칙"이다. 대시보드를 처음 보는 사람에게 5초를 주고 화면을 가린 뒤 물어본다.

  • 지금 가장 문제가 되는 지표가 뭐였는지 기억하는가?
  • 지금 조치가 필요한 항목이 있었는가?

5초 안에 답하지 못한다면, 그 대시보드는 실패다. 이 기준이 임의로 보일 수 있지만, 근거는 다음 절의 전주의적 처리 속도와 직결된다.

3. 원칙 2 — KPI는 몇 개까지 넣어도 되는가 (작업기억의 한계)

"이 대시보드에 KPI를 20개 다 넣어주세요"라는 요청을 받으면, 근거를 들어 반박할 수 있어야 한다.

 

1956년 심리학자 George Miller는 「The Magical Number Seven, Plus or Minus Two」라는, 심리학에서 가장 많이 인용되는 논문 중 하나를 발표했다. 인간의 단기 기억(작업기억)은 대략 7±2개의 "청크(chunk)"를 유지할 수 있다는 것이 요지다.

 

여기서 중요한 건, 이 숫자가 이후 연구를 통해 계속 하향 조정되어 왔다는 사실이다. 2001년 인지심리학자 Nelson Cowan은 리허설(되뇌기)이나 장기기억의 도움 없이 순수하게 유지할 수 있는 작업기억의 용량은 4±1개에 가깝다고 결론지었다. 즉 Miller의 7과 Cowan의 4는 서로 모순되는 게 아니라, 청킹(정보를 묶어 처리하는 것)이 허용되는 조건이냐 아니냐의 차이일 뿐이다. 대시보드처럼 처음 보는 화면 — 아직 청킹이 안 된 낯선 정보 — 을 순간적으로 파악해야 하는 상황이라면, 기준은 7이 아니라 4에 가깝다고 보는 게 안전하다.

 

실무 적용: 대시보드 한 화면의 최상단, 즉 가장 먼저 눈에 들어오는 "핵심 KPI 영역"은 4-5개 이내로 제한하는 것이 근거 있는 선택이다. 20개의 지표가 꼭 필요하다면, 전부를 동일한 시각적 우선순위로 늘어놓지 말고 4-5개의 핵심 지표를 먼저 배치한 뒤, 나머지는 하위 섹션이나 드릴다운으로 분리해야 한다. SAP 커뮤니티에 정리된 Few의 원칙 요약에서도 KPI를 컴포넌트나 유형별로 논리적으로 그룹화하고, 하나의 패널에 여러 그룹이 있다면 공간적으로 분리하라고 권한다.

 

4. 원칙 3 — 시선은 정해진 경로로 움직인다 (F-패턴)

사람은 대시보드를 무작위로 훑지 않는다. Nielsen Norman Group이 232명을 대상으로 수천 개의 웹페이지를 관찰한 시선 추적 연구에서, 사용자는 상단을 가로지르는 수평 이동, 그보다 짧은 두 번째 수평 이동, 그리고 좌측을 따라 내려가는 수직 이동으로 이어지는 F자 형태로 화면을 스캔한다는 사실을 확인했다.

 

이 연구가 웹페이지 대상이었다는 한계는 있지만, Tableau가 자체적으로 진행한 대시보드 시선 추적 연구에서도 비슷한 패턴이 확인됐다. 동일한 요소가 반복되는 경우 — 예를 들어 KPI 카드가 한 줄로 나열된 경우 — 첫 번째 항목에 시선이 가장 강하게 집중되고, 왼쪽에서 오른쪽으로, 위에서 아래로 갈수록 주의가 급격히 떨어진다는 것이다. KPI 카드를 5개 나란히 배치했다면, 사용자 대부분은 마지막 두 개를 거의 보지 않는다는 뜻이다.

 

다만 최근 연구들은 F-패턴을 만능 법칙으로 취급하는 데 신중해야 한다는 신호도 보낸다. 캐러셀(carousel) 형태의 인터페이스를 분석한 2026년 연구에서는 첫 페이지에서는 좌상단이 아니라 두 개의 초점이 동시에 나타나는 이중 초점(dual-focus) F자형 패턴이 관찰되었고, 화면을 넘긴 이후에는 그 패턴이 거울처럼 반전되었다는 결과도 있다. 즉 F-패턴은 "텍스트가 밀도 높게 배치된, 처음 보는 화면"에서 가장 신뢰할 수 있는 기본값이지만, 절대 법칙은 아니다. 결론적으로 실무에서 취할 태도는 이렇다.

 

— 가장 중요한 지표는 좌상단에, 그다음 중요한 흐름(추이 차트)은 중앙에, 세부 탐색용 테이블은 하단에 배치하는 것을 기본값으로 삼되, 실제 사용자 그룹으로 검증하는 걸 생략하지 않는 것이다.

 

레이아웃 배치는 항상 고민이다.

 

5. 원칙 4 — 강조는 색이 아니라 지각 속도로 결정한다 (전주의적 속성)

"중요한 숫자는 빨간색으로 강조해주세요"라는 요청도 흔하다. 이걸 이해하려면 전주의적 처리(preattentive processing)라는 개념을 알아야 한다.

 

데이터 시각화 연구자 Colin Ware는 저서 『Information Visualization: Perception for Design』에서, 인간의 시각 시스템이 의식적으로 인지하기도 전에 색상·크기·형태·위치 같은 특정 속성을 50~500밀리초 만에 자동으로, 별다른 노력 없이 처리한다는 사실을 정리했다. 이 처리는 의식적 사고가 개입하기 전 단계에서 일어나기 때문에 "전주의적(preattentive)"이라 부른다.

 

여기서 실무적으로 중요한 지점은, 이 목록에 있는 여러 전주의적 속성 중 정량적 데이터를 정밀하게 지각하는 데 쓸 수 있는 건 2차원 위치와 선 길이 두 가지뿐이고, 나머지 속성들은 범주형이나 관계형 데이터를 구분하는 데 더 적합하다는 사실이다. 즉 "빨간색이니까 더 커 보인다"는 착각이 아니라, 색은 어디까지나 "이건 다른 카테고리다"를 즉각 알려주는 신호로 써야지, 수치의 크기 자체를 색으로 전달하려 해서는 안 된다. 크기 비교가 목적이라면 막대 길이나 위치를 쓰고, 색은 상태(정상/경고/위험) 구분에만 남겨두는 것이 이 이론과 맞는 설계다.

 

또 하나 실무에서 자주 놓치는 함정이 있다. Ware는 전주의적 속성은 화면에 등장하는 종류가 늘어날수록 효과가 급격히 떨어진다고 지적하며, 비둘기 떼 속에서 매 한 마리를 찾는 건 쉽지만 새의 종류가 다양해지면 매를 찾기 어려워지는 것과 같다고 비유했다. 대시보드 한 화면에 색·크기·아이콘·굵기 강조를 동시에 남발하면, 정작 진짜 봐야 할 이상치가 묻혀버린다. 강조 수단은 한 화면에 한두 가지로 제한해야 한다.

 

6. 원칙 5 — 색은 유일한 정보 전달 수단이 되면 안 된다

신호등 방식(빨강=위험, 초록=정상)의 KPI 카드는 거의 모든 대시보드 템플릿에 등장한다. 문제는 이 방식이 상당수의 사용자를 배제한다는 데 있다. 국내 질병관리청 통계에 따르면 국내 인구 중 남성의 5.9%, 여성의 0.44%가 선천적 색각이상을 가지고 있으며, 서양권에서는 남성의 8%, 여성의 0.5%가 색각이상을 겪는다고 보고된다. 가장 흔한 유형은 적록색각이상으로, 빨간색과 초록색을 구별하는 능력이 떨어지거나 상실된 상태를 말한다.

 

이 수치를 조직 규모에 대입해보면 감이 온다. 임원 20명이 보는 KPI 대시보드라면, 통계적으로 최소 한 명 이상이 빨강/초록 신호등을 색만으로는 구분하지 못할 가능성이 낮지 않다. 해결 방법은 어렵지 않다.

 

  • 상태 표시에 색 + 아이콘(▲▼) + 텍스트 라벨을 함께 쓴다
  • 빨강/초록 대신 명도 차이를 활용하거나, 파랑/주황처럼 적록색각이상자도 구분하기 쉬운 조합을 쓴다
  • 색만으로 상태를 판단해야 하는 화면 요소를 만들지 않는다 — 색은 "보조 수단"이어야 한다

7. 원칙 6 — 게슈탈트 원리로 그룹을 만든다

20세기 초 게슈탈트 심리학자들(Wertheimer, Koffka 등)이 정리한 시지각 원리들은 오늘날 대시보드 레이아웃의 근거로 그대로 쓰인다. 대시보드 설계에서 특히 자주 쓰이는 세 가지만 정리하면 다음과 같다.

원리 정의 대시보드 적용
근접성 (Proximity) 가까이 있는 요소는 하나의 그룹으로 인식된다 같은 부서/영역의 KPI는 여백으로 묶고, 다른 그룹과는 간격을 벌린다
유사성 (Similarity) 색·모양이 비슷한 요소는 같은 범주로 인식된다 같은 종류의 차트는 동일한 색상 팔레트를, 다른 종류는 다른 팔레트를 쓴다
공동 운명 (Common Fate) 같은 방향으로 변화하는 요소는 하나의 관계로 인식된다 연동된 필터·강조 표시(하이라이트 액션)로 관련 지표가 함께 움직이게 한다

 

이 원리들은 앞서 SAP 커뮤니티 글에서 정리한 Few의 "KPI를 논리적으로 그룹화하라"는 권고와 정확히 같은 방향을 가리킨다.

시각적으로 그룹을 나누는 것은 취향이 아니라, 사용자의 뇌가 자동으로 그룹을 만들어버리는 작동 방식에 맞추는 작업이다.

 

8. 정리 — 대시보드 디자인 원칙 요약

원칙 핵심 근거 실무 체크포인트
한 화면·5초 규칙 Few의 대시보드 정의, Tufte 데이터-잉크 비율 화면을 5초 보여주고 핵심을 답할 수 있는가?
작업기억 한계 Miller(1956) 7±2, Cowan(2001) 4±1 최상단 핵심 KPI는 4~5개 이내인가?
시선 이동 경로 NN/g F-패턴, Tableau 시선 추적 연구 가장 중요한 지표가 좌상단에 있는가?
전주의적 속성 Colin Ware, 강조 수단 남용 시 효과 저하 강조 수단(색·굵기·크기)을 1~2가지로 제한했는가?
색각 접근성 국내 남성 5.9% 색각이상 (질병관리청) 색만으로 상태를 전달하는 요소가 있는가?
게슈탈트 원리 근접성·유사성·공동 운명 관련 KPI가 여백/색상으로 명확히 그룹화됐는가?

 

 

 

🔗 참고 자료

이 글이 도움이 됐다면 댓글이나 공감으로 알려주세요.

소개 및 문의 · 개인정보처리방침 · 면책조항

© 2026 블로그 이름

티스토리툴바

티스토리툴바