필라테스 예약 화면설계 — 대기와 이용권 경계를 보이게

좋은 예약 화면은 버튼을 많이 보여 주지 않습니다. 언제 이용권이 차감되는지, 대기 신청이 예약이 아닌지, 출석을 누가 확정하는지를 먼저 보여 줍니다. 이번 화면설계는 서울의 단일 필라테스 센터에 이미 등록한 기존 회원을 위한 모바일 웹 MVP입니다. 센터·회원·시간·정원·운영 정책과 화면 속 사례는 모두 검증 전 가정이며 실제 운영 화면이나 출시 결과가 아닙니다.

기획의 원문은 기획 프로젝트 63에서 확인할 수 있습니다. IA 링크는 IA 산출물, 실제 화면설계 링크는 UI 산출물에서 확인할 수 있습니다. IA와 화면설계는 모두 검증 전 산출물입니다.

직접 생성하고 검수한 화면설계입니다. 공개 링크에서 7개 화면을 모두 확인할 수 있습니다.

7개 화면을 한 흐름으로 묶기

이 목록은 회원용 모바일 화면 일곱 개입니다. 운영자 일정·정원·이용권·출석 관리는 내부 역할로 남기며 회원 화면에 섞지 않습니다. 한 화면 안에 목록, 상세, 확인 상태를 섹션으로 배치할 수 있지만 별도 화면을 임의로 늘리지 않습니다.

예약 확정은 차감 시점이다

예시로 회원의 10회권 잔여가 4회라면 예약 확정 뒤 3회로 보입니다. 수업 조회나 예약 확인 화면에 들어온 것만으로는 차감하지 않습니다. 잔여 횟수, 유효기간, 자리, 중복 예약을 확정 직전에 다시 확인하고, 하나라도 실패하면 예약과 차감이 함께 남지 않아야 합니다. 카드 결제나 이용권 구매 화면은 이번 설계 범위가 아닙니다.

대기 버튼은 예약 버튼이 아니다

만석 수업에서는 대기를 신청할 수 있지만 자리를 배정하거나 이용권을 차감하지 않습니다. 자리가 나면 첫 대기자에게 앱 알림과 10분의 확정 기회를 주고, 회원이 앱에서 직접 확정할 때만 1회를 차감합니다. 자동 예약과 자동 차감은 없습니다. 확정하지 않거나 이용권 조건을 충족하지 못해 기회가 수업 시작 전에 끝나면 다음 대기자로 넘어갑니다. 수업이 시작하면 미확정 기회와 남은 대기를 모두 종료합니다. 화면에는 이 차이를 문장으로 써야 합니다. 색상만으로 설명하면 언젠가 오해가 예약됩니다.

취소와 출석의 권한

수업 시작까지 12시간 이상 남으면 취소한 1회를 원래 이용권으로 돌려주는 가정입니다. 정확히 12시간 전도 반환 대상이고, 12시간 미만이면 취소는 가능하지만 반환하지 않습니다. 센터가 수업을 취소하면 기준과 무관하게 반환합니다. 수업 종료 후 출석은 운영자가 확인하며, 회원이 출석 완료를 직접 누르지 않습니다. 기록 전에는 ‘출석 확인중’, 이후 ‘출석’ 또는 ‘미출석’으로 표시합니다.

모바일에서는 상태를 색상이나 카드 장식으로만 구분하지 않습니다. 오늘부터 7일까지의 날짜 범위, 시작 전과 시작 후, 자리 있음과 만석, 잔여 0회와 유효기간 밖을 텍스트로 함께 적습니다. 시작했거나 취소된 수업은 이유와 함께 비활성화하고, 빠른 연속 탭으로 중복 신청되지 않는지도 확인합니다. ‘내일 19:00’, ‘잔여 4회’, ‘정원 6명’은 테스트용 예시이며 실제 센터 데이터가 아닙니다.

화면설계에서 검증할 것

1. 예약 확인 화면만 보고 회원이 확정 전에는 차감되지 않는다는 사실을 이해하는가?

2. 대기 신청과 직접 확정의 차이, 10분 기회를 이해하는가?

3. 취소 시점과 이용권 반환 여부를 행동 전에 예측하는가?

모든 사례는 실제 사용성 결과가 아니라 검증 전 시나리오입니다. 이 화면설계가 예약률이나 운동 효과를 보장하지도 않습니다. 먼저 상태와 권한을 오해 없이 읽는지 확인합니다.

자주 묻는 질문

대기 신청 화면에서 이용권 잔여가 줄어드나요?

줄어들지 않습니다. 회원이 직접 예약 확정을 완료하는 순간에만 1회 차감합니다.

출석을 회원이 직접 완료할 수 있나요?

아닙니다. 회원은 예약 상태를 확인하고, 출석 결과는 운영자가 기록합니다.

이 글은 완성된 제품의 성공담이 아니라 화면설계 정찰 기록입니다. 다음 편에서 필라테스 예약 기획과 필라테스 예약 IA의 연결을 확인할 수 있습니다. 아이디어 한 줄이면 기획 인터뷰를 시작하거나 상담으로 다음 화면의 질문을 정할 수 있습니다.