여행 검색 엔진 UI 설계 사례 연구와 프로토타입

초록

본 논문은 일반 사용자와 기업 사용자를 위한 여행 검색 엔진의 사용자 인터페이스를 설계하고, 2002년 당시 주요 여행 사이트의 장점을 통합한 웹 기반 프로토타입을 구현한다. 설계 과정에서 사용 시나리오, 디자인 가이드라인, Nielsen의 휴리스틱을 적용했으며, 백엔드 기능은 제외하고 PHP를 이용한 일부 동적 요소만을 포함한다.

상세 요약

이 연구는 UI 설계 초기 단계에서 사용자 중심 접근법을 강조한다. 먼저 일반 사용자와 기업 사용자의 요구를 구분하기 위해 두 가지 주요 시나리오를 정의했으며, 각각의 시나리오에 맞는 화면 흐름과 인터랙션 패턴을 도출했다. 디자인 가이드라인은 가독성, 일관성, 피드백 제공 등을 중점으로 삼았으며, 특히 색상 대비와 폰트 크기 선택에 있어 WCAG 수준을 고려했다. Nielsen의 10가지 휴리스틱을 검증 체크리스트로 활용해 각 화면 요소가 ‘시스템 상태 가시성’, ‘사용자 제어와 자유’, ‘오류 방지’ 등을 충족하도록 설계했다. 프로토타입은 정적 HTML/CSS 기반이지만, 검색 결과 페이지 전환, 날짜 선택 위젯, 가격 필터링 등 핵심 인터랙션을 PHP 스크립트로 구현해 사용자가 실제 동작을 체험할 수 있게 했다. 또한 오픈소스로 공개된 코드 구조는 모듈화와 재사용성을 염두에 두어, 향후 백엔드 연동이나 모바일 최적화 작업이 용이하도록 설계되었다. 한계점으로는 백엔드 로직이 부재해 실제 데이터베이스와 연동된 성능 테스트가 불가능하고, 사용자 테스트가 설계 단계에서 설문 기반으로만 진행돼 실사용 환경에서의 행동 데이터를 확보하지 못했다는 점을 들 수 있다. 그럼에도 불구하고, 당시 최신 UI 트렌드와 휴리스틱 평가를 결합한 설계 프로세스는 이후 여행 서비스 UI 개발에 참고 모델로 활용될 수 있다.