1. 초기 화면

No Story
1 앱을 시작하면 ‘시작하기’ 버튼이 있는 페이지가 등장한다.

상세 시나리오

1 앱을 시작하면 ‘시작하기’ 버튼이 있는 페이지가 등장한다.
1-1 시작하기 버튼을 클릭하면 키오스크의 메인화면으로 이동합니다.
1-2 어떤 이유로든 주문이 취소되면 이 초기화면으로 돌아옴.
* 일반 메인화면과 간편 메인화면 두 가지 선택지를 둘까?

2. 메인 화면

No Story
1 상단에는 메뉴 카테고리를 선택할 수 있는 탭이 있다
2 메뉴를 클릭하면 주문 옵션 선택 모달이 등장한다.
3 장바구니는 메뉴 리스트 오른쪽에 있다.

상세 시나리오

1 상단에는 메뉴 카테고리를 선택할 수 있는 탭이 있다.
1-1 슬라이드 또는 좌우버튼을 클릭하여 메뉴 카테고리 탭의 아이템을 전환할 수 있다.
1-2 현재 선택된 메뉴 카테고리를 하이라이트 한다.
1-3 양쪽 끝에 더 이상 아이템이 없을 경우 슬라이드 버튼이 비활성화 된다.
1-4 전환될 때 좌우 캐로셀 애니메이션이 보인다. 샤샤샥
2 메뉴를 클릭하면 주문 옵션 선택 모달이 등장한다.
2-1 모달 뜨기 전에 눌리는 애니메이션을 표시. (어떤 것이 눌리는지 가시성 높이도록)
2-2 온도, 사이즈, 포장은 기본. 추가 옵션이 있다면 추가 노출. 옵션이 많다면 슬라이드?
2-3 아래에 이전버튼과 담기 버튼이 있고, 이전 버튼을 누르면 창이 닫힌다.
2-4 담기 버튼을 누르면 음료가 작아지며 날아가는 애니메이션과 함께 장바구니에 담긴다
3 장바구니는 메뉴 리스트 오른쪽에 있다.
3-1 각 아이템에서는 개수를 조절할 수 있고, x 버튼으로 삭제할 수 있다.
3-2 개수는 최소 1개 최대 개수는 10잔? —> 일정 개수 이상이 입력되면 카운터에 문의하라는 메시지를 띄운다.
3-3 가격은 선택한 옵션 곱하기 개수로 계산되어 표시된다.
3-4 맨 아래에는 총 수량과 총 금액이 표시되고, 전체 삭제 및 주문하기 버튼이 있다. 그 아래에 처음으로 버튼이 있다.
3-5 전체 삭제 클릭시 확인 모달을 띄운다.
3-6 주문하기 클릭시 결제 창을 띄운다
3-7 처음으로 버튼 클릭시 맨 초기 화면으로 돌아간다. (모달 노출 이후)
3-8 장바구니에 메뉴를 담은 후 10초 이상 아무 조작이 없으면 모달을 띄운다

3. 결제 창

No Story
1 주문하기를 눌러서 처음 뜨는 화면에서는 전체 목록을 보여준다. 거기서는 개수를 조절할 수 있고, 삭제 할수 있다. 아래에는 취소(이전) 결제하기 버튼이 있다.
2 결제하기 화면에서는 할인 적용과 결제 수단 선택이 가능하다.
3 카드 결제창에서는 청구될 금액을 사용자에게 확인시켜주고 결제를 진행한다.
4 현금 결제창에서는 결제해야할 금액과 투입금액을 노출시켜준다
1 주문하기를 눌러서 처음 뜨는 화면에서는 전체 목록을 보여준다.
1-1 각 아이템별 개수를 조절할 수 있다.
1-2 각 아이템을 삭제할 수 있다.
1-3 전체 수량, 전체 금액을 보여준다.
1-4 취소, 결제하기 버튼이 아래에 있다.
1-5 취소를 누르면 메인화면으로 돌아간다.
1-6 결제하기를 누르면 결제 창으로 넘어간다.
2 결제하기 화면에서는 할인 적용과 결제 수단 선택이 가능하다.
2-1 신용카드, 할인코드, 현금 등의 옵션이 있다
2-2 전체 금액 - 할인 금액 = 결제할 금액을 위에 띄워준다,
2-3 할인 코드 선택시 할인 코드를 입력하는 화면으로 넘어간다.
2-4 결제 수단을 클릭하면 그게 맞는 화면으로 넘어간다.
3 카드 결제창에서는 청구될 금액을 사용자에게 확인시켜주고 결제를 진행한다.
3-1 ${금액}원이 결제됩니다. 라고 확인을 시켜준다.
2-2 취소, 결제하기 버튼이 존재한다.
2-3 결제하기 버튼 클릭시 3~7초 랜덤한 시간 이후에 결제가 완료된다.
2-4 일정확률로 결제가 실패한다. 정지된 카드, 잔액 부족 등의 이유..
2-5 취소 버튼 클릭시 메인화면으로 돌아간다.
4 현금 결제창에서는 결제해야할 금액과 투입금액을 노출 시켜준다
4-1 투입 금액이 주문 금액 이상이 되면 더이상 돈을 넣을 수 없게한다.
4-2 투입 금액이 주문 금액 이상이 되면 결제하기 버튼이 활성화된다.
4-3 취소? 버튼을 클릭시 투입했던 돈을 다시 되돌려준다.
4-4 취소 버튼 클릭시 메인화면으로 돌아간다.
4-5 초과 투입된 금액의 경우 영수증에 되돌려줬다는 표시를 해야한다.