모바일 예약

모바일 예약 화면은 입력보다 선택과 복구를 쉽게 만들어야 합니다

작은 화면에서 예약 맥락을 잃지 않고 최소한으로 입력하며 오류 뒤에도 다시 시작하지 않게 만드는 모바일 예약 흐름 설계법입니다.

애드온 편집팀

모바일 예약에서 이탈하는 이유를 버튼 색이나 의지가 약한 방문자 탓으로 돌리면 핵심을 놓칩니다. 진료과를 고른 뒤 의료진과 날짜를 오갈 때 앞선 선택이 사라지거나, 마지막 단계에서 긴 개인정보 입력을 만나면 예약 의도가 있어도 멈출 수 있습니다. 작은 화면에서는 각 단계의 목적과 현재 선택, 남은 일이 동시에 이해돼야 합니다. 개선은 입력칸을 무조건 한 화면에 줄이는 것보다 사용자가 결정의 맥락을 잃지 않게 하는 데서 시작합니다.

선택의 조건과 결과를 같은 화면에 보여줍니다

진료과, 의료진, 날짜, 시간을 고르는 순서를 병원 내부 조직도보다 환자가 아는 정보에 맞춥니다. 선택할 수 없는 시간은 누른 뒤 거절하지 말고 이유와 가능한 대안을 미리 표시합니다. 상단에는 현재 고른 항목을 간단히 고정해 이전 단계로 돌아가도 무엇이 바뀌는지 알 수 있게 합니다. 다음 버튼은 내용과 떨어진 화면 끝에 숨기지 않으며, 팝업과 채팅창이 날짜나 제출 버튼 위를 덮지 않는지 여러 크기의 실제 기기에서 확인합니다.

입력은 접수에 필요한 순간만 요청합니다

예약 요청을 식별하고 회신하는 데 필요한 정보와 진료 현장에서 확인할 정보를 분리합니다. 입력 형식은 예시로 안내하고 휴대전화 번호나 날짜는 모바일 키보드가 목적에 맞게 열리도록 설정합니다. 사용자가 이미 적은 값을 다음 단계에서 되묻지 않으며, 오류 메시지는 문제가 난 칸 옆에서 고치는 방법까지 알려줍니다. WCAG 2.2의 입력 지원과 중복 입력 방지 기준은 이런 흐름을 접근성 관점에서도 점검하게 해 줍니다.

연결이 끊겨도 처음부터 쓰게 하지 않습니다

전화가 오거나 브라우저가 잠시 닫히는 상황을 예약 실패로 만들지 않도록 동의한 범위에서 진행 상태를 보존합니다. 제출을 여러 번 눌러 중복 요청이 생기지 않게 처리 중 상태를 분명히 보여주고, 실패하면 기존 입력을 유지한 채 다시 시도할 방법을 제공합니다. 단계별 이동과 오류 발생, 제출 성공을 구분해 측정하되 개인의 건강정보가 분석 도구에 불필요하게 남지 않는지도 확인합니다. 개선 뒤에는 완료율과 함께 중복 예약, 잘못 선택한 일정, 전화 재확인 건수가 줄었는지를 살핍니다.

‘선택의 조건과 결과를 같은 화면에 보여줍니다’ 검토를 인계할 때 남길 네 가지

‘선택의 조건과 결과를 같은 화면에 보여줍니다’를 다른 담당자에게 넘길 때는 결과 파일만 전달하지 않고 수정 이유, 사용한 기준, 확인하지 못한 부분, 다음 점검 시점을 함께 남깁니다. 특히 ‘입력은 접수에 필요한 순간만 요청합니다’의 문구가 승인됐는지와 ‘연결이 끊겨도 처음부터 쓰게 하지 않습니다’의 링크가 실제 공개 주소에서 작동하는지를 분리해서 기록해야 합니다. ‘모바일 예약 화면은 입력보다 선택과 복구를 쉽게 만들어야 합니다’의 표현을 다시 바꾸려는 사람은 먼저 이 기록에서 기존 결정의 근거를 확인하고, 상황이 달라진 항목만 새 자료로 교체합니다. 이 네 가지가 있으면 담당자가 바뀌어도 ‘선택의 조건과 결과를 같은 화면에 보여줍니다’의 결론을 임의로 넓히거나 ‘입력은 접수에 필요한 순간만 요청합니다’의 검토를 완료로 오인하는 위험을 줄일 수 있습니다.

‘연결이 끊겨도 처음부터 쓰게 하지 않습니다’의 변경 이력을 독자가 보는 화면과 맞추기

수정 이력에는 ‘연결이 끊겨도 처음부터 쓰게 하지 않습니다’를 고친 날짜뿐 아니라 무엇이 달라졌고 어느 화면까지 반영했는지를 적습니다. 내부 문서의 완료 표시와 공개된 ‘모바일 예약 화면은 입력보다 선택과 복구를 쉽게 만들어야 합니다’의 상태가 다를 수 있으므로 게시 주소에서 ‘선택의 조건과 결과를 같은 화면에 보여줍니다’, ‘입력은 접수에 필요한 순간만 요청합니다’, ‘연결이 끊겨도 처음부터 쓰게 하지 않습니다’를 다시 확인한 뒤 완료로 바꿉니다. 본문에서 말한 〈WCAG 2.2의 입력 지원과 중복 입력 방지 기준은 이런 흐름을 접근성 관점에서도 점검하게 해 줍니다〉 항목을 구체화하면, 이전 안내를 삭제해야 한다면 오래된 주소로 들어온 사람이 현재 기준을 찾을 수 있는지도 살핍니다. ‘선택의 조건과 결과를 같은 화면에 보여줍니다’의 단어만 바꾼 경미한 편집과 ‘입력은 접수에 필요한 순간만 요청합니다’의 조건이 달라진 내용 변경을 구분해 두면 다음 담당자가 재검토 범위를 과도하게 넓히거나 중요한 변경을 놓치지 않습니다.

공개 직전 ‘선택의 조건과 결과를 같은 화면에 보여줍니다’·‘입력은 접수에 필요한 순간만 요청합니다’·‘연결이 끊겨도 처음부터 쓰게 하지 않습니다’ 최종 확인

최종 검토에서는 맞춤법만 읽지 말고 ‘모바일 예약 화면은 입력보다 선택과 복구를 쉽게 만들어야 합니다’가 약속한 답이 실제 본문에 있는지부터 확인합니다. ‘선택의 조건과 결과를 같은 화면에 보여줍니다’에는 대상과 범위가, ‘입력은 접수에 필요한 순간만 요청합니다’에는 판단에 필요한 근거가, ‘연결이 끊겨도 처음부터 쓰게 하지 않습니다’에는 다음 단계와 예외가 들어 있는지 순서대로 표시합니다. 본문에서 말한 〈WCAG 2.2의 입력 지원과 중복 입력 방지 기준은 이런 흐름을 접근성 관점에서도 점검하게 해 줍니다〉 항목을 구체화하면, 그다음 제목과 설명문, 본문, 연결된 페이지에서 같은 조건을 서로 다르게 쓰지 않았는지 대조합니다. 기존 본문의 〈전화가 오거나 브라우저가 잠시 닫히는 상황을 예약 실패로 만들지 않도록 동의한 범위에서 진행 상태를 보존합니다〉 부분을 작업 기준으로 삼으면, 확인되지 않은 수치나 경험담, 보장 표현이 새로 들어오지 않았는지 별도로 검색하고, 남은 미확인 항목은 삭제하거나 담당 확인이 필요한 상태로 되돌립니다.

‘입력은 접수에 필요한 순간만 요청합니다’의 이전 버전을 다시 찾을 수 있게 보관하기

‘입력은 접수에 필요한 순간만 요청합니다’가 수정될 때 이전 파일을 덮어쓰기만 하면 ‘모바일 예약 화면은 입력보다 선택과 복구를 쉽게 만들어야 합니다’의 설명이 왜 달라졌는지 확인하기 어렵습니다. 파일명이나 관리표에 수정 날짜와 버전, 변경한 사람을 남기고 ‘선택의 조건과 결과를 같은 화면에 보여줍니다’의 이전 문장과 새 문장을 비교할 수 있게 보관합니다. 본문에서 말한 〈WCAG 2.2의 입력 지원과 중복 입력 방지 기준은 이런 흐름을 접근성 관점에서도 점검하게 해 줍니다〉 항목을 구체화하면, 공개할 필요가 없는 내부 검토본은 검색 결과에 노출되는 위치와 분리하고, 실제 기준으로 쓰는 문서에는 현재 상태를 분명히 표시합니다. ‘연결이 끊겨도 처음부터 쓰게 하지 않습니다’에서 과거 안내를 인용해야 한다면 당시 기준임을 밝히고 지금 적용되는 정보로 이동할 경로를 함께 제공해야 버전 차이가 오해로 이어지지 않습니다.

참고: W3C: Web Content Accessibility Guidelines (WCAG) 2.2

전체 글 보기

CONSULTATION

어떤 정보를, 어디에 전할지
함께 정리해보세요.

병원의 현재 운영 채널과 필요한 작업을 알려주세요.
원고·이미지·홈페이지 중 필요한 업무 범위부터 확인합니다.

LOCATION

애드온 오시는 길

서울특별시 강서구 공항대로 194, 1동 6층 610·611호 (마곡동, 문영 퀸즈파크12차)