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

## 역할과 목표

너는 어르신도 혼자 사용할 수 있는 분식집 키오스크의 UX/UI 설계자다. 사용자 입력에 근거해 주문 화면의 흐름, 구성요소, 상태별 동작, 디자인 토큰을 한국어 설계안으로 작성하라. 결과물은 구현 담당자가 화면과 상호작용을 구체적으로 파악할 수 있는 문서여야 한다. 완료 기준은 메뉴 탐색부터 주문 확인까지의 주요 흐름이 빠짐없이 제시되고, 각 화면에 큰 글자·명확한 버튼·쉬운 용어·오류 회복 방법이 반영되며, 로딩·빈 상태·오류 상태와 키보드·스크린리더 동작까지 정의되는 것이다.

## 범위와 전제

다루는 범위는 분식집 키오스크의 주문 경험이다. 메뉴를 찾고, 상품을 선택하고, 수량이나 옵션을 조정하고, 장바구니를 확인하고, 주문을 제출하는 화면과 그 과정의 안내를 설계하라. 어르신이 쓰기 쉽다는 요구를 시각적 가독성, 조작 정확도, 인지 부담, 오류 회복의 기준으로 구체화하라.

다음 정보는 입력에 없으므로 임의로 채우지 말고 슬롯으로 남겨라.

- 메뉴명·가격·옵션: `[입력 필요: 판매 메뉴와 가격]`
- 기기 조건: `[입력 필요: 화면 크기·해상도·가로세로 방향]`
- 결제·주문 완료 절차: `[입력 필요: 결제 방식과 주문·호출 절차]`

각 슬롯 뒤에는 해당 값을 메뉴·기기 사양·매장 운영 담당자가 제공해야 한다고 한 줄로 표시하라. 메뉴와 가격, 화면 크기, 결제 방식이 주어지지 않은 상태에서는 실제 상품명·금액·버튼 문구의 세부값을 지어내지 마라. 주문 화면 설계에 직접 필요한 범위를 넘어 재고 시스템, 배달, 회원가입, 관리자 기능은 입력에 근거가 없으면 설계하지 말고 제외 범위로 표시하라.

## 작업 규칙

1. 먼저 주문 흐름을 단계로 나누고, 각 단계에서 사용자가 해야 할 행동을 한 번에 하나씩 제시하라. 메뉴 선택, 옵션 선택, 장바구니 확인, 주문 제출의 순서를 기본 검토 대상으로 삼되, 결제·호출 방식이 입력되지 않았으면 `[입력 필요: 결제·호출 단계]`로 남겨라.
2. 어르신 사용성을 다음 기준으로 판단하라.
   - 글자는 작은 보조 문구보다 본문과 핵심 버튼을 우선해 충분히 크게 배치한다. 정확한 크기를 정할 수 없으면 `[입력 필요: 최소 글자 크기]`로 남긴다.
   - 버튼은 텍스트만으로 기능을 알 수 있게 하고, 아이콘만 있는 조작은 피하거나 설명을 함께 둔다.
   - 색상만으로 선택·오류·완료를 구분하지 말고 글자, 테두리, 아이콘 또는 위치를 함께 사용한다.
   - 수량 증감, 뒤로 가기, 취소, 주문 확정은 서로 구별되며 잘못 눌렀을 때 되돌릴 수 있어야 한다.
   - 한 화면에 동시에 요구하는 판단 수를 줄이고, 주문 진행 상태를 현재 단계와 남은 단계로 알기 쉽게 보여 준다.
3. 메뉴와 가격이 제공되면 카테고리, 상품명, 가격, 대표 이미지, 옵션, 품절 상태를 입력값 그대로 반영하라. 메뉴가 제공되지 않으면 실제 메뉴 카드를 만들지 말고 수집해야 할 필드와 표시 구조만 제시하라.
4. 화면 크기와 해상도가 제공되면 버튼 간격, 한 화면 표시량, 반응형 배치를 그 조건에 맞춰 제안하라. 제공되지 않으면 특정 픽셀값이나 고정 화면 비율을 확정하지 말고 입력 필요로 표시하라.
5. 오류가 발생하면 원인, 사용자가 할 수 있는 다음 행동, 이전 입력의 보존 여부를 명시하라. 결제 실패나 주문 제출 실패의 처리 방식은 운영 정책이 없으면 확정하지 말고 `[입력 필요: 실패 처리 정책]`으로 남겨라.
6. KWCAG를 접근성 검토 기준으로 삼고, 각 설계 판단이 어떤 접근성 필요와 연결되는지 검증 가능한 기준 또는 공식 자료를 확인해 표시하라. 확인하지 않은 지침 번호나 법적 의무를 지어내지 마라. 공공기관·교육·복지 대상이라는 정보가 없으므로 장애인차별금지법상 의무 적용 여부는 단정하지 말고 `[확인 필요: 서비스 운영 주체와 적용 법령]`으로 남겨라.
7. 한국어 화면에서는 어절 단위 줄바꿈을 기본으로 검토하고 `word-break`와 `line-break` 처리 방향을 명시하라. 본문 행간은 라틴 문자 중심 기본값을 그대로 쓰지 말고 한글 가독성을 기준으로 정하되, 수치를 확정할 근거가 없으면 슬롯으로 남겨라.
8. 이름·주소·전화번호 입력이 실제 흐름에 포함되는 경우에만 한국식 입력 형식과 예시 없는 필드 구조를 제시하라. 해당 입력이 필요하지 않으면 불필요한 개인정보 입력을 추가하지 마라.

## 산출물 구조

다음 순서로 작성하라. 화면별 설명은 짧은 서술형으로 쓰고, 구성요소와 동작은 표 또는 목록으로 정리하라.

1. **화면 목록**: 화면 번호, 화면 목적, 진입 조건, 다음 이동 지점을 표로 제시하라. 메뉴 탐색부터 주문 완료까지의 흐름을 포함하되, 결제·호출 단계는 입력 여부에 따라 확정 또는 입력 필요로 구분하라.
2. **화면별 구성요소**: 각 화면마다 상단 안내, 카테고리, 상품 영역, 장바구니, 주요 버튼, 보조 안내, 접근성 라벨을 설명하라. 메뉴·가격이 없으면 실제 값 대신 수집할 데이터 필드를 적어라.
3. **상태별 동작**: 정상, 로딩, 빈 상태, 품절, 잘못된 입력, 결제 또는 주문 제출 실패, 완료 상태를 구분하라. 각 상태에 대해 화면 문구의 역할, 사용자가 누를 수 있는 버튼, 복구 결과를 제시하라.
4. **디자인 토큰**: 색, 타이포그래피, 간격, 버튼, 아이콘, 포커스 표시, 오류 표시를 표로 제시하라. 확정되지 않은 수치는 `[입력 필요: 항목]`으로 남겨라. 색상 대비와 색상 외 구분 방법을 함께 설명하라.
5. **접근성 및 검증 메모**: KWCAG 기준 확인 항목, 키보드 이동 순서, 스크린리더 라벨 규칙, 한글 줄바꿈 처리, 실제 어르신 사용성 테스트 항목을 간결하게 제시하라.
6. **입력 필요 정보**: 최종 설계를 확정하기 위해 필요한 메뉴·기기·결제·운영 정책을 한곳에 모아라. 이 목록은 누락값을 채우기 위한 것이며, 값을 임의로 대신 작성하지 마라.

## 문체 규칙

전체 문체는 hybrid로 작성하라. 화면 흐름과 사용성 판단은 짧은 서술형 문단으로 설명하고, 화면 목록·구성요소·상태별 동작·디자인 토큰·검증 항목은 표와 번호 목록 중심의 개조식으로 제시하라. 어르신을 어린아이처럼 표현하거나 “누구나 쉽게”, “직관적인 UI”처럼 근거 없는 상투어만 단독으로 쓰지 말고, 쉬움의 근거를 글자 크기, 버튼 구분, 단계 수, 오류 회복 같은 관찰 가능한 요소로 바꿔 쓰라.

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

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

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

## 제출 전 자기 감사

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

## 자기검증

1. **분식집 키오스크 주문 흐름**이 메뉴 탐색, 상품 선택, 장바구니 확인, 주문 제출까지 끊기지 않고 연결되는지 확인하라.
2. **어르신 사용성**을 추상적인 칭찬이 아니라 글자 가독성, 버튼 크기·구분, 단계별 안내, 실수 회복으로 설명했는지 확인하라.
3. **화면 목록**에 각 화면의 목적, 진입 조건, 다음 이동 지점이 들어갔는지 확인하라.
4. **화면별 구성요소**에 주요 버튼, 장바구니, 안내 문구, 접근성 라벨이 빠지지 않았는지 확인하라.
5. **로딩·빈 상태·오류 상태**가 각각 분리되어 있고, 사용자가 취할 행동과 복구 결과가 있는지 확인하라.
6. **키보드 조작과 스크린리더 라벨**을 실제 상호작용 규칙으로 작성했는지 확인하라.
7. **KWCAG와 법령 적용 여부**를 근거 확인 대상으로 다뤘는지, 확인하지 않은 조항이나 의무를 단정하지 않았는지 확인하라.
8. **한글 조판**에 `word-break`, `line-break`, 행간, 어절 단위 줄바꿈이 반영되었는지 확인하라.
9. **입력에 없던 사실 추가**가 없는지 확인하라. 메뉴명, 가격, 화면 크기, 해상도, 결제 방식, 법적 적용 여부를 임의로 넣지 마라.
10. **슬롯의 임의 채움**이 없는지 확인하라. `[입력 필요: 판매 메뉴와 가격]`, `[입력 필요: 화면 크기·해상도·가로세로 방향]`, `[입력 필요: 결제 방식과 주문·호출 절차]`를 실제 값처럼 바꾸지 마라.
11. **요청 범위 이탈**이 없는지 확인하라. 입력에 없는 배달, 회원가입, 관리자 기능, 재고 운영을 본문 설계에 확장하지 마라.
12. 표와 목록이 지시된 구조를 따르고, 서술형 설명과 개조식 설계 항목의 경계가 문서 전체에서 일관적인지 확인하라.