Digital Menu Design Flashcards

What is the main advantage of using SVG format for icons and decorative elements on a digital menu?

Answer: SVG graphics scale to any size without losing quality

SVG (Scalable Vector Graphics) is resolution-independent, meaning icons and decorative menu graphics remain crisp on any screen size or pixel density without creating separate image files.

A restaurant's QR code menu should redirect to what type of URL structure for best SEO and shareability?

Answer: A canonical, permanent URL on the restaurant's own domain

A permanent URL on the restaurant's own domain builds link equity, is indexable by search engines, and remains stable for printed QR codes that cannot be updated once printed.

What does 'lazy loading' do in the context of a digital menu with many food photographs?

Answer: Loads images only when they scroll into the user's visible viewport

Lazy loading defers the download of off-screen images until the user scrolls near them, dramatically reducing initial page load time for image-heavy digital menus.

What is a 'dark mode' option on a digital menu and why might restaurants offer it?

Answer: An alternative color scheme using dark backgrounds, reducing eye strain and battery usage in low-light settings

Dark mode inverts the predominant light background to dark tones, which reduces eye strain in dim restaurant settings and extends tablet battery life on OLED screens.

Google's Core Web Vitals metric 'LCP' (Largest Contentful Paint) directly affects a QR menu website because it measures:

Answer: How long the largest visible content element (usually hero food photo) takes to load

LCP measures how quickly the largest content element renders, and for digital menus it is typically the hero food photograph — a slow LCP correlates with higher bounce rates.

What is the purpose of 'A/B testing' applied to a restaurant's digital menu design?

Answer: Showing two different versions of menu layout or photography to different users to measure which drives higher sales

A/B testing serves different menu designs to random user segments, then compares conversion metrics to identify which layout, photography, or pricing display drives higher order value.