Меню в приложении: как настройки сетки управляют средним чеком

Мобильное приложение доставки — это не просто уменьшенная копия сайта. Это пространство, где борьба за внимание идет на квадратные миллиметры. В FoodTech есть аксиома: интерфейс диктует сценарий покупки.

Многие рестораторы думают, что хорошее меню — это просто качественные фото везде. Но опытные продакт-менеджеры знают: иногда отсутствие фото продает лучше, чем его наличие, а вертикальный кадр может спасти раздел напитков. Разберем три главных типа отображения и тонкие настройки, которые влияют на конверсию, на примере реальной логики работы современных платформ.

Вертикальная карточка (один в ряд)

Это ваша витрина. Самый крупный и эмоциональный формат.

• С фото: Это единственный рабочий сценарий для этого формата. Здесь фото — король. Вы занимаете весь экран одним блюдом, чтобы включить «хотелку» на максимум. Идеально для новинок, сложных авторских блюд («Шеф-бургер») и позиций с высокой маржинальностью.

• Без фото: не имеет смысла. Крупная карточка без картинки — это просто огромная дыра в интерфейсе, которая заставляет пользователя скроллить пустоту.

• Нюанс с описанием (инстаграм*-эффект): поскольку этот формат имитирует ленту соцсети, текст здесь играет роль подписи под фото . И здесь нужна гибкость:

• Полное описание: уместно, когда фото нужно дополнить контекстом. Если блюдо сложное, текст «допродает» то, что не видно глазу (особый соус, выдержка мяса).

• Две строки (тизер): Компромиссный вариант. Мы даем намек на состав, но избегаем «простыней» текста, сохраняя легкость ленты.

• Без описания: Чистая эмоция. Если фото настолько «вкусное» и понятное, что слова будут только создавать визуальный шум — смело скрывайте текст.

Компактная сетка (два в ряд)

«Золотая середина» e-commerce. Позволяет сравнивать товары. Но здесь есть неочевидный трюк. 

• С фото: классика для суши, пиццы, воков. Гость сканирует взглядом 4–6 позиций на экране, сравнивая, где начинка выглядит аппетитнее.

• Без фото (текстовая плитка): Инструмент для товаров, которые не нужно продавать визуально.

• Утилитарный выбор: представьте раздел с напитками (Coca-Cola, сок «Rich»). Гостю не нужно фото тетрапака, он ищет знакомый логотип. Убирая фото, вы превращаете карточки в крупные удобные кнопки. Пальцу легче попасть, скорость сбора корзины возрастает .

• Быстрый старт (кейс кофейни): Если у вас кофейня или пекарня и нет времени на профессиональную съемку каждого вида латте и круассана, этот режим — спасение. Вам не нужно ждать фотосессию месяцами. Аккуратная текстовая плитка выглядит стильно и минималистично, позволяя запустить онлайн-заказ хоть завтра, не пугая гостей «серыми заглушками» или плохими фото с телефона.

• 

• Правило «Тишины»: В этом формате описание (состав) создает визуальный шум.

• Когда глаз движется зигзагом, сравнивая картинки, лишний текст превращает меню в рябь.

• Здесь должны быть только: Фото (без фото) +  Название + Цена + Кнопка. Если гостю важен состав, он перейдет внутрь карточки. Не тормозите его взгляд на витрине.

Горизонтальная карточка (список)

Кажется, что этот формат похож на сетку (влезает столько же позиций), но у него принципиально другая механика. Это выбор рациональный, а не импульсивный.

• С фото (миниатюра): линейное сравнение. В отличие от сетки, где глаз мечется влево-вправо, здесь взгляд скользит строго вниз по прямой.

• Идеально для: сетов роллов, комбо-наборов, бизнес-ланчей.

• В чем логика: фото здесь нужно не для аппетита (сет роллов на маленьком фото всё равно не разглядеть детально), а как маркер, чтобы отличать наборы друг от друга.

• Почему не сетка? В списке больше места для названия. У сетов часто длинные имена («На большую компанию »), которые в сетке «2 в ряд» обрезаются или выглядят грязно. В списке название встает чисто.

• Сравнение данных: Когда Цена стоит строго под Ценой, а Вес под Весом, пользователю легче сравнивать выгоду («Этот сет стоит 1500 рублей за 1 кг, а этот — 2000 рублей»).

• Без фото: идеально для соусов, топпингов и приборов .

• В чем логика: Никто не выбирает вилку или кетчуп по внешнему виду. Компактный список (Название+Цена+Кнопка) позволяет пользователю за пару секунд накидать в корзину нужные допы .

Геометрия кадра

Выбрали сетку? Теперь самое интересное — пропорции фото. Не все блюда «лезут» в стандартный квадрат. Современные системы позволяют менять геометрию под тип продукта.

1. Квадрат (1:1): Отраслевой стандарт. Идеально для симметричных объектов (пицца, бургеры, роллы, боулы).

2. Вертикальное (3:4 или 9:16):

• Где использовать: коктейли, лимонады, винные бутылки.

• Почему: в квадратной рамке высокая бутылка выглядит мелкой щепкой с огромными белыми полями по бокам. Вертикальный кадр отсекает пустоту и показывает продукт крупно, занимая полезную площадь экрана.

3. Горизонтальное (4:3):

• Где использовать: стейки на досках, рыба целиком, длинные сеты, хачапури по-аджарски.

• Почему: это естественная геометрия для «распластанных» блюд. Если вписать длинную доску в квадрат, придется либо обрезать края (потеряв гарнир), либо сильно отдалить камеру, из-за чего еда станет мелким пятном. Горизонтальный кадр позволяет заполнить всё пространство полезным контентом.

Закон визуального ритма:

• В сетках «Один в ряд» и «Два в ряд» вы свободны в выборе пропорций. Хотите витрину из высоких бокалов? Пожалуйста.

• Но в Списке золотым стандартом является только Квадрат.

• Почему: список требует жесткого ритма строк. Если вставить туда вертикальное фото, строка станет неестественно высокой, компактность исчезнет, а верстка станет «рваной». Квадратная миниатюра сохраняет идеальную структуру таблицы.

Гибкость как технологический стандарт

Собрать идеальное меню — значит совместить эти форматы.

• Категория «Авторские коктейли» → Вертикальная сетка 2 в ряд (чтобы показать эстетику бокалов).

• Категория «Сеты» → Список с квадратными миниатюрами (чтобы быстро сравнить наполнение).

• Категория «Соусы» → Список без фото (максимальная скорость).

Раньше для такой настройки требовалась армия программистов. Обычные приложения предлагали жесткий шаблон: «либо всё списком, либо всё плиткой».

Сегодня стандарты изменились. Платформы нового поколения, такие как Smartofood, изначально строятся как конструктор. Система знает технические нюансы (например, что в горизонтальном списке нельзя поставить вертикальное фото), но дает полную свободу там, где это важно.

Вы можете настроить вид каждой категории отдельно, комбинируя фото, пропорции и описания так, как требует ваш продукт, а не так, как решил разработчик шаблона три года назад.

• Промокоды по каналам и датам: как понять, откуда пришли гости?
• Как чаевые в цифровых каналах влияют на сервис и NPS?
• Как система лояльности превращает разовых гостей в постоянных