Figmapedia
목록으로 돌아가기

안녕하세요 여러분, 피피팀 시원🌊입니다. 오늘 수집한 키오스크 화면은 바로 '롯데리아'입니다. 지난 2023년에 한 차례 소개해 드린 적이 있는데요. 2026년을 맞아 새롭게 바뀐 UI 버전으로 다시 준비해 봤습니다!

촬영한 UI 화면을 참고하여 클론 디자인도 진행해 보았는데, 클론 디자인 특성상 폰트, 색상, 크기, 이미지, 패딩 등은 실제와 다를 수 있습니다. 화면 구성만 참고해 주시면 감사하겠습니다.

키오스크 화면 수집👀 - 롯데리아 키오스크 🍔 😆 좋았던 점 ✔️ 고대비 모드를 3가지 방식으로 제공하여 다양한 시각적 필요를 가진 사용자 모두를 배려한 접근성 설계가 인상적이었다. ✔️ 메뉴 탐색부터 결제까지의 플로우가 직관적으로 구성되어 있어 처음 이용하는 사용자도 큰 어려움 없이 사용할 수 있었다. ✔️ 한국어를 포함해 영어, 중국어, 일본어 등 여러 나라의 언어를 지원하여 외국인 이용자도 불편함 없이 사용할 수 있는 점이 좋았다.

🤔 아쉬웠던 점 ✔️ 고대비 모드 진입 경로가 다소 눈에 띄지 않아, 정작 필요한 사용자가 해당 기능을 인지하지 못하고 지나칠 가능성이 있어 아쉬웠다.

🔍 이번 수집의 특별 포인트 — 고대비 모드 3종 비교 롯데리아 키오스크에서 주목한 접근성 기능은 바로 고대비 모드입니다. 단순히 1개가 아닌 3가지 방식으로 제공되는 이유, 함께 살펴볼게요.

1️⃣ 기본 고대비 (화이트 배경 + 진한 텍스트) → 고령자·일반 사용자 중심

  • 밝은 배경에 진한 글자
  • 종이 메뉴판과 가장 유사한 형태
  • 노안, 백내장 초기, 일반적인 시력 저하 사용자에게 가장 익숙
  • 주변이 밝은 매장 환경에서 눈의 부담이 적음 💡"글자만 잘 보이면 된다"는 사용자에게 최적
  • 2️⃣ 다크 고대비 (블랙 배경 + 파란 테두리) → - 눈부심·명암 민감 사용자 중심

  • 검은 배경 + 선명한 파란 포커스
  • 화면 전체의 밝기를 낮춰 눈부심 감소
  • 빛 번짐(halo), 난시, 약한 시각 과민 사용자에게 유리
  • 터치 영역(버튼 경계)이 매우 명확함 💡"밝은 화면이 아파요" 타입 사용자에게 적합
  • 3️⃣ 컬러 강조 고대비 (블랙 배경 + 초록/컬러 텍스트) → 색 구분이 필요한 사용자 중심

  • 선택된 항목, 가격, 상태를 색으로 명확히 강조
  • 흑백 대비만으로 구분이 어려운 사용자 보완
  • 인지 처리 속도가 느리거나, 선택 실수가 잦은 경우에 도움
  • '현재 선택 상태'를 즉각적으로 파악 가능 💡 "지금 뭐를 눌렀는지 헷갈린다"는 사용자에게 최적
  • 왜 1개가 아니라 3개일까요? 시각장애는 하나의 유형이 아니기 때문입니다. 어떤 사람은 밝은 화면이 안 보이고, 어떤 사람은 어두운 화면이 안 보이며, 어떤 사람은 색이 있어야 구분이 됩니다.

    그래서 명도 대비 중심, 눈부심 최소화 중심, 색 인지 보조 중심 이렇게 서로 다른 접근 방식의 고대비를 동시에 제공하는 거예요.

    접근성은 '장애인을 위한 기능'이 아니라, '모든 사용자의 다양한 맥락을 위한 설계'입니다.