본문 바로가기
시작안내 -  상단 공통영역에 THE COFFEE, 직원호출 버튼 정보 영역 및 컨트롤 영역에 배너, 시작하기 버튼 하단 공통영역에 한국어, 영어, 중국어, 일본어, 접근성 선택 버튼

사용성 체크리스트

□ 주문을 시작하는 방법을 명확히 안내해야 한다.
- 명확한 색대비, 아이콘, 텍스트를 활용하여 광고/정보 영역과 주문을 시작하는 버튼을 시각적으로 명확히 구분한다. 광고/정보 화면과 공간적으로 분리하여 적용해야 한다.
시작안내(장소선택) - 상단 공통영역에 처음으로 버튼, THE COFFEE, 선택 언어, 직원호출 버튼 단계표시 : 1.메뉴선택, 2.포인트적립, 3.결제하기, 4.완료 중 메뉴선택 단계 정보 영역 및 컨트롤 영역 : 식사 장소를 선택하세요 매장 버튼, 포장(일회용)버튼 하단 공통영역에 이전 버튼, 접근성 선택 버튼

사용성 체크리스트

□ 주문을 시작하는 방법을 명확히 안내해야 한다.
- 명확한 색대비, 아이콘, 텍스트를 활용하여 광고/정보 영역과 주문을 시작하는 버튼을 시각적으로 명확히 구분한다. 광고/정보 화면과 공간적으로 분리하여 적용해야 한다.
기본선택(메뉴) - 상단 공통영역에 처음으로 버튼, THE COFFEE, 선택 언어, 직원호출 버튼 단계표시 : 1.메뉴선택, 2.포인트적립, 3.결제하기, 4.완료 중 메뉴선택 단계 정보 영역 및 컨트롤 영역 : 탭메뉴 인기메뉴, 커피, 밀크티, 스무디, 과일티 중 인기메뉴 피치 스무디 4,200원, 카페라떼 4,800원, 바닐 라라떼 4,200원, 아메리카노(ICE) 4,200원, 아메리카노(HOT) 4,800원, 밀크폼 우롱 4,200원, 홍차 밀크티 4,200원 자몽 그린티 4,800원, 생초코라떼 5,200원 이전 버튼 전체 6페이지 중 현재 1페이지 다음 버튼 총 수량 0개 총금액 0 원 전체 삭제 버튼, 주문하기 버튼 하단 공통영역에 이전 버튼, 접근성 선택 버튼

사용성 체크리스트

□ 제품 소개를 글자와 이미지를 함께 제공한다.

□ 선택된 제품은 아래로 하나씩 누적된다.
- 주문 흐름을 쉽게 파악할 수 있도록 위에서부터 차례대로 표시해야 하고, 상하 페이징 방식으로 확장한다.

□ 주문 선택 피드백을 제공해야 한다.
- 제품 선택 시 선택이 제대로 되었는지 시각, 청각, 촉각 등을 활용하여 피드백이 제공되어야 한다.

□ 제품이 추가되었을 때, 지시등(포커스)을 함께 표시해야 한다.
- 청각장애인과 고령자가 무인정보단말기의 반응을 인지하기 편할 수 있다.

□ 주문 내역에서 옵션 변경 및 삭제 컨트롤을 제공해준다.
옵션선택1(온도) - 전체 2 중 현재 1 카페라떼 1.옵션을 선택해주세요 뜨겁게 버튼 차갑게 버튼 취소 버튼 다음 버튼

사용성 체크리스트

□ 옵션선택의 경우 팝업창을 활용한다.
- 주문형 무인정보단말기에서 옵션선택은 사용자의 취향에 따른 추가적인 과업이다. 사용 흐름에서 길을 잃지 않도록 알림창을 통해 제공해야 한다.

□ 선택된 메뉴 및 옵션은 컨트롤의 색상 변경, 체크 표시 등 직관적으로 확인될 수 있도록 해야 한다.

□ 컨트롤 터치의 결과를 명확히 알려주는 문구를 사용해야 한다.
- ‘확인’ ‘다음’ 보다는 ‘담기’ ‘주문 담기’와 같은 문구를 제공해줘야 한다.

□ 사용자가 복잡하게 느낄 수 있는 선택사항에 대해 기본값 또는 추천 값을 명확하게 표기해야 한다.
옵션선택2(컵크기)- 전체 2 중 현재 2 카페라떼 2.옵션을 선택해주세요 작은컵(-500원) 버튼, 중간컵 버튼, 큰컵(+500원)버튼 이전 버튼 다음 버튼

사용성 체크리스트

□ 옵션선택의 경우 팝업창을 활용한다.
- 주문형 무인정보단말기에서 옵션선택은 사용자의 취향에 따른 추가적인 과업이다. 사용 흐름에서 길을 잃지 않도록 알림창을 통해 제공해야 한다.

□ 선택된 메뉴 및 옵션은 컨트롤의 색상 변경, 체크 표시 등 직관적으로 확인될 수 있도록 해야 한다.

□ 컨트롤 터치의 결과를 명확히 알려주는 문구를 사용해야 한다.
- ‘확인’ ‘다음’ 보다는 ‘담기’ ‘주문 담기’와 같은 문구를 제공해줘야 한다.

□ 사용자가 복잡하게 느낄 수 있는 선택사항에 대해 기본값 또는 추천 값을 명확하게 표기해야 한다.
내역확인(장바구니확인) - 상단 공통영역에 처음으로 버튼, THE COFFEE, 선택 언어, 직원호출 버튼 단계표시 : 1.메뉴선택, 2.포인트적립, 3.결제하기, 4.완료 중 메뉴선택 단계 정보 영역 및 컨트롤 영역 : 탭메뉴 인기메뉴, 커피, 밀크티, 스무디, 과일티 중 인기메뉴 피치 스무디 4,200원, 카페라떼 4,800원, 바닐 라라떼 4,200원, 아메리카노(ICE) 4,200원, 아메리카노(HOT) 4,800원, 밀크폼 우롱 4,200원, 홍차 밀크티 4,200원 자몽 그린티 4,800원, 생초코라떼 5,200원 이전 버튼 전체 6페이지 중 현재 1페이지 다음 버튼 총 수량 9개 총금액 51,200 원 1.카페라떼 1 변경 X버튼 2.아메리카노(ICE) 1 변경 X버튼 3.아메리카노(HOT) 1 변경 X버튼 위로 버튼 전체 6중에 1 아래로 버튼 전체 삭제 버튼, 주문하기 버튼 하단 공통영역에 이전 버튼, 접근성 선택 버튼

사용성 체크리스트

□ 선택된 제품은 수정하거나 쉽게 삭제할 수 있어야 한다.
- 선택된 제품에 대해 수량을 변경할 수 있어야 하고, 개별 혹은 전체 삭제할 수 있는 기능을 제공해야 한다.

□ 주문 내역의 목록은 이미지와 글자를 동시에 제공해야 한다.

□ 중요한 정보와 그 외 정보는 명확히 구분한다.
- 결제와 직접 관련이 되는 정보(예. 결제금액, 수량 등)는 강조하여 시각적으로 명확히 구분한다. 접근성을 고려하여 강조하는 부분을 중심으로 음성 및 수어로 안내해야 한다.
내역확인 - 상단 공통영역에 처음으로 버튼, THE COFFEE, 선택 언어, 직원호출 버튼 단계표시 : 1.메뉴선택, 2.포인트적립, 3.결제하기, 4.완료 중 메뉴선택 단계 정보 영역 및 컨트롤 영역 : 상품 수랑 가격 1.카페라떼, 1, 4000원 X버튼 2.아메리카노(ICE), 99, 99000원 X버튼 3.아메리카노(HOT), 2, 5500원 X버튼 4.플레인 요거트 스무디, 1, 4800원 X버튼 5.생 초코라떼, 1, 4500원 X버튼 이전 페이지 버튼 전체 6 중에 1 다음페이지 버튼 총수량 9개 구매금액 51,200원 할인금액 -1,500원 결제금액 40,700원 취소 버튼 결제하기 버튼 하단 공통영역에 이전 버튼, 접근성 선택 버튼

사용성 체크리스트

□ 선택된 제품은 수정하거나 쉽게 삭제할 수 있어야 한다.
- 선택된 제품에 대해 수량을 변경할 수 있어야 하고, 개별 혹은 전체 삭제할 수 있는 기능을 제공해야 한다.

□ 주문 내역의 목록은 이미지와 글자를 동시에 제공해야 한다.

□ 중요한 정보와 그 외 정보는 명확히 구분한다.
- 결제와 직접 관련이 되는 정보(예. 결제금액, 수량 등)는 강조하여 시각적으로 명확히 구분한다. 접근성을 고려하여 강조하는 부분을 중심으로 음성 및 수어로 안내해야 한다.
포인트 적립 여부 - 상단 공통영역에 처음으로 버튼, THE COFFEE, 선택 언어, 직원호출 버튼 단계표시 : 1.메뉴선택, 2.포인트적립, 3.결제하기, 4.완료 중 포인트적립 단계 정보 영역 및 컨트롤 영역 : 포인트 적립을 하시겠습니까? 30점 적립 P 아니오 버튼 예 버튼 하단 공통영역에 이전 버튼, 접근성 선택 버튼

사용성 체크리스트

□ 결제 방법 선택 화면은 이미지와 글자가 포함된 컨트롤로 제공한다.
- 사용자가 쉽고 빠르게 이해할 수 있도록 이미지(혹은 아이콘)과 글자를 함께 버튼식으로 제공하며, 그리드뷰로 배치하여 탐색하기 쉽도록 제공한다. 결제금액도 같이 표시해야 한다.

□ 카드 인식기의 위치, 카드 삽입 방향, 카드 면에 대해 안내를 해준다.
- 매체를 삽입하는 과정에서 원활한 삽입을 도와주는 모양으로 되어있거나 가이드를 제공해야 한다. 인식되었을 때 시각적, 청각적 피드백을 제공해야 한다.

□ 삽입 방향이 잘못되었을 경우, 곧바로 삽입된 매체를 배출하고 오류 메시지 및 음성 메시지를 발생시켜야 한다.

□ 카드 결제 승인 상태를 보여주기 위해 승인 요청 문구 및 진행 막대가 잘 보이도록 표시해야 한다.
포인트적립 - 상단 공통영역에 처음으로 버튼, THE COFFEE, 선택 언어, 직원호출 버튼 단계표시 : 1.메뉴선택, 2.포인트적립, 3.결제하기, 4.완료 중 포인트적립 단계 정보 영역 및 컨트롤 영역 : 휴대폰 번호를 입력 후 확인 버튼을 눌러주세요 입력 010-1234-5678 1~9버튼, 전체지우기 버튼, 0버튼, 지우기 버튼, 확인버튼  하단 공통영역에 이전 버튼, 접근성 선택 버튼

사용성 체크리스트

□ 결제 방법 선택 화면은 이미지와 글자가 포함된 컨트롤로 제공한다.
- 사용자가 쉽고 빠르게 이해할 수 있도록 이미지(혹은 아이콘)과 글자를 함께 버튼식으로 제공하며, 그리드뷰로 배치하여 탐색하기 쉽도록 제공한다. 결제금액도 같이 표시해야 한다.

□ 카드 인식기의 위치, 카드 삽입 방향, 카드 면에 대해 안내를 해준다.
- 매체를 삽입하는 과정에서 원활한 삽입을 도와주는 모양으로 되어있거나 가이드를 제공해야 한다. 인식되었을 때 시각적, 청각적 피드백을 제공해야 한다.

□ 삽입 방향이 잘못되었을 경우, 곧바로 삽입된 매체를 배출하고 오류 메시지 및 음성 메시지를 발생시켜야 한다.

□ 카드 결제 승인 상태를 보여주기 위해 승인 요청 문구 및 진행 막대가 잘 보이도록 표시해야 한다.
결제하기(방법선택, 5버튼) - 상단 공통영역에 처음으로 버튼, THE COFFEE, 선택 언어, 직원호출 버튼 단계표시 : 1.메뉴선택, 2.포인트적립, 3.결제하기, 4.완료 중 결제하기 단계 정보 영역 및 컨트롤 영역 : 결제 방법을 선택해주세요 총 결제금액 40,700원 신용카드 버튼, 페이 버튼, 모바일쿠폰 버튼, 바코드할인 버튼, 기프트카드 버튼 기프트 카드 : 금액이 충전된 실물 카드  하단 공통영역에 이전 버튼, 접근성 선택 버튼

사용성 체크리스트

□ 결제 방법 선택 화면은 이미지와 글자가 포함된 컨트롤로 제공한다.
- 사용자가 쉽고 빠르게 이해할 수 있도록 이미지(혹은 아이콘)과 글자를 함께 버튼식으로 제공하며, 그리드뷰로 배치하여 탐색하기 쉽도록 제공한다. 결제금액도 같이 표시해야 한다.

□ 카드 인식기의 위치, 카드 삽입 방향, 카드 면에 대해 안내를 해준다.
- 매체를 삽입하는 과정에서 원활한 삽입을 도와주는 모양으로 되어있거나 가이드를 제공해야 한다. 인식되었을 때 시각적, 청각적 피드백을 제공해야 한다.

□ 삽입 방향이 잘못되었을 경우, 곧바로 삽입된 매체를 배출하고 오류 메시지 및 음성 메시지를 발생시켜야 한다.

□ 카드 결제 승인 상태를 보여주기 위해 승인 요청 문구 및 진행 막대가 잘 보이도록 표시해야 한다.
결제하기(결제) - 상단 공통영역에 처음으로 버튼, THE COFFEE, 선택 언어, 직원호출 버튼 단계표시 : 1.메뉴선택, 2.포인트적립, 3.결제하기, 4.완료 중 결제하기 단계 정보 영역 및 컨트롤 영역 : 우츨 하단의 카드 리더기에 카드를 끝까지 삽입해주세요 신용카드 결제  하단 공통영역에 이전 버튼, 접근성 선택 버튼

사용성 체크리스트

□ 결제 방법 선택 화면은 이미지와 글자가 포함된 컨트롤로 제공한다.
- 사용자가 쉽고 빠르게 이해할 수 있도록 이미지(혹은 아이콘)과 글자를 함께 버튼식으로 제공하며, 그리드뷰로 배치하여 탐색하기 쉽도록 제공한다. 결제금액도 같이 표시해야 한다.

□ 카드 인식기의 위치, 카드 삽입 방향, 카드 면에 대해 안내를 해준다.
- 매체를 삽입하는 과정에서 원활한 삽입을 도와주는 모양으로 되어있거나 가이드를 제공해야 한다. 인식되었을 때 시각적, 청각적 피드백을 제공해야 한다.

□ 삽입 방향이 잘못되었을 경우, 곧바로 삽입된 매체를 배출하고 오류 메시지 및 음성 메시지를 발생시켜야 한다.

□ 카드 결제 승인 상태를 보여주기 위해 승인 요청 문구 및 진행 막대가 잘 보이도록 표시해야 한다.
완료(주문표출력) - 상단 공통영역에 선택 언어, 직원호출 버튼 정보 영역 및 컨트롤 영역 : 주문표 출력중 출력이 완전히 끝나고 받아가세요 주문번호 142

사용성 체크리스트

□ 매체가 출력되는 경우, 출력이 완료되었다는 글자 안내와 음성 메시지를 제공해야 한다.

□ 과업의 완료 여부를 명확하게 알려주며, 신용카드와 같은 소지품을 잊지 않게 가져가도록 안내해야 한다.

□ 주문표 번호는 화면에서 강조하여 표시하며, 음성으로 안내해야 한다.
완료(영수증출력 여부) - 상단 공통영역에 처음으로 버튼, THE COFFEE, 선택 언어, 직원호출 버튼 단계표시 : 1.메뉴선택, 2.포인트적립, 3.결제하기, 4.완료 중 완료 단계 정보 영역 및 컨트롤 영역 : 결제가 완료되었습니다 영수증을 출력하시겠습니까? 아니오 버튼, 예 버튼

사용성 체크리스트

□ 매체가 출력되는 경우, 출력이 완료되었다는 글자 안내와 음성 메시지를 제공해야 한다.

□ 과업의 완료 여부를 명확하게 알려주며, 신용카드와 같은 소지품을 잊지 않게 가져가도록 안내해야 한다.

□ 주문표 번호는 화면에서 강조하여 표시하며, 음성으로 안내해야 한다.
완료(영수증출력) - 상단 공통영역에 처음으로 버튼, THE COFFEE, 선택 언어, 직원호출 버튼 정보 영역 및 컨트롤 영역 : 영수증 출력중 잊으신 물건 없이 안녕히 가세요

사용성 체크리스트

□ 매체가 출력되는 경우, 출력이 완료되었다는 글자 안내와 음성 메시지를 제공해야 한다.

□ 과업의 완료 여부를 명확하게 알려주며, 신용카드와 같은 소지품을 잊지 않게 가져가도록 안내해야 한다.

□ 주문표 번호는 화면에서 강조하여 표시하며, 음성으로 안내해야 한다.
완료 - 상단 공통영역에 처음으로 버튼, THE COFFEE, 선택 언어, 직원호출 버튼 이용해주셔서 감사합니다 잊으신 물건 없이 안녕히 가세요 THE COFFEE

사용성 체크리스트

□ 매체가 출력되는 경우, 출력이 완료되었다는 글자 안내와 음성 메시지를 제공해야 한다.

□ 과업의 완료 여부를 명확하게 알려주며, 신용카드와 같은 소지품을 잊지 않게 가져가도록 안내해야 한다.

□ 주문표 번호는 화면에서 강조하여 표시하며, 음성으로 안내해야 한다.
자료 담당자
김민수 책임
전화번호
053-230-1380
최근자료수정일
2024-03-25

이 페이지의 내용과 사용편의성에 만족하십니까?

사용편의성 만족도