정보 디자인 원칙

정보 디자인은 사용자가 정보를 효과적으로 인지하고 행동할 수 있도록 정보의 구조와 표현을 설계하는 일이다. 한국어 맞춤법/문법 검사기 리디자인 사례는 이 원칙들이 실제 UI 개선에 어떻게 적용되는지를 잘 보여준다.

"stacked in time"보다 "adjacent in space" 방식이 인지 부담을 줄인다. 기존 맞춤법 검사기는 오류를 하나씩 순차적으로 처리하도록 강제했지만, 리디자인에서는 대치어를 원문에 함께 표시하여 시선 이동과 마우스 조작을 크게 줄였다. 틀린 표현은 덜 강조하고 바른 표현을 부각하는 방식이 불필요한 인지를 줄인다.

컬러 코딩도 중요한 설계 영역이다. 연속적인 하나의 속성(예: 오류 신뢰도)을 표현할 때는 불연속적인 색상 조합이 아니라 연속적인 명도·채도·근접 색상을 사용해야 관계가 직관적으로 전달된다. 장식적 요소(과도한 테두리선, 배경색 등)는 실제 정보로부터 주의를 분산시키므로 덜어내야 한다.

알림 설계에서도 강도를 상황에 맞게 조절해야 한다. 사용자가 의도적으로 한 행위에 대한 피드백에는 강제 확인이 필요한 모달 다이얼로그 대신, 자동으로 사라지는 토스트 알림이 적절하다.

핵심 내용

  • "시간에 쌓인 정보"보다 "공간에 펼친 정보"가 사용 흐름에 유리
  • 오류보다 정답을 강조하는 방향이 인지 부담을 낮춤
  • 단일 속성 차이 표현에는 연속적 색상 스케일 사용
  • 불필요한 장식(선, 배경색)은 정보 집중을 방해
  • 테이블에서 가운데 정렬은 가독성을 해침
  • 알림 강도는 사용자 행동의 중요도에 비례해야 함
정류장 맥락을 고려한 버스 노선도 리디자인 사례도 정보 디자인 원칙의 중요한 예시다. 기존 버스 노선도는 모든 정류장을 동일한 형식으로 나열하여 사용자가 현재 위치와 방향을 파악하기 어려웠다. 리디자인에서는 현재 정류장 이전 노선을 과감히 제거하고, 방향 화살표·지리 정보(한강, 고속도로 등)·행정구역 구분을 추가하여 사용자가 필요한 정보에 빠르게 도달할 수 있도록 했다. 지하철역을 노선 위에 크게 배치해 랜드마크 역할을 강화했으며, 불필요한 시각 요소(선, 동그라미)의 명도를 낮춰 노이즈를 제거했다. 이는 "stacked in time" 대신 "adjacent in space"의 원칙을 공간 정보에 적용한 사례다.

핵심 내용

  • "시간에 쌓인 정보"보다 "공간에 펼친 정보"가 사용 흐름에 유리
  • 오류보다 정답을 강조하는 방향이 인지 부담을 낮춤
  • 단일 속성 차이 표현에는 연속적 색상 스케일 사용
  • 불필요한 장식(선, 배경색)은 정보 집중을 방해
  • 테이블에서 가운데 정렬은 가독성을 해침
  • 알림 강도는 사용자 행동의 중요도에 비례해야 함
  • 노선도 등 방향 정보는 현재 위치 기준으로 이전 정보를 제거하고 랜드마크로 그루핑

관련 개념

출처

최종 업데이트: 2026-04-06 | 출처 2개