Figmapedia
목록으로 돌아가기

안녕하세요, 여러분 피그마피디아팀 피튜입니다.

이번 주는 버거리(BURGERRY) 키오스크를 소개해 드릴게요!

[키오스크 화면 🍔 - 버거리]

화면 비율: 9:16

🔍 특징 분석 * 좌측 LNB(Left Navigation Bar) 구조메뉴 카테고리를 좌측에 세로로 배치하여 스크롤 없이도 카테고리 간 이동이 용이함.

  • 팝업 형태의 옵션 선택: 세트 메뉴 선택 시, 사이드/음료/토핑 변경이 하나의 팝업 레이어 위에서 단계별로 이루어짐.
  • 😆 좋았던 점

    ✔️ 섬세한 '토핑 빼기' 옵션 제공: 보통 '토핑 추가'만 있는 경우가 많은데,

    피클, 토마토, 양상추 등 특정 재료를 뺄 수 있는 옵션을 명확하게 제공하여

    편식하는 사용자나 알레르기가 있는 사용자를 배려했다.

    ✔️ 직관적인 주문 확인 리스트: 결제 전 화면에서 단순히 메뉴명만 보여주는 것이 아니라,

    변경한 사이드, 음료, 제외한 토핑 내역을 상세하게 나열해주어

    주문 실수를 방지한다.

    ✔️ 명확한 과금 안내: 옵션 변경 시 추가되는 금액(+1,200원 등)과

    무료 변경(0원 추가)이 버튼마다 명시되어 있어 가격 예측이 쉽다.

    🤔 아쉬웠던 점

    ✔️ 옵션 선택 영역의 시인성: 사이드나 음료 변경 팝업에서 선택지가 많을 경우,

    스크롤을 해야 하는데 스크롤 인디케이터가 작아

    더 많은 옵션이 있는지 인지하기 어려울 수 있을것 같다.

    ✔️ 상단 탭의 높이: 언어 설정 탭이 화면 최상단에 위치해 있어, 키가 작은 어린이나

    휠체어 이용자에게는 손이 닿기 어려운 위치로 보인다.