메뉴판 화면 구성

Menu Board Layout

음식 사진과 메뉴 이름, 가격을 한 화면에 읽기 쉽게 배치하는 방법.

다른 이름 메뉴 화면 구성 · 메뉴보드 레이아웃 · 메뉴판 디자인 · 사진과 가격 배치

디지털 메뉴보드는 음식 사진과 가격을 함께 보여 줄 수 있다. 다만 종이 메뉴판을 그대로 옮기면 글자가 작아 읽히지 않는다. 화면은 멀리서 서서 보는 것이기 때문이다.

한 화면에 담는 양

주문하는 자리에서 가격이 읽혀야 한다. 품목이 많으면 글자가 작아지므로, 한 화면의 품목 수를 줄이고 화면을 나눈다.

  • 화면이 여러 대면 종류별로 나눈다. 커피, 음료, 디저트처럼 묶는다.
  • 화면이 한 대면 모든 메뉴를 한 번에 보여 줄지, 몇 장으로 넘길지 정한다. 넘기는 방식은 손님이 원하는 메뉴가 나올 때까지 기다려야 한다는 단점이 있다. 콘텐츠 노출 시간을 참고한다.

글자 크기의 기준은 가독성에서 다룬다.

사진과 가격의 배치

  • 사진은 대표 메뉴 몇 개에만 크게 쓴다. 모든 메뉴에 사진을 넣으면 하나하나가 작아진다.
  • 가격은 메뉴 이름 바로 옆에 둔다. 줄이 길어 가격이 멀어지면 어느 메뉴의 가격인지 헷갈린다.
  • 배경과 글자의 밝기 차이를 크게 한다. 사진 위에 글자를 올리면 읽기 어렵다.
  • 메뉴 영역과 홍보 영역을 나누려면 화면 분할을 쓴다.

자주 바뀌는 것을 쉽게

가격과 품절 표시는 자주 바뀐다. 디자인을 매번 다시 만들지 않도록 템플릿에 값만 바꿔 넣는 구조로 만든다. 절차는 메뉴 가격 변경 절차에서, 계산대와 자동으로 맞추는 방법은 POS 연동에서 다룬다.

움직임

메뉴가 계속 움직이거나 깜빡이면 읽기 어렵다. 움직임은 홍보 영역에만 쓰고 메뉴 목록은 고정한다.

확인

완성한 화면은 반드시 매장의 실제 화면에 띄워 주문하는 자리에서 본다. 글자가 깨져 나오면 한글 글꼴 깨짐을 참고한다. 화면 규격은 콘텐츠 규격에서 다룬다.