{3줄 요약}
정보 밀도는 한 화면에 얼마나 많은 내용을 어떤 압축으로 보여줄지 정하는 일이에요.
너무 적으면 여러 번 이동해야 하고 너무 많으면 압도되어 흐름이 무너져요.
밀도를 조절할 수 있으면 제품 목적과 맥락에 맞는 화면 리듬을 만들 수 있어요.
정보 밀도란 무엇인가요
정보 밀도(Information Density)는 화면 안에 배치된 정보의 양과 복잡도를 말해요.
밀도가 높으면 한 화면에서 많은 것을 볼 수 있어요.
밀도가 낮으면 한 번에 보이는 게 적지만 각 항목이 명확해요.
어느 쪽이 맞는지는 상황에 따라 달라요.
높은 밀도가 맞는 경우 - 전문가 도구, 데이터 분석, 주식 거래 화면.
사용자가 많은 정보를 동시에 비교하고 분석해야 해요.
낮은 밀도가 맞는 경우 - 모바일 앱, 소비자 서비스, 온보딩 화면.
빠른 이해와 직관적 행동이 중요해요.
네이버 vs 구글: 같은 검색, 다른 밀도
두 서비스 모두 검색 서비스이지만 정보 밀도가 달라요.
네이버 홈 - 검색창, 뉴스, 메뉴, 배너, 날씨, 증시.
... 많은 정보가 첫 화면에 있어요.
포털 서비스의 특성상 다양한 콘텐츠를 한 곳에서 탐색하는 사용자를 위한 설계예요.
구글 홈 - 로고와 검색창만 있어요.
검색이 유일한 목적인 사용자를 위한 설계예요.
둘 다 틀린 게 아니에요.
서비스의 목적과 사용자 행동 패턴이 다르기 때문에 밀도가 달라진 거예요.
정보 밀도를 결정하는 요소들
사용자의 전문성 수준 - 초보자는 정보가 적을수록 이해하기 쉬워요.
전문가는 많은 정보를 한눈에 볼 수 있어야 효율적이에요.
화면 크기 - 모바일은 밀도를 낮게, 데스크탑은 높게 가져갈 수 있어요.
손가락 터치는 마우스보다 정밀도가 낮으니까요.
사용 맥락 - 이동 중에 쓰는 앱과 사무실 PC에서 쓰는 앱은 달라요.
이동 중은 낮은 밀도, 집중 작업 환경은 높은 밀도가 어울려요.
작업의 성격 - 탐색하는 작업(뭘 볼지 고르는)은 낮은 밀도, 분석하는 작업(데이터 비교)은 높은 밀도가 맞아요.
밀도를 조절하는 방법
여백 조정 - 간격을 넓히면 밀도가 낮아지고, 좁히면 높아져요.
같은 양의 정보도 여백으로 인상이 완전히 달라져요.
정보 그룹화 - 관련 정보를 묶으면 개수는 같아도 복잡하게 느껴지지 않아요.
점진적 공개 - 기본은 낮은 밀도로 보여주고, 사용자가 원할 때 더 볼 수 있게 해요.
"더 보기", "고급 설정", 펼침/접힘 구조가 이 방식이에요.
탭/섹션 분리 - 모든 정보를 한 화면에 담지 않고 탭이나 섹션으로 나눠요.
밀도가 잘못 설정됐다는 신호
사용자가 "화면이 복잡해요"라고 하면 밀도가 높은 거예요.
사용자가 "원하는 걸 찾으려면 여러 화면을 거쳐야 해요"라고 하면 밀도가 낮은 거예요.
두 불만이 모두 나온다면, 전체 밀도 설계를 재검토할 시점이에요.
정보 밀도와 스캔 패턴이 어떻게 연결되는지는 Interface 스캔 패턴에서 다뤄요.
관련 아티클
- 시각적 단순화 - 밀도를 낮추는 방법으로서의 단순화를 다뤄요.
- Interface 스캔 패턴 - 밀도에 따라 스캔 패턴이 어떻게 달라지는지 연결돼요.
- 가독성의 원리 - 높은 밀도에서 가독성을 유지하는 방법이에요.
참고 문헌
- Jenifer Tidwell, 《Designing Interfaces》(2020) - 정보 밀도 패턴과 점진적 공개를 다뤄요.
- Edward Tufte, 《Envisioning Information》(1990) - 데이터 밀도와 시각화 원칙을 설명해요.