무대

01문제

대형 예매 사이트의 좌석 선택 화면은 수백 석 공연장을 전제로 설계되어 있습니다. 100석 남짓한 소극장이 같은 UI를 쓰면 좌석은 좁쌀만 해지고, 관객의 절반이 좌석 선택 단계에서 이탈했습니다.

02접근

소극장의 좌석은 "구역"보다 "줄"이 중요합니다. 좌석표를 줄 단위 리스트와 간단한 평면도의 이중 구조로 다시 그리고, 모바일 예매를 탭 3번(회차, 줄, 좌석)으로 끝나게 재설계했습니다.

• 무대와의 거리, 시야 특이사항(기둥, 단차)을 줄 단위 메모로 붙여 실제 극장에 가 본 사람의 조언처럼 읽히게 했습니다.
• 스크린 리더 사용자를 위해 좌석표 전체를 논리적 순서의 리스트로도 제공하고, 색상만으로 상태를 구분하지 않도록 했습니다.
• 잔여석이 5석 이하로 내려가면 좌석 선택을 건너뛰는 "빠른 예매" 경로를 열어 매진 직전의 초조함을 줄였습니다.

03결과

좌석 선택 단계 이탈률이 47%에서 18%로 내려갔고, 모바일 예매 완료 시간 중앙값은 74초를 기록했습니다. 이 프로젝트로 작은 공연장에는 작은 공연장의 문법이 필요하다는 확신을 얻었습니다.