UI/UX 설계
페이퍼 프로토타입
[ 시니어를 위한 간편 모드 승차권 예매 앱 ]
팀 명 孝(효)레일
문서 버전 ver 1.0
제출 일자 0000.00.00
팀원 팀원 1, 팀원 2, 팀원 3, 팀원 4
1. 프로젝트 개요
1-1. 프로젝트명: 시니어를 위한 간편 모드 승차권 예매 앱 1-2. 목적
인구의 노령화로 인해 노년층의 철도 사용률은 높아지고 있는데 반해, 노년층이 기존의 승차권 예매 모바일 앱 ‘코레일톡’ 서비스를 이용하는 비율은 현저히 낮다. 기존 앱을 살펴보면 복잡하고 직관적이지 않은 UI 구
성으로 인해 장•노년층이 사용하기에 적합하지 않음을 알 수 있다. 노년층을 고려하지 않은 기존의 코레일 모바일 앱을 개선하여 노년층이 편리하게 사용할 수 있는 사용자 인터페이스를 제공함으로써 디지털 격차를 해소하고자 한다.
1-3. 문제점 및 해결방안
● 문제점: 장•노년층이 이해하기 어려운 UI와 복잡한 예매 프로세스 1) 수행할 작업과 현 상황에 대한 안내가 부족함
: 기존의 '코레일톡' 앱 인터페이스는 전체 승차권 예매 과정에 대한 안내 없이 예매가 진행된다. 현재 사용자 가 진행하고 있는 단계에 대한 정보, 앞으로 몇 단계를 더 거쳐야 예매가 모두 완료된다는 정보의 결핍으로 인해 사용자는 앱을 통한 승차권 예매 과정에서 심리적으로 큰 부담감을 갖게 된다.
2) 하나의 창에서 과도하게 많은 작업을 수행함
: 예매의 첫 화면에서 출발역과 기차역, 날짜, 시간, 인원 등의 세부사항들을 모두 선택하도록 UI를 구성하여
노년층이 선택해야 할 사항들을 한눈에 파악하기 어렵다. 또한, 한 화면에서 많은 단계를 수행해야 하므로 노 년층에게 부담감과 피로감을 준다.
● 해결방안: 장•노년층이 자주 사용하는 기능으로만 승차권 예매 프로세스를 간소화하여 간편모 드로 제공한다.
1) 예매 과정을 간소화하여 설계한다.
: 기존의 '코레일톡' 앱에서 제공하는 기능 중에서 사용자의 80%가 주로 사용하는 필수적인 기능만 간편모 드에 포함시키고, 나머지 기능은 일반모드에서 수행하도록 하여 프로세스를 간소화한다.
2) 단순하고 순차적인 예매 프로세스로 구성한다.
: 모든 예매 과정을 하나의 창에서 하나의 단계만 진행하는 것 기본으로 하여 입력한 정보 확인의 편리성 및 빠진 정보 유무에 대한 불안감이 감소한다. 또한, 총 진행 단계 및 현재 진행 단계를 가시화하여 조작 상황에 대한 안정감을 제공한다.
2. Low-fi 프로토타입 설명
2-1. 대분류 별 주요 화면과 구성요소
[열차 조회]
출발역과 도착역 선택 시에는 주요역과 역 검색을 통해 역을 선택하는 화면이 필요하며, 구성 요소로는 주요 역과 검색 결과 역 등이 필요하다. 출발 날짜 선택 화면은 당일 출발과 당일이 아닌 날짜 출발로 나뉘어 선택 할 수 있는 화면, 출발일 선택을 눌렀을 경우, 달력에서 날짜를 선택할 수 있는 화면이 필요하다. 출발일 선택 후 시간을 선택할 수 있도록 출발 시간 선택 화면이 필요하다. 구성 요소로는 각각의 날짜와 시간 등이 있다.
열차 종류는 고속 열차와 일반 열차로 나뉘어 선택할 수 있는 화면이 필요하며, 인원 선택은 연령별로 나누어 서 인원 수를 선택할 수 있는 화면이 필요하다.
[열차 예매]
열차 선택에서는 조회된 열차 목록을 띄워주는 화면이 필요하며, 각각의 시간대별 열차 항목이 구성 요소가 된다. 열차 선택 후에는 지금까지 선택한 요소들로 구성된 결제 내용을 띄워주는 화면이 필요하다. 이 화면에 서 좌석 변경을 선택하면 좌석 변경 화면이 나오며, 선택하지 않으면 좌석 변경 화면이 뜨지 않는다.
[발권 확인/취소]
발권 확인/취소에서는 예매자 정보를 입력하는 화면, 승차권을 확인하고 예매 취소를 택할 수 있는 화면, 취 소 완료 화면이 필요하다. 구성요소로는 예매자 정보와 승차권 정보가 있다.
2-2. 시나리오 별 페이퍼 프로토타입
대표 시나리오 1 - 2주 뒤 전주로 떠나는 효도 여행을 위한 왕복 단체 승차권 예매 및 취소 페이퍼 프로토타입 1
대표 시나리오 2 – 일주일 뒤 혼자 떠나는 부산여행을 위한 편도 1인 승차권 예매 및 취소 페이퍼 프로토타입 2
대표 시나리오 3 – 일주일 뒤 혼자 떠나는 부산여행을 위한 왕복 1인 승차권 예매
대표 시나리오 4 – 당일에 수원 출발, 서울 도착하는 기차 왕복 1인 승차권 예매 페이퍼 프로토타입 4
3. 사용자 테스트 실험 및 결과
3.1 참여자 및 인터뷰 환경
인터뷰 대상은 다음과 같으며 온라인 승차권 예매 경험에 따라 각각 상, 중, 하로 나누었다.
이름 기본정보 온라인 승차권 예매 경험 인터뷰 담당자
사용자 1 김명순 65세 여성 3회 이상 있음 상 팀원 1
사용자 2 신영호 65세 남성 1회 있음 중 팀원2
사용자3 강미자 70세 여성 없음 하 팀원 2
① 참여자 선정 이유
- 맥락 질의 인터뷰를 함께 진행하였던 인터뷰 대상자 분들을 사용자 테스트 참여자로 선정하였다. 인터뷰를 진행하면서 모두 기존 코레일 톡 앱을 사용해 보았으므로, 테스트를 진행하며 이전 앱과의 비교를 통해 사용 하기 편리해진 점을 더 분명히 알 수 있으며 어떤 점을 더 개선해야 할지 명확히 알려줄 수 있을 것이라 기대 하였다.
② 실험 장소 - 사전 인터뷰를 진행했던 카페에서 그대로 진행하였다.
3.2 사용자 테스트 대상 작업
(* 당일 출발/인원 경로 1인은 기본 옵션이므로 작업에 포함 X)- ① : 왕복 선택-> 출발역/도착역 선택-> 날짜(당일X)/시간 선택 -> 열차 종류 선택 -> 인원(4인) 선택
-> 열차 선택 -> 좌석 선택 -> 예매자 필수 정보 입력 -> 결제 -> 예매 정보 확인 -> 예매 취소(1매만)
- ② : 편도 선택 -> 출발역/도착역 선택 -> 시간 선택 -> 열차 종류 선택 -> 열차 선택 -> 좌석 선택 -> 결 제 내용 확인 -> 결제 -> 예매 정보 확인 -> 예매 취소
- ③ : 왕복 선택 -> 출발역/도착역 선택 -> 날짜(당일X)/시간 선택 -> 열차 종류 선택 -> 열차 선택 -> 결
제 내용 확인 -> 결제
- ④ : 왕복 선택 -> 출발역/도착역 선택 -> 시간 선택 -> 열차 종류 선택 -> 열차 선택 -> 결제 내용 확인 -> 결제
- ⑤ : 편도 선택 -> 출발역/도착역 선택 -> 시간 선택 -> 열차 종류 선택 -> 열차 선택 -> 결제 내용 확인 -> 결제 -> 예매 정보 확인
3.3 진행 과정
테스트를 진행하기 전, 프로토타입, 작업 지시서, 사용자 테스트 참여 동의서 등 테스트에 필요한 자료를 준 비한다. 참여자에게 프로토타입 테스트에 대한 간단한 설명을 해준 뒤, 작업지시서와 프로토타입을 주었다.
또한, 사용자 테스트 참여 동의서를 작성하도록 한다. 이후 참여자는 작업지시서에 따라 프로토타입 테스트 를 진행한다. 진행자는 사용자의 조작 과정에 따라 화면을 계속 바꿔주고, 기록할 만한 사항이 있으면 기록한 다. 사용자가 예상치 못한 조작을 하면 즉시 해당 화면을 포스트잇으로 만들어내며 화면을 바꿔주었다.
4 해석 및 토론
4.1 결과 분석
대분류
관찰된 문제점 심각도
(1~5) 해결책 수정
상황 당일 출발인데 오늘 출발말고 출발일 선
택을 눌러버림 5 ‘출발일 선택’ 대신 ‘다른 날 선택’ 으로 명칭을 바꿔 줌.
시간 선택 시 오전/오후 구분을 잘 못함 2 상단이 오전, 하단이 오후 시간대임을 명시함.
새마을 호는 고속 열차가 아니라 일반 열
차에 속하는 것인지 헷갈려 함 2 “고속 열차(ktx), 일반 열차(무궁화호, 새마을 호) 를 선택하세요.” 화면에 안내를 띄워줌. 이미
수정 좌석 변경을 선택할 때 체크박스를 누르
는 것인지 물어봄 2 체크박스 선택 대신 버튼을 눌러 선택하도록 변경
함. 이미
수정 인원 선택 시 승객 연령을 고려하지 않고
선택함 1 승객 연령에 맞게 인원을 선택하라는 안내를 화면
에 띄워줌 열차
예매 비밀번호(예매자 필수 정보)와 카드 비밀
번호 입력을 헷갈려 함 2 예매자 정보와 카드 결제 정보를 화면을 나누어 입
력함 이미
수정 카드 비밀번호가 무엇으로 설정되어 있
는지 모름 1 카드 비밀번호 찾기 화면으로 링크 연결
예매 취소를 누르면 2인의 승차권이 모
두 취소될까봐 주저함 1 가는 날짜/시간 선택 완료 후 오는 날짜/시간을 선 택하라고 따로 알림창을 띄워줌.
예매 취소를 잘못 누름 2 예매 취소 선택 시 다시 한번 확인하는 안내창 띄워 줌
4.2 토론
① 실험을 통해 알게 된 점
시니어 사용자들은 키패드로 입력하는 것을 선호하지 않으며, 입력은 간단한 정보를 입력하도록 요구해야 한 다. 또한, 대화체 안내를 통해 작업을 자연스럽게 수행하도록 요구하는 것이 필요하다.
② 향후 수정 방향
사용자들이 어떤 작업을 필요로 하는지를 제대로 알고 기본 설정으로만 시스템을 사용하여도 간편모드로 간 편하게 승차권을 예매할 수 있도록 하는 것이 중요하다. 또한 단어 선택을 신중하게 하여 혼란을 최소화해야 한다.