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

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

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

Давайте разберем три главных типа отображения и тонкие настройки, которые влияют на конверсию, на примере реальной логики работы современных платформ.

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

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

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

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

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

• Полное описание: Уместно, когда фото нужно дополнить контекстом. Если блюдо сложное, текст «допродает» то, что не видно глазу (особый соус, выдержка мяса).
• Две строки (Тизер): Компромиссный вариант. Мы даем намек на состав, но избегаем «простыней» текста, сохраняя легкость ленты.
• Без описания: Чистая эмоция. Если фото настолько «вкусное» и понятное, что слова будут только создавать визуальный шум — смело скрывайте текст.

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

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

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

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

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

Правило «Тишины»: В этом формате описание (состав) создает визуальный шум.
Когда глаз движется зигзагом, сравнивая картинки, лишний текст превращает меню в рябь.

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

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

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

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

• Идеально для: Сетов роллов, Комбо-наборов, Бизнес-ланчей.
• В чем логика: Фото здесь нужно не для аппетита (сет роллов на маленьком фото всё равно не разглядеть детально), а как маркер, чтобы отличать наборы друг от друга.
• Почему не сетка? В списке больше места для названия. У сетов часто длинные имена («На большую компанию »), которые в сетке «2 в ряд» обрезаются или выглядят грязно. В списке название встает чисто.
• Сравнение данных: Когда Цена стоит строго под Ценой, а Вес под Весом, пользователю легче сравнивать выгоду («Этот сет стоит 1500 рублей за 1 кг, а этот — 2000 рублей»).

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

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

Тонкие настройки: Геометрия кадра

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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