플랫폼 · KIOSK

키오스크

처음 보는 고객이 1m 거리에서 읽고, 서서 끝까지 주문을 완료해야 합니다. 한 화면에 한 가지 결정만 요구하고, 누구나 쓸 수 있도록 접근성 모드를 기본 제공합니다.

사용자
매장 방문 고객 (불특정 다수)
기기
세로형 24–32인치 터치 스탠드
기준 해상도
1080×1920
도메인
kiosk.ongi.site

대표 화면 — 메뉴 선택

1080×1920 세로 화면을 축소해 보여줍니다.

레이아웃 스펙

영역스펙
상단 (0–360px)매장 로고 · 매장/포장 선택 결과 · 처음으로 버튼
카테고리96px 높이 탭 · 26px Bold
메뉴 카드3열 · 이미지 1:1 · 이름 28px · 가격 26px
접근성 바낮은 화면 · 큰 글씨 · 직원 호출 — 항상 노출
장바구니 하단고정 240px · 담은 수량 · 합계 40px · 결제 버튼 120px

플랫폼 토큰

항목값
data-platform"kiosk"
밀도Large Touch
기본 컨트롤 높이 (md)72px
기본 본문 크기22px
최소 터치 영역64px
라운드컨트롤 16px · 카드 24px
무입력 타임아웃60초 경고 → 90초 처음 화면

접근성 모드

모드동작
낮은 화면모든 조작 영역을 화면 하단 1/2(바닥에서 1.2m 이하)로 이동 — 휠체어 · 어린이
큰 글씨본문 22 → 28px, 메뉴 카드 2열, 고대비 테두리
음성 안내이어폰 잭 연결 시 자동 · 포커스 이동마다 읽어줌 · 물리 키패드 조작
직원 호출POS · 콘솔로 알림 전송, 화면에 ‘직원이 곧 도와드려요’ 표시
「장애인차별금지법」 시행령에 따라 키오스크는 높이 조절(낮은 화면) · 음성 안내 · 대체 입력을 제공해야 합니다.

핵심 패턴

이렇게 하세요

  • 한 화면에 결정 하나 (메뉴 → 옵션 → 확인 → 결제)
  • 진행 단계 Stepper 상단 표시
  • 결제 대기 중 카드 삽입 위치를 그림으로 안내

이렇게 하지 마세요

  • 가로 스와이프에만 의존한 탐색
  • 영어 · 약어 메뉴명
  • 자동 추가 권유(업셀)를 결제 직전에 강제