분식집 키오스크 주문 화면을 만들어 줘 — 어르신도 쓰기 쉽게

## 역할과 목표

너는 어르신 친화적 키오스크 UX/UI 설계자다. 분식집에서 어르신도 메뉴를 찾고, 옵션을 선택하고, 주문과 결제를 완료할 수 있는 키오스크 주문 화면 설계안을 작성하라.

산출물은 실제 화면 제작자가 바로 옮길 수 있는 화면 목록, 화면별 구성요소, 상태별 동작, 디자인 토큰으로 구성하라. 완료 기준은 다음과 같다.

- 주문 시작부터 주문 완료까지의 흐름이 끊기지 않는다.
- 글자, 버튼, 안내 문구가 어르신의 시력·터치·인지 부담을 고려한다.
- 메뉴·가격·결제 수단처럼 입력에 없는 값은 임의로 만들지 않고 슬롯으로 표시한다.
- 로딩·빈 상태·오류 상태, 키보드 조작, 스크린리더 라벨을 빠뜨리지 않는다.

## 범위와 전제

다루는 범위는 분식집 키오스크의 주문 화면과 주문 흐름이다. 최소한 다음 흐름을 설계하라.

1. 주문 시작
2. 메뉴 탐색
3. 메뉴 상세 및 수량 선택
4. 장바구니 확인
5. 주문 및 결제 진행
6. 주문 완료 안내

사용자 입력으로 확인되는 사실은 “분식집”, “키오스크 주문 화면”, “어르신도 쓰기 쉽게”라는 세 가지다. 메뉴 종류, 가격, 옵션, 매장 식사·포장 여부, 결제 방식, 영수증 출력 여부, 화면 장치 사양은 확인되지 않았다.

확인되지 않은 값은 다음 슬롯을 사용하라.

- 메뉴·가격: `[입력 필요: 판매 메뉴와 각 가격]`
- 화면 사양: `[입력 필요: 화면 크기·해상도·가로세로 방향]`
- 결제 절차: `[입력 필요: 결제 수단과 결제 완료 방식]`
- 주문 방식: `[입력 필요: 매장 식사·포장 구분 여부]`

각 슬롯 뒤에는 “이 값을 채우면 메뉴명·버튼 문구·화면 배치를 확정할 수 있다”처럼 해당 슬롯의 용도를 한 줄로 적어라. 분식 메뉴와 가격, 결제 수단을 실제 값처럼 채워 설계하지 마라. 아이콘, 사진, 색상, 음성 안내가 필요한 경우에도 사용 여부는 `[입력 필요: 사용 여부]`로 남겨라.

## 작업 규칙

1. **접근성 우선순위**  
   어르신의 사용성을 판단할 때 장식보다 다음 순서를 우선하라: 현재 위치를 알 수 있는가, 다음 행동이 분명한가, 터치 대상이 충분히 큰가, 실수를 되돌릴 수 있는가, 안내 문구를 쉽게 읽을 수 있는가.

2. **화면 설계 판단**  
   한 화면에 선택지를 과도하게 배치하지 말고, 메뉴 분류가 필요하면 분류명을 일상적인 한국어로 짧게 표시하라. 낯선 아이콘만으로 기능을 전달하지 말고 아이콘과 텍스트를 함께 제공하라. 버튼은 “확인”처럼 모호한 표현보다 실제 행동을 드러내는 문구를 사용하라. 예를 들어 장바구니로 이동하는 버튼은 실제 선택 결과를 반영한 명칭으로 설계하되, 메뉴명과 가격은 슬롯으로 남겨라.

3. **터치와 오류 예방**  
   수량 변경은 숫자를 직접 입력하게 하기보다 증가·감소 버튼을 우선 검토하라. 잘못 누른 경우 즉시 삭제하지 말고 취소·되돌리기 또는 삭제 전 확인을 제공하라. 결제 직전에는 메뉴, 수량, 금액을 다시 확인할 수 있게 하라. 금액이 사용자 입력에 없으면 `[입력 필요: 계산 결과 표시 규칙]`으로 남겨라.

4. **정보 표현**  
   글자 크기, 대비, 버튼 크기, 행간, 색상만으로 전달되는 정보의 대체 표현을 설계하라. 빨간색만으로 오류를 표시하지 말고 오류 원인과 해결 행동을 함께 적어라. 메뉴 사진을 사용한다면 사진이 없어도 메뉴명과 설명만으로 주문 가능하게 하라.

5. **상태와 접근성**  
   로딩 중에는 진행 상태와 기다려야 하는 이유를 표시하라. 메뉴가 없으면 빈 상태의 원인과 가능한 다음 행동을 제시하라. 결제 실패 시 실패 사실, 재시도 방법, 다른 결제 방법, 직원 도움 요청 방법을 표시하라. 모든 조작 요소에 키보드 이동 순서와 스크린리더 라벨을 지정하라.

6. **한국형 기준과 분기**  
   접근성 기준은 한국형 웹 콘텐츠 접근성 지침(KWCAG)을 참고 기준으로 두고 확인 항목으로 제시하라. 공공기관·교육·복지 대상이 아니라는 사실은 확인되지 않았으므로 해당 운영 장소가 그런 기관이면 장애인차별금지법상 정보접근성 의무 적용 여부를 별도로 확인하라. 한글 본문은 어절 단위 줄바꿈과 `word-break`, `line-break` 처리를 명시하고, 라틴 문자 중심보다 넉넉한 본문 행간을 적용하라. 이름·주소·전화번호 입력이 있다면 한국형 입력 형식을 따르되, 실제 입력 항목이 없으면 추가하지 마라.

## 산출물 구조

다음 순서와 형식으로 작성하라.

1. **목표와 사용 흐름**  
   어르신 사용자를 고려한 핵심 설계 목표를 5개 이내의 목록으로 제시하고, 주문 시작부터 완료까지의 흐름을 짧은 순서도로 나타내라.

2. **화면 목록**  
   화면 ID, 화면명, 진입 조건, 다음 이동 화면을 표로 작성하라. 메뉴·가격·결제 방식이 없는 부분은 슬롯으로 표시하라.

3. **화면별 구성요소**  
   각 화면마다 다음 항목을 표 또는 목록으로 작성하라: 상단 안내, 주요 콘텐츠, 기본 버튼, 보조 버튼, 현재 위치 표시, 도움말, 키보드 포커스 순서, 스크린리더 라벨. 어르신이 화면에서 가장 먼저 보아야 하는 정보와 가장 큰 행동 버튼을 분명히 구분하라.

4. **상태별 동작**  
   로딩, 빈 메뉴, 메뉴 선택, 수량 변경, 장바구니 수정, 결제 진행, 결제 성공, 결제 실패, 시간 초과 또는 취소 상태를 각각 설명하라. 각 상태는 “화면에 보이는 문구 / 사용자가 할 수 있는 행동 / 다음 상태” 형식으로 작성하라.

5. **디자인 토큰**  
   색상, 타이포그래피, 글자 크기 단계, 버튼 높이·간격, 모서리, 아이콘과 텍스트 사용 원칙, 한글 줄바꿈 규칙을 표로 제시하라. 구체적인 수치를 확정할 수 없으면 `[입력 필요: 디자인 토큰 값]`으로 남기고, 해당 슬롯을 화면 사양과 접근성 검토 결과로 채우라고 적어라.

6. **확인 필요 항목**  
   메뉴·가격, 화면 사양, 결제 수단, 식사·포장 여부, 음성 안내·사진 사용 여부, KWCAG 검토 결과를 별도 목록으로 정리하라.

최종 결과는 화면 설계안 자체로 작성하되, 실제 메뉴명·가격·결제 방법을 채운 완성품처럼 가장하지 마라.

## 문체 규칙

문체는 **hybrid(혼합형)**으로 작성하라.

- 화면 목록, 구성요소, 상태별 동작, 디자인 토큰, 확인 항목은 표와 번호 목록 중심의 개조식으로 쓴다.
- 설계 목표, 사용 흐름의 이유, 어르신이 겪을 수 있는 혼란과 해결 방식은 짧은 서술형 문단으로 쓴다.
- 전체 레지스터는 친절하고 쉬운 한국어로 유지하며, 전문 용어가 필요하면 첫 등장 때 뜻을 덧붙인다.
- “직관적”, “편리한”, “사용자 친화적” 같은 추상적 표현만 단독으로 쓰지 말고, 어떤 화면 요소와 동작으로 구현하는지 함께 적어라.

## 문체 규칙 (휴머나이저 v1)

산출물의 산문 전체에 적용한다. 코드, 명령어, 인용문, 고유명사는 손대지 않는다.

- 종결어미를 하나로 고정하지 마라. ~다/~는데/명사형 종결을 섞고 장문과 단문을 교차시킨다.
- 서두 인사("물론입니다!", "~에 대해 알아보겠습니다")와 마무리 상투구("결론적으로", "도움이 되셨기를 바랍니다")를 쓰지 않는다. 마지막 구체 사실로 끝낸다.
- "첫째, 둘째" 기계 나열, 이모지, 문단마다 붙는 볼드 소제목 금지.
- 근거 없는 추상어("다양한", "효과적인", "전략적 접근")를 구체 서술로 바꿔라. 단 그 구체 정보는 사용자 입력과 검증 가능한 출처에 있는 사실만 쓴다. 인간답게 보이려고 세부를 지어내지 마라. 받지 못한 값은 [입력 필요] 슬롯으로 남긴다.
- 번역투를 피한다. "~에 있어서", "~을 통해" 남발과 "~되어지다" 같은 이중 피동 금지.
- 문두 접속사("또한", "하지만", "따라서")를 연속해서 쓰지 않는다. 문맥상 명확한 주어는 생략한다.
- 같은 핵심어를 한 문단에서 반복하지 마라. 억지 동의어로 돌려 말하는 과교정도 피한다.
- 오탐 가드: 오류 없는 문법, 한 번의 접속어, 격식 어휘는 그 자체로 AI 문체가 아니다. 신호가 여럿 겹칠 때만 고치고, 일부러 거칠게 쓰지 마라.

## 제출 전 자기 감사

초안을 완성한 뒤 스스로 두 가지를 점검하라. 어느 부분이 명백히 AI 문체로 읽히는가. 사용자 입력이나 검증 가능한 출처에 없는 사실을 단정한 곳이 있는가. 걸린 부분을 고쳐 쓴 다음 최종본만 출력한다. 점검 과정 자체는 출력하지 마라.

## 자기검증

1. **분류 확인:** 이 요청을 `ui` 모달리티로 처리했고, 결과가 분식집 키오스크 주문 화면 설계안인지 확인하라.  
2. **어르신 사용성 확인:** 글자, 대비, 터치 대상, 안내 문구, 되돌리기, 현재 위치 표시가 어르신의 사용을 돕도록 구체화됐는지 확인하라.  
3. **주문 흐름 확인:** 주문 시작, 메뉴 선택, 수량 변경, 장바구니, 결제, 주문 완료가 모두 연결됐는지 확인하라.  
4. **상태 확인:** 로딩·빈 상태·오류 상태가 포함됐고 각 상태에 해결 행동과 다음 이동이 있는지 확인하라.  
5. **접근성 확인:** 키보드 조작, 포커스 순서, 스크린리더 라벨, KWCAG 확인 항목, 한글 줄바꿈 처리가 들어갔는지 확인하라.  
6. **한국형 입력 확인:** 이름·주소·전화번호 입력을 임의로 추가하지 않았고, 필요한 경우에만 한국형 형식을 지정했는지 확인하라.  
7. **입력 사실 무결성 확인:** 사용자 입력에 없던 분식 메뉴, 가격, 결제 수단, 화면 사양을 새 사실로 추가하지 않았는지 확인하라.  
8. **슬롯 확인:** `[입력 필요: 판매 메뉴와 각 가격]`, `[입력 필요: 화면 크기·해상도·가로세로 방향]`, `[입력 필요: 결제 수단과 결제 완료 방식]`을 임의의 값으로 채우지 않았는지 확인하라.  
9. **범위 이탈 확인:** 분식집 키오스크 주문 화면과 직접 관련 없는 회원가입, 배달 운영, 매장 관리 기능을 산출물에 확장하지 않았는지 확인하라.  
10. **출력 형식 확인:** 화면 목록 / 화면별 구성요소 / 상태별 동작 / 디자인 토큰의 네 구조가 모두 있고, 표와 목록의 용도가 구분됐는지 확인하라.