버스 정보 안내판 정보 설계
서울 버스 정류장의 BIT(버스 정보 안내판)와 버스 노선도는 공공 정보 설계의 전형적인 문제를 보여주는 사례다. 아티클들은 도착 정보 안내판의 번호 정렬 문제, 노선도의 맥락 부재 문제, 그리고 해외 노선도 사례를 통한 대안적 접근법을 분석한다.
번호 정렬 문제: BIT는 버스 번호를 숫자가 아닌 문자열(사전순)로 정렬해 "3012번"이 "401번"보다 먼저 표시되는 비직관적 결과가 나온다. 또한 Z자 레이아웃 대신 N자 열 구조가 읽기에 더 자연스럽다. "곧도착" 버스가 목록에서 사라지는 문제도 동일 노선이 방문마다 다른 위치에 나타나게 해 학습을 방해한다. 2017년 이후 일부 개선이 이루어져 숫자 정렬과 N자 레이아웃이 적용되기 시작했다.
노선도 맥락 부재 문제: "지금 나는 여기 있다"는 맥락 없이 전체 노선도만 제공하는 것은 인지 부담을 높인다. 정류장마다 다른 시작 지점 표시가 필요하지만, 비용 때문에 정류장별 인쇄가 어려웠다. 이 문제는 공공 데이터 API와 프로그래밍으로 해결 가능하다. 자동화로 정류장별 노선도를 생성하면 인쇄 비용 문제를 해결하면서 맥락에 맞는 정보를 제공할 수 있다.
노선도 정보 설계의 핵심 원칙은 노이즈 제거다. 현재 정류장 이전 구간, 내비게이션 도로망 등 불필요한 요소를 제거하면 실제 사용자에게 필요한 정보가 부각된다. 역 이름 그룹핑(시·구 단위), 강이나 고속도로 같은 지리적 랜드마크 표시, 지하철 환승역 강조, 정류장별 배차 간격 기반 중요도 표현 등이 개선 방향이다. 서울시 디자인 재단의 2017년 버스 내부 정보 설계 가이드라인이 이 연구를 참고 사례로 활용했다.
해외 버스 노선도 유형
해외 사례를 분석하면 버스 노선도는 크게 네 가지 유형으로 분류된다.
현 정류장 기준 노선도: 영국 런던에서 주로 활용되는 방식으로, 현재 정류장을 시작점으로 삼아 해당 정류장에 서는 모든 버스의 경로를 한 화면에 통합 표시한다. 어느 버스가 어디까지 같은 방향으로 가다가 갈라지는지를 단순화해 보여주므로 비교가 쉽다. 우리나라처럼 버스 번호 순서로 나열하는 방식과 달리, 경로 중심으로 정보를 구성한다. 단, 한국처럼 버스 색상 체계(빨강·파랑·초록·노랑)가 있을 경우 임의 색상 사용이 어려워 적용에 제한이 있다.
지도형 노선도: 유럽 대부분에서 볼 수 있으며, 해당 지역의 모든 버스 노선을 실제 지도 위에 표현한다. 일반적으로 개별 노선도와 함께 부착된다. 목적지 방향 버스를 한눈에 파악할 수 있다는 장점이 있으나, 노선이 많으면 뭉쳐서 알아보기 어렵고 형식이 통일되지 않은 경우 오히려 혼란을 줄 수 있다.
실제 경로 형태 노선도: 프랑스 파리에서 많이 볼 수 있으며, 버스 안에도 부착된다. 강·다리 등 지리 정보를 활용해 경로와 위치를 직관적으로 인식하게 한다. 다만 가로로 긴 형태를 유지해야 하므로 동서남북을 임의로 조정해야 하는 경우가 많고, 가는 방향과 오는 방향의 정류장 표기가 모두 위로 배치될 때 불필요한 정류장까지 읽게 되는 문제가 있다.
시간표 첨부 노선도: 노선 경로와 함께 출발·도착 시간표를 함께 제공하는 방식이다. 배차 간격이 긴 지역에서 특히 유용하며, 사용자가 다음 버스가 언제 오는지 즉시 파악할 수 있다.
모바일 버스 앱 운행 정보 UX
모바일 버스 도착·운행 정보 화면에는 나쁜 디자인이 표준이 된 전형적인 사례가 있다. 네이버·다음·서울시·경기도·T맵 등 대부분의 앱이 왼쪽에 정류장 명, 오른쪽에 노선 그래픽과 버스 현위치를 분리 배치하는 방식을 공유하고 있다. 이 레이아웃이 퍼진 이유는 최적 설계가 아니라 서울버스앱 모방이다. 처음 개인 개발자가 설계한 형태를 이후 기업들이 검토 없이 답습한 것이다.
두 가지 핵심 문제가 있다. 첫째, 정보 요소 분리—정류장 이름과 버스 아이콘이 화면 양 끝에 떨어져 매칭이 어렵다. 인접성 원칙에 따라 두 요소는 같은 행에 나란히 있어야 한다. 둘째, 목록 방향 역전—버스 노선을 출발지→종점 순서로 위에서 아래로 나열하면, 내 정류장 이후 버스를 확인하려는 사용자는 화면을 반대 방향(위)으로 다시 훑어야 한다. 사용자는 자신의 정류장 기준으로 이후 구간만 필요하므로, 목록 순서를 현 위치 기준으로 역전하면 자연스러운 스크롤 흐름이 만들어진다.
개선 아이디어는 lo-fi 프로토타이핑에서 출발했다. 기존 캡처 이미지를 잘라 붙이며 빠르게 레이아웃을 재조합해 효과를 확인한 뒤, 실제 동작하는 프로토타입으로 발전시켰다. 정렬 조정과 목록 역전 외의 세부 요소는 애자일 방식으로 하나씩 추가하고 평가했다. 이 접근법의 교훈: 상상으로 화면을 그리기보다 직접 만지고 조작해보는 반복 과정이 디테일 설계에 더 효과적이다.
핵심 내용
- 숫자처럼 보이는 데이터도 문자열 정렬이 적용되면 비직관적 결과가 나올 수 있음
- 공공 서비스 정보 설계는 사용자 맥락("나는 지금 여기 있다")을 반드시 반영해야 함
- 프로그래밍 자동화로 비용 장벽을 극복해 정류장별 맞춤 노선도 생성 가능
- 정보 디자인은 요소를 추가하기 전에 불필요한 요소를 제거하는 것이 우선
- 해외 노선도는 경로 중심(런던), 지도형(유럽), 실제 경로형(파리), 시간표형으로 분류됨
- 사용성 문제를 개선하려면 실제 현장 테스트와 사용자 피드백이 필수
- 모바일 버스 앱의 나쁜 디자인 표준화: 최적 설계가 아닌 서울버스앱 답습에서 비롯
- 목록 방향 역전(현 위치 기준) + 정보 요소 근접 배치가 핵심 개선 원칙
관련 개념
- 정보 디자인 원칙 — 노이즈 제거와 맥락 제공은 정보 디자인의 핵심 원칙
- 정보 구조 설계 IA — 공공 정보 서비스의 구조 설계 문제와 맞닿아 있음
- 키오스크 UI 설계 — 공공 장소의 디스플레이 UI 설계 문제를 공유
지하철 승강장 전광판 정보 설계
지하철 승강장 전광판은 하루 수백만 명이 반드시 주시하는 공공 정보 매체다. 승객이 승강장에서 필요로 하는 핵심 정보는 행선지, 열차 도착 시각, 목적지까지의 소요 시간, 다음 열차 정보, 막차 여부로 정리된다. 이 정보들이 얼마나 충실히 제공되는지가 전광판 설계의 핵심 기준이 된다.
광고와 정보의 충돌 문제가 가장 심각하다. LED 전광판이 컬러 영상을 지원하면서 광고 수익 수단으로 활용되고, 열차를 기다리는 바로 그 시간에 광고가 도착 정보를 가려버리는 역설적 상황이 발생한다. 승객 입장에서 열차가 없는 대기 시간이 오히려 가장 정보가 필요한 순간인데, 이때 광고가 롤링된다. 이는 매체 수익과 사용자 필요 사이의 근본적 갈등이다.
국내외 전광판 사례를 비교하면 설계 방향이 뚜렷이 갈린다. 서울 지하철 3색 LED 전광판은 행선지·도착 시각·다음 열차 정보를 제공하지만 광고 롤링으로 핵심 정보가 간헐적으로 차단된다. 듀얼 스크린 방식은 정보와 광고를 분리 표시하려 했지만 행선지 정보 중복 표시, 다음 열차 행선지 미표시 등 세부 설계 문제가 남아 있다. 반면 도쿄 지하철 전광판은 행선지·도착 시각·다음 열차 정보를 간결한 화면에 담아 요구 항목 대부분을 충족한다. 베를린 전광판은 '대기 시간'을 별도 표시하고, 시계를 전광판 옆에 독립 배치해 목적지 도착 시간 예측을 돕는다.
시계의 역할이 흥미로운 통찰로 제시된다. 목적지까지 제시간에 도착 가능한지 판단하려면 현재 시각이 필수다. 전광판 내 소프트 레이아웃에서 시계 위치는 광고에 밀려 위협받기 쉬우므로, 아날로그 시계를 전광판 옆 독립 위치에 두는 것이 더 안정적이다. 아날로그 시계는 시간의 양적 흐름을 시각적으로 표현하는 데 적합하다는 점에서 디지털 표시보다 유용할 수 있다.
초행길 승객을 위한 소요 시간 정보는 승강장 전광판보다 객차 내부 화면이 더 적합한 매체다. 역마다 바뀌는 현재 위치 기반 소요 시간 표시는 탑승 후 실시간으로 제공하는 것이 정보량과 맥락 면에서 자연스럽다.
출처
- 버스 정류장 도착 정보 안내판의 번호 정렬 규칙 — 2017-04-10, 無異
- 정류장 맥락을 고려한 버스 노선도 리디자인 — 2015-06-15, 無異
- 정류장 맥락을 고려한 버스 노선도 디자인 1/3 – 해외 버스 노선도 사례와 특징 — 2015-03-10, 알 수 없는 사용자
- [정보디자인] 버스 도착, 노선 운행 정보 — 2012-11-19, 無異
- 공공디자인-지하철 전광판 — 2010-07-27, 전성진