или заполните форму
UX/UI
UX-аудит топ-5 приложений в сфере «Продукты»: 36 решений для роста конверсии и удержания
Владимир
Аналитик
В этой статье мы провели сравнительный UX-аудит пяти мобильных приложений в сегменте «Красота»: «Самокат», «ВкусВилл», «Яндекс Лавка», «Пятёрочка» и «Магнит». Вы получите структурированный список из 36 конкретных дизайн- и юзабилити-решений.
Отправьте заявку на юзабилити-аудит сайта прямо сейчас и увеличьте конверсию минимум на 20%! Найдём точки роста конверсии и выявим барьеры на пути пользователей сайта.
ТОП-36 решений для мобильных приложений в нише «Продукты»
1. Запрос на использование геопозиции после первого входа
Сразу после запуска и первого входа в приложение пользователь видит системное или кастомное окно с запросом разрешения на доступ к геолокации. Приложение объясняет, зачем нужны данные: чтобы определить ближайший магазин, рассчитать время и стоимость доставки, показать актуальные акции и наличие товаров рядом с пользователем.
Зачем это нужно
В сфере доставки продуктов геопозиция — это не просто «дополнительная опция», а критически важные данные. Без них приложение не может:
- определить, доступна ли доставка по адресу пользователя;
- рассчитать точную стоимость и время доставки;
- показать наличие товаров в ближайших магазинах;
- предложить персональные акции от ближайшего супермаркета.
Пример реализации в приложении «Яндекс Лавка»:
2. Запрос на включение push-уведомлений
Приложение запрашивает разрешение на отправку push-уведомлений.
Зачем это нужно
В сфере доставки продуктов push-уведомления выполняют не просто маркетинговую, а критически важную сервисную функцию:
- пользователь должен знать, когда курьер уже в пути, чтобы встретить заказ;
- изменение времени доставки, замена товара или отсутствие позиции — вся эта информация передается через пуши;
- без пушей пользователь вынужден постоянно заходить в приложение и проверять статус вручную, что создает неудобство и тревожность.
Пример реализации в приложении «ВкусВилл»:
3. Предложение выбрать адрес доставки
Пользователю предлагается указать адрес доставки. Это может быть реализовано в двух вариантах:
- модальное окно — всплывающее окно, которое ненавязчиво предлагает ввести или выбрать адрес;
- закреплённая строка в верхней части главного экрана — адресная строка всегда видна на видном месте, при нажатии на неё открывается поле для ввода или выбора адреса.
Зачем это нужно
В доставке продуктов адрес — это базовая необходимость. Размещение адресной строки на видном месте (или показ модального окна) решает несколько задач:
- пользователь сразу понимает, что это обязательный шаг, а не «можно пропустить»;
- снижается количество ошибок: адрес не забывают указать перед заказом;
- персонализация начинается с первого экрана — пользователь видит цены и товары для своей локации.
Пример реализации в приложении «ВкусВилл»:
Пример реализации в приложении «Яндекс Лавка»:
4. Переключение между доставкой и самовывозом на главном экране
На главном экране приложения (обычно в верхней части, рядом с адресной строкой) пользователю предлагается выбрать способ получения заказа: «Доставка» или «Самовывоз». При выборе «Доставка» клиент указывает адрес, и приложение показывает доступное время доставки (сегодня, завтра, конкретные временные слоты). От выбранного времени зависит доступный ассортимент — некоторые товары (свежая выпечка, скоропортящиеся продукты) доступны только в определённые часы или при доставке в конкретный день.
При выборе «Самовывоз» пользователь переходит к выбору конкретного магазина из списка ближайших (или вводит адрес вручную). После выбора магазина приложение показывает актуальное наличие товаров именно в этом магазине и время работы, когда можно забрать заказ.
Зачем это нужно
В доставке продуктов у пользователя есть два принципиально разных сценария:
- «Хочу, чтобы привезли домой» — нужно выбрать адрес и удобное время. Ассортимент может зависеть от того, на какой склад/магазин уходит заказ.
- «Хочу забрать сам, по пути с работы» — нужно выбрать конкретный магазин, увидеть реальные остатки (потому что в разных магазинах разный ассортимент) и время работы, чтобы забрать заказ.
Разделение этих сценариев на видном месте:
- снижает путаницу («а мне привезут или я сам еду?»);
- помогает показать точные цены и наличие (в разных магазинах цены могут отличаться);
- повышает доверие — пользователь видит, что ассортимент привязан к реальному магазину, а не к абстрактному складу;
- увеличивает конверсию — пользователь быстрее принимает решение, видя, что товары есть в наличии рядом.
Пример реализации в приложении «ВкусВилл»:
5. AI-поиск продуктов с рекомендациями, рецептами и ответами на вопросы
В приложении реализован интеллектуальный поиск на базе искусственного интеллекта, который выходит далеко за рамки обычного текстового поиска по названиям товаров. AI-поиск позволяет пользователю:
- задавать запросы естественным языком («что приготовить на ужин за 30 минут?», «нужны продукты для борща», «полезные снеки без сахара»);
- получать подборки продуктов под конкретный рецепт («всё для салата Цезарь»);
- уточнять характеристики товара («в этом йогурте есть пробиотики?», «какой срок годности у этого молока?»);
- получать персональные рекомендации на основе предыдущих заказов и предпочтений.
Зачем это нужно
В сфере продуктов покупатели часто не знают точное название товара, который ищут. Они ищут по ситуации, задаче или рецепту: «хочу приготовить пасту карбонара», «нужны продукты на завтрак», «что купить для пикника». Обычный поиск по ключевым словам с этим не справляется.
AI-поиск решает важные задачи:
- пользователь получает готовое решение (список продуктов), а не просто ссылки на товары;
- приложение становится не просто каталогом, а помощником на кухне;
- удерживает пользователя в приложении дольше (интерактивное взаимодействие);
- подталкивает к покупке через рецепты и рекомендации;
- снижает число «нулевых» результатов поиска;
- увеличивает средний чек — пользователь покупает все ингредиенты для рецепта в одном заказе.
Пример реализации в приложении «Яндекс Лавка»:
6. Умный поиск с подсказками категорий и товаров
При нажатии на иконку поиска пользователь попадает на отдельный экран, где изначально (до ввода запроса) отображается список основных категорий товаров (например, «Овощи и фрукты», «Молочные продукты», «Мясо и птица», «Выпечка» и т.д.). Как только пользователь начинает вводить текст в поисковую строку, интерфейс мгновенно переключается: вместо категорий показываются релевантные товары и популярные поисковые запросы, соответствующие введенному тексту.
Зачем это нужно
Поиск в продуктовом приложении должен быть гибким и адаптироваться к разным сценариям пользователя. Экран поиска с категориями и подсказками:
- снижает когнитивную нагрузку — не нужно придумывать запрос с нуля;
- ускоряет навигацию — можно найти товар через категории без ввода текста;
- повышает релевантность выдачи — подсказки подстраиваются под вводимый текст в реальном времени;
- помогает избежать «нулевых» результатов поиска.
Пример реализации в приложении «Магнит»:
7. Сканер штрих-кода для быстрого поиска товара
В приложении встроен сканер штрих-кодов (обычно доступен через поисковую строку или отдельную иконку). Пользователь наводит камеру на штрих-код любого продукта — приложение мгновенно распознает его и показывает карточку товара с ценой, описанием, составом, сроком годности и возможностью добавить в корзину.
Зачем это нужно
В сфере продуктов у пользователя есть несколько ключевых сценариев использования сканера:
- в магазине — пользователь видит продукт на полке, сканирует штрих-код и сравнивает цену в приложении с ценой в офлайн-магазине (выгодно ли купить здесь или заказать доставку);
- дома — сканирует продукты, которые заканчиваются (молоко, хлеб, сыр), и мгновенно добавляет их в корзину для следующего заказа;
- проверка состава — сканирует незнакомый продукт, чтобы быстро узнать его состав, калорийность и наличие аллергенов;
- для семейных заказов — пользователь может отсканировать упаковку любимого продукта, чтобы сразу найти его в приложении и добавить в корзину без ручного ввода названия.
Сканер штрих-кода:
- сокращает время поиска товара с десятков секунд до одного действия;
- избавляет от необходимости вводить длинные названия (особенно на иностранном языке);
- помогает избежать ошибок при поиске («такой же, но другой бренд/объём»);
- создает бесшовный опыт между офлайн- и онлайн-покупками (omni-channel);
- особенно полезен для товаров без уникального названия или с похожими упаковками (например, молока разных производителей).
Пример реализации в приложении «Пятёрочка»:
8. Нижняя навигация (таб-бар) с быстрым доступом к ключевым разделам
В нижней части экрана закреплена панель навигации (таб-бар) с иконками и текстовыми подписями. Основные разделы приложения всегда доступны: «Главная», «Каталог», «Корзина», «Профиль». Активный раздел визуально выделяется (цветом, подсветкой или жирным шрифтом).
Зачем это нужно
Таб-бар — это навигационный стандарт для мобильных приложений, к которому привыкли миллионы пользователей. В доставке продуктов это особенно важно, потому что:
- пользователь может часто переключаться между разделами в процессе сбора заказа (посмотреть акции → поискать конкретный продукт → добавить в корзину → проверить корзину);
- корзина должна быть доступна в любой момент (чтобы видеть набранную сумму и состав заказа);
- быстрый доступ к профилю и адресу упрощает повторные заказы.
Пример реализации в приложении «ВкусВилл»:
9. Закреплённая корзина над таб-баром
В нижней части экрана, непосредственно над основной панелью навигации (таб-бар), закреплена компактная панель корзины. В свернутом виде она показывает итоговую сумму заказа и количество товаров. При нажатии на эту панель она разворачивается в полноценный список товаров в корзине с возможностью редактирования (изменить количество, удалить позицию) или перейти к оформлению заказа. Панель корзины остаётся видимой всегда, независимо от того, на какой странице находится пользователь.
Зачем это нужно
В доставке продуктов пользователи часто собирают корзину постепенно, листая каталог и добавляя товары один за другим.
Закреплённая корзина над таб-баром:
- дает постоянную видимость корзины — пользователь всегда знает свой прогресс;
- исключает необходимость переключаться на отдельный экран корзины для проверки суммы;
- является мягким триггером к завершению заказа («уже набрали на 1500 ₽, до бесплатной доставки осталось 500 ₽»);
- значительно ускоряет путь к оформлению (один клик вместо перехода на вкладку корзины);
- играет важную рольв сценариях «быстрой доставки», где пользователь должен быстро понять, хватает ли товаров для заказа.
Пример реализации в приложении «Пятёрочка»:
10. Ссылка на раздел «Уже брали» на видном месте
На главном экране или в верхней части каталога на видном месте размещена активная ссылка или кнопка с названием «Уже брали», «Уже покупали», «Заказывали». При нажатии пользователь попадает в раздел, где собраны все товары, которые он уже заказывал в прошлом (сгруппированные по датам заказов или отсортированные по частоте покупок).
Зачем это нужно
В сфере доставки продуктов у пользователей есть привычные, регулярные покупки: молоко, хлеб, яйца, масло, фрукты — набор из 10–15 товаров, которые покупаются каждую неделю. Если пользователю нужно каждый раз заново искать эти товары в каталоге или листать историю заказов в поисках нужного, это:
- отнимает много времени;
- создает раздражение («я же уже это покупал, почему приложение не помнит?»);
- повышает риск забыть что-то важное (купил хлеб, а масло забыл).
Раздел «Уже брали»:
- сокращает время повторного заказа с 10–15 минут до 1–2 минут;
- позволяет повторить заказ в один клик (все товары сразу в корзине);
- снижает когнитивную нагрузку — не нужно вспоминать, какие продукты покупали на прошлой неделе;
- особенно полезен для семей с регулярным списком покупок;
- увеличивает лояльность — пользователь ценит заботу о его времени.
Пример реализации в приложении «Яндекс Лавка»:
11. Ссылка на раздел «Мои заказы» (история заказов)
На видном месте в приложении (обычно на главном экране, в нижней навигации или в профиле) размещена активная ссылка или иконка с названием «Мои заказы», «История заказов» или «Заказы». При нажатии пользователь попадает в раздел, где собрана полная история всех его прошлых заказов в хронологическом порядке. Каждый заказ отображается в виде карточки с датой, временем, итоговой суммой, статусом (доставлен, отменён, в пути) и списком товаров. Пользователь может открыть любой заказ, посмотреть его детали и при необходимости повторить заказ — добавить все товары из этого заказа в корзину одним нажатием.
Пример реализации в приложении «Пятёрочка»:
12. Быстрая авторизация по номеру телефона
На экране входа пользователю предлагается авторизоваться по номеру телефона — самый быстрый и привычный способ для доставки продуктов. Пользователь вводит номер, приложение отправляет SMS с кодом подтверждения (или звонит с автоматическим определением кода), после чего вход выполняется. Процесс занимает 15–30 секунд. Пароль не требуется.
В доставке продуктов ключевой фактор — скорость. Пользователь часто заказывает еду «на бегу», когда есть пара минут, пока готовится ужин или завтрак. Если процесс входа затягивается (нужно придумывать пароль, заполнять форму регистрации, подтверждать e-mail) — он просто уйдет к конкурентам.
Пример реализации в приложении «ВкусВилл»:
13. Картинки в меню категорий вместо простого текста
В меню категорий (выпадающем, боковом или на главном экране) каждый пункт сопровождается не просто текстом, а визуальным элементом — иконкой, миниатюрой или тематическим изображением продукта. Например, рядом с категорией «Овощи и фрукты» — красочное изображение яблока или моркови, рядом с «Молочные продукты» — стилизованная упаковка молока, с «Мясо и птица» — сочный стейк, а с «Выпечка» — аппетитный багет или круассан.
Зачем это нужно
В доставке продуктов ассортимент может включать десятки категорий: овощи, фрукты, мясо, рыба, молочка, хлеб, напитки, снеки, заморозка, бакалея, детское питание и т.д. Если категории представлены только текстом, пользователю приходится:
- читать каждое название (больше когнитивной нагрузки);
- дольше искать нужный раздел (особенно если категорий 10–15);
- запоминать структуру меню (что где лежит).
Картинки в меню категорий:
- ускоряют визуальный поиск в разы — мозг обрабатывает изображение быстрее текста;
- снижают количество ошибочных нажатий (пользователь точно знает, куда кликает);
- делают интерфейс живым, аппетитным и визуально привлекательным;
- повышают вовлеченность — пользователю приятнее листать красивое меню.
Пример реализации в приложении «Самокат»:
14. Баннеры на главной странице с кнопкой добавления в корзину
На главной странице приложения размещаются промо-баннеры (акции, скидки, персональные предложения, сезонные товары), но в отличие от классических баннеров, которые просто ведут на страницу акции или товара, здесь на каждом баннере размещена активная кнопка «В корзину» (или «Добавить»). Пользователь может одним нажатием добавить товар или набор товаров из баннера прямо в корзину, минуя переход на отдельную страницу товара или категории.
Зачем это нужно
В доставке продуктов пользователи часто просматривают главную страницу в поиске выгодных предложений. Если баннер требует перехода на отдельную страницу для добавления товара:
- это создаёт лишний шаг (клик → загрузка страницы → поиск кнопки → добавление);
- пользователь может потерять интерес по пути;
- снижается импульсная конверсия от акций.
Баннер с кнопкой добавления в корзину:
- сокращает путь от «увидел скидку» до «добавил в корзину» до одного действия;
- увеличивает конверсию промо-акций (пользователь не успевает передумать);
- особенно эффективен для персонализированных баннеров («ваши любимые продукты со скидкой 20%»).
Пример реализации в приложении «Самокат»:
Отправьте заявку на юзабилити-аудит сайта прямо сейчас и увеличьте конверсию минимум на 20%! Найдём точки роста конверсии и выявим барьеры на пути пользователей сайта.
15. Списки товаров (личные подборки)
В приложении реализована функция «Списки» — пользователь может создавать собственные тематические подборки товаров и добавлять в них продукты прямо из каталога, карточки товара или листинга. Например, можно создать списки:
- «Завтраки» (хлопья, молоко, йогурт, фрукты);
- «Для ужина» (паста, соус, сыр, помидоры);
- «Перекусы на работу» (батончики, орехи, печенье);
- «Продукты на неделю»;
- «Для гостей» (набор закусок и напитков).
Списки можно редактировать, переименовывать, удалять и, главное, одним нажатием добавлять все товары из любого списка в корзину.
Зачем это нужно
Функция списков:
- экономит время на повторяющиеся заказы (не нужно собирать корзину с нуля);
- снижает когнитивную нагрузку (не нужно вспоминать все ингредиенты для рецепта);
- уменьшает риск забыть что-то важное (всё уже сохранено в списке);
- помогает планировать закупки заранее;
- увеличивает лояльность — пользователь «привязывается» к приложению через созданные списки;
- подходит для семей — можно иметь общий список, куда каждый добавляет продукты по мере необходимости.
Пример реализации в приложении «ВкусВилл»:
16. Отображение веса товара в контроле количества (граммы / килограммы
Контроль количества (степпер с кнопками «+» и «–») отображает не просто количество единиц товара (1 шт., 2 шт.), а вес в граммах или килограммах. Например, при добавлении мяса, сыра, рыбы, фруктов или овощей на развес пользователь видит: «200 г», «500 г», «1,2 кг». При нажатии «+» вес увеличивается с определенным шагом (например, 100 г для мяса или 1 кг для картошки), а при нажатии «–» — уменьшается.
Зачем это нужно
В доставке продуктов многие товары продаются на развес, а не поштучно:
- мясо, рыба, сыр, колбаса — покупаются в граммах;
- овощи и фрукты — в килограммах;
- орехи, конфеты, сухофрукты — в граммах.
Пользователь привык в обычном супермаркете брать «300 грамм фарша» или «килограмм яблок». Отображение веса в контроле количества:
- делает процесс заказа интуитивно понятным (пользователь видит привычные единицы измерения);
- снижает количество вопросов в поддержку («а сколько это в граммах?»);
- помогает точнее рассчитывать бюджет на закупки;
- особенно важно для категорий, где цена указана за килограмм или грамм.
Пример реализации в приложении «Магнит»:
17. Превью товара со слайдером изображений в ленте каталога
В общем списке товаров (листинге, ленте каталога) карточка товара содержит не одно статичное изображение, а мини-слайдер. Пользователь может листать 2–5 изображений горизонтальным свайпом прямо в превью, не заходя в карточку товара. Добавляются индикаторы (точки или цифры), показывающие количество доступных медиафайлов. В некоторых реализациях первое изображение может автоматически сменяться на второе через несколько секунд (автоплей), но основной сценарий — ручной свайп.
Зачем это нужно
В продуктовом ритейле внешний вид товара критически важен — пользователь хочет увидеть продукт в разных ракурсах. Слайдер в превью:
- позволяет пользователю быстро оценить товар без перехода в карточку, экономя время;
- дает более полное представление о продукте (упаковка, состав, внешний вид, варианты);
- увеличивает вовлеченность — свайп в ленте привлекает внимание и удерживает пользователя;
- снижает количество «холостых» переходов в карточку (пользователь уже увидел достаточно в превью и сразу добавляет товар в корзину);
- особенно полезен для товаров, где визуальные различия важны (фрукты, овощи, готовая еда, выпечка).
Пример реализации в приложении «Яндекс Лавка»:
18. Видеопревью товара в ленте каталога
В общем списке товаров (листинге, ленте каталога) некоторые карточки товаров содержат не статичное изображение, а короткое видео (3–10 секунд), которое автоматически запускается при появлении карточки в зоне видимости (автоплей без звука). Видео демонстрирует продукт в динамике: как выглядит готовое блюдо, как нарезается мясо, как тает мороженое, как пузырится газировка или как выглядит сочный стейк на сковороде.
Зачем это нужно
В продуктовом ритейле статичное изображение не всегда может передать главные качества продукта. Видеопревью:
- мгновенно привлекает внимание в ленте — видео выделяется среди статичных карточек;
- вызывает эмоциональный отклик («хочу это съесть!») и стимулирует импульсивную покупку;
- дает более полное представление о продукте, особенно для готовой еды и сложных блюд;
- повышает доверие — пользователь видит продукт «вживую», а не только на студийном фото;
- сокращает количество переходов в карточку товара для уточнения деталей;
- создает ощущение «живого» и современного приложения.
Пример реализации в приложении «Самокат»:
19. Кнопка «Доставить завтра» вместо «В корзину» для товаров, которых нет в наличии сегодня
Если товар отсутствует в наличии на текущий момент (например, закончился свежий хлеб, мясо или овощи к вечеру), приложение не просто блокирует кнопку «В корзину» с надписью «Нет в наличии». Вместо этого пользователю показывается альтернативная кнопка: «Доставить завтра» (или «Завтра будет в наличии»).
Зачем это нужно
Одна из главных причин брошенных корзин в доставке продуктов — отсутствие нужных товаров в наличии в момент оформления заказа. Кнопка «Доставить завтра»:
- дает пользователю конструктивное решение вместо тупика («Нет в наличии, уходите»);
- удерживает пользователя в приложении (он не идёт к конкурентам);
- увеличивает вероятность, что заказ всё же состоится (пусть и с доставкой завтра);
- снижает негативное восприятие (не «у нас нет этого товара», а «мы привезем его вам завтра»).
Пример реализации в приложении «ВкусВилл»:
20. Закрепленные подразделы над списком товаров с горизонтальным скроллом
Над списком товаров в каталоге или в поисковой выдаче отображается строка с подразделами категории (например, в разделе «Овощи: «Огурцы», «Салат», «Капуста»). При прокрутке страницы вниз эта строка закрепляется в верхней части экрана, оставаясь всегда видимой. Для экономии места на экране подразделы отображаются в виде горизонтально прокручиваемой ленты — пользователь может свайпать влево-вправо, чтобы увидеть все доступные подкатегории.
Зачем это нужно
В продуктовых каталогах категории часто имеют глубокую структуру: внутри «Молочных продуктов» — «Молоко», «Кефир», «Сметана», «Творог», «Сливочное масло», «Йогурты» и т.д. Закреплённая строка с подразделами:
- сохраняет навигационный контекст — пользователь всегда знает, в какой категории и подкатегории он находится;
- обеспечивает мгновенный доступ к любому подразделу с любой позиции списка;
- экономит вертикальное пространство (горизонтальный скролл позволяет показать много подразделов без загромождения);
- ускоряет переключение между подкатегориями (не нужно возвращаться в начало).
Пример реализации в приложении «Самокат»:
21. Закреплённая кнопка «К товару» для быстрой прокрутки вверх
В карточке товара при прокрутке страницы вниз в правом нижнем углу появляется кнопка с надписью «К товару». При нажатии страница мгновенно прокручивается вверх — к блоку с основными характеристиками.
Зачем это нужно
Карточка товара в продуктовом приложении часто бывает длинной: описание, состав, пищевая ценность, срок годности, страна производства, отзывы, похожие товары, рекомендации. Пользователь может пролистать её до самого низа. Кнопка «К товару»:
- мгновенно возвращает пользователя к ключевой информации (цена, фото, состав) без многократного скроллинга;
- сокращает время навигации внутри карточки с нескольких секунд до одного клика
Пример реализации в приложении «Самокат»:
22. Наличие товара в магазинах
В карточке товара размещена кнопка «Наличие в магазинах». При нажатии открывается окно (модальное или на отдельном экране) со списком ближайших магазинов, где данный товар есть в наличии. Информация отображается либо списком с адресами и расстоянием до магазина, либо на карте с геометками. В списке магазинов указывается количество товара в остатке (например, «3 шт.»), а также время работы и расстояние до магазина и возможность забрать товар самовывозом.
Зачем это нужно
В продуктовом ритейле у пользователей есть важный сценарий омниканальных покупок:
- «Хочу проверить, есть ли этот товар в магазине рядом с домом/работой, чтобы забрать его самому (самовывоз)»;
- «Хочу убедиться, что продукт в наличии, чтобы не заказывать доставку и не ждать»;
- «Планирую заехать за покупками по пути, хочу проверить, есть ли нужный продукт в наличии, чтобы не тратить время зря».
Проверка наличия в магазинах:
- дает пользователю возможность выбора: доставка или самовывоз прямо сейчас;
- повышает доверие и прозрачность — пользователь видит реальные остатки, а не абстрактную информацию о наличии;
- сокращает разочарование («приехал в магазин, а товара нет»);
- особенно важна для свежих продуктов, сезонных товаров и товаров с ограниченной партией;
- поддерживает омниканальный опыт, интегрируя онлайн- и офлайн-покупки.
Пример реализации в приложении «ВкусВилл»:
23. График изменения рейтинга товара в блоке отзывов
В блоке отзывов карточки товара, рядом с общим рейтингом (например, 4.6 из 5), пользователю доступна дополнительная информация — график или диаграмма, показывающая, как менялся рейтинг товара за последний месяц (или за другой период). Обычно это визуализируется в виде линейного графика или столбчатой диаграммы с разбивкой по дням/неделям. Пользователь видит динамику оценок: был ли рейтинг стабильным, упал или вырос за последние недели.
Зачем это нужно
Общий рейтинг товара — это усредненная оценка за всё время. Он может быть высоким за счёт старых отзывов, но качество продукта могло измениться (например, ухудшился состав, производитель поменял рецептуру или испортилась партия). График изменения рейтинга:
- дает более глубокое понимание качества товара, чем просто средняя оценка;
- помогает заметить негативные тренды (падение рейтинга) или позитивные изменения (рост рейтинга);
- повышает доверие — пользователь видит, что приложение не скрывает динамику оценок;
- особенно полезен для скоропортящихся продуктов, сезонных товаров и новинок, где качество может сильно меняться;
- позволяет сравнивать товары не только по общему рейтингу, но и по динамике.
Пример реализации в приложении «ВкусВилл»:
24. Краткие характеристики продукта (Ккал, белки, жиры)
Компактный блок с ключевыми пищевыми характеристиками продукта: калорийность (Ккал), белки, жиры, углеводы на 100 г или на порцию. Информация представлена в сжатом, легкочитаемом виде (например, иконки или цветовые индикаторы). Рядом с этим блоком размещается кнопка или ссылка «Все характеристики» (или «Подробнее о товаре»), при нажатии на которую открывается полная информация о продукте: состав, пищевая ценность в разбивке по микроэлементам, витамины, аллергены, условия хранения, срок годности и другая детальная информация.
Зачем это нужно
В продуктовом ритейле пищевая ценность — один из ключевых факторов при выборе товара, особенно для пользователей, следящих за питанием, спортом или здоровьем (диабетики, аллергики, люди с непереносимостью лактозы или глютена). Краткие характеристики с кнопкой на все характеристики:
- дают быстрый доступ к ключевой информации (Ккал, БЖУ) в один взгляд;
- помогают пользователю мгновенно принять решение («мне подходит», «слишком калорийно»);
- не перегружают карточку товара — полная информация доступна по запросу (один клик);
- особенно важны для товаров категорий «ЗОЖ», «Диетическое питание», «Детское питание».
Пример реализации в приложении «Яндекс Лавка»:
25. AI-анализ состава товара: краткая выжимка
В карточке товара рядом с полным списком ингредиентов (стандартный состав, написанный мелким шрифтом) приложение с помощью искусственного интеллекта генерирует краткую, понятную выжимку: что это за продукт, какие ключевые ингредиенты в нем используются, есть ли полезные свойства. Отдельно выделяются аллергены (молоко, глютен, яйца, орехи, соя, рыба, морепродукты и другие) с явными визуальными подсказками (значками, цветовым выделением).
Зачем это нужно
Полный состав на упаковке продукта часто написан сложным научно-техническим языком, содержит много ингредиентов с непонятными названиями (Е-добавки, химические соединения, сложные термины). Пользователю сложно быстро понять, из чего сделан продукт и полезен ли он, трудно идентифицировать аллергены без специальных знаний.
AI-анализ состава:
- переводит «сложный» состав на «человеческий» язык (например, «В этом йогурте молоко, сахар, закваска и натуральные ароматизаторы. Без консервантов»);
- сразу показывает скрытые аллергены и потенциальные риски (яркими значками или цветом: «Содержит лактозу»; «Может содержать следы орехов»);
- помогает людям с пищевыми аллергиями, диабетом, непереносимостью глютена или лактозы быстро принять решение — безопасен ли продукт;
- ускоряет принятие решения в несколько раз — пользователь не читает длинный состав, а видит понятную выжимку за 2 секунды.
Пример реализации в приложении «Яндекс Лавка»:
26. «Спроси AI» — интерактивный чат о товаре
В карточке товара размещен виджет или кнопка с названием «Спроси AI», «Что вы хотите узнать о товаре?» или «Задайте вопрос». При нажатии открывается чат-интерфейс, где пользователь может общаться с искусственным интеллектом о конкретном продукте. Для упрощения взаимодействия рядом с полем ввода выводятся готовые вопросы-чипсы (быстрые кнопки с подсказками), например: «это диетическое?», «есть ли аллергены?».
Пользователь может нажать на один из готовых вопросов или ввести свой собственный запрос. AI отвечает на основе данных о товаре (состав, характеристики, описание, отзывы) и даёт персонализированный, понятный ответ.
Зачем это нужно
В продуктовом ритейле у пользователей много конкретных вопросов, на которые ответы могут быть разбросаны по разным частям карточки (состав, описание, сроки, аллергены). «Спроси AI»:
- дает мгновенные ответы на любые вопросы о товаре без поиска по карточке;
- делает взаимодействие с продуктом интерактивным и понятным;
- особенно полезен для сложных продуктов с большим количеством параметров (состав, свойства, сроки);
- помогает людям с ограничениями в питании (аллергии, диеты, диабет) быстро оценить безопасность продукта;
- повышает доверие — пользователь получает персонализированный ответ от «умного» помощника.
Пример реализации в приложении «Яндекс Лавка»:
27. Стоимость и срок доставки на закрепленной иконке корзины
На закрепленной панели корзины (которая всегда видна в нижней части экрана над таб-баром) отображается не только итоговая сумма заказа, но и ключевая информация о доставке: стоимость доставки и срок доставки (сегодня, завтра, конкретное время).
Зачем это нужно
В доставке продуктов пользователь принимает решение о заказе не только исходя из стоимости товаров, но и из условий доставки. Показ стоимости и срока доставки на закрепленной корзине:
- дает прозрачность на всех этапах сбора заказа — пользователь видит, сколько заплатит за доставку и когда получит заказ;
- стимулирует добрать товары до порога бесплатной доставки ( «Добавьте на 300 ₽, и доставка бесплатно»);
- помогает принять решение оформить заказ или подождать с покупкой (если доставка слишком дорогая или сроки не устраивают);
- снижает число отказов на финальном этапе оформления;
- повышает удобство — не нужно заходить в корзину, чтобы проверить условия доставки.
Пример реализации в приложении «ВкусВилл»:
28. Возможность указать получателя заказа в корзине
На экране корзины размещена опция «Заказ получит другой человек». При активации пользователь может ввести имя и номер телефона человека, который получит заказ. Номер телефона можно подтянуть из телефонной книжки. Эти данные затем автоматически подставляются на этапе оформления заказа (в блоке «Получатель»), заменяя данные основного пользователя.
Зачем это нужно
В продуктовом ритейле заказы часто оформляют не для себя, а для других людей:
- Сценарий 1: «Заказываю продукты пожилым родителям, которые живут в другом районе, чтобы им не пришлось ходить в магазин».
- Сценарий 2: «Хочу сделать сюрприз другу или подруге, отправить корзину с продуктами к празднику (например, к Новому году или на день рождения)».
- Сценарий 3: «У нас с мужем общий аккаунт, но заказ сегодня получит он, потому что я буду на работе».
- Сценарий 4: «Заказываю еду в офис для коллег — нужно, чтобы заказ получил администратор, а не я».
Функция «Заказ получит другой человек»:
- значительно упрощает сценарии «заказа для других»;
- экономит время на оформлении — не нужно редактировать данные вручную каждый раз;
- снижает риск ошибок при вводе контактных данных;
- повышает лояльность за счёт возможности делать приятные сюрпризы близким;
- особенно актуальна в предпраздничные дни и для категории «Готовые наборы» (собрать корзину в подарок).
Пример реализации в приложении «ВкусВилл»:
29. Кнопка «Заменить» для товаров, которых нет в наличии в корзине
Если товар в корзине пользователя стал недоступен (например, пользователь добавлял его несколько дней назад, а сейчас он закончился), приложение не просто показывает статус «Нет в наличии», а предлагает активную кнопку «Заменить» на аналог. При нажатии открывается модальное окно или листинг с похожими товарами из той же категории (аналоги по бренду, составу, цене, объёму или вкусу). Пользователь может выбрать один из предложенных вариантов, и он автоматически заменит недоступный товар в корзине.
Зачем это нужно
Одна из самых частых причин брошенных корзин в доставке продуктов — исчезновение товаров из наличия между моментом добавления и моментом оформления заказа.
Кнопка «Заменить»:
- дает пользователю готовое решение вместо тупика («Нет в наличии — идите и ищите сами»);
- предлагает релевантные альтернативы, экономя время пользователя;
- удерживает пользователя в приложении (не даёт уйти к конкурентам);
- увеличивает вероятность, что заказ всё же состоится (пусть с заменой одного товара);
- создает впечатление заботы — приложение помогает, а не просто констатирует проблему.
Пример реализации в приложении «ВкусВилл»:
30. Настройка заказа: поведение при отсутствии товара и опция «Оставить у двери»
На этапе оформления заказа пользователю доступны дополнительные настройки, которые позволяют управлять двумя важными сценариями:
1. Что делать, если товара нет в наличии?
Пользователь может выбрать одно из действий: «Позвонить» и «Не звонить».
2. Оставить заказ у двери.
Пользователь может активировать опцию «Оставить заказ у двери».
Зачем это нужно
Для сценария «Что делать, если товара нет в наличии»:
- пользователи по-разному реагируют на отсутствие товаров: кто-то согласен на замену, кто-то предпочитает отказ, а кто-то готов подождать;
- без настройки приложение выбирает действие по умолчанию, которое может не совпадать с ожиданиями пользователя, например, автоматически заменяет товар, хотя пользователь хотел бы удалить его;
- предлагая выбор, приложение снижает вероятность разочарования и дает пользователю контроль над заказом.
Для сценария «Оставить у двери»:
- многие пользователи работают из дома, но не хотят отвлекаться на звонок в домофон или личное общение с курьером;
- в условиях плотного графика или если дома маленькие дети/животные, проще попросить оставить заказ у двери;
- это повышает удобство и безопасность (бесконтактная доставка);
- особенно актуально для пользователей, которые заказывают продукты регулярно и доверяют сервису.
Пример реализации в приложении «ВкусВилл»:
31. Комментарий к сборщику на странице оформления заказа
На странице оформления заказа размещено текстовое поле «Комментарий к сборщику». Пользователь может оставить короткое сообщение для сотрудника, который собирает заказ в магазине или на складе. Примеры комментариев: «Сделайте всё в одном пакете, пожалуйста», «Если нет моего товара, замените на аналогичный, только тот же бренд».
Зачем это нужно
В доставке продуктов пользователю часто важно передать сборщику специфические пожелания, которые невозможно выразить через выбор товаров. Комментарий к сборщику:
- дает пользователю контроль над процессом сборки заказа;
- повышает качество доставки (сборщик следует инструкциям);
- снижает количество возвратов и жалоб;
- улучшает восприятие сервиса — пользователь чувствует, что его мнение и пожелания важны;
- особенно важен для пользователей с особыми диетами, аллергиями или для семей с маленькими детьми.
Пример реализации в приложении «ВкусВилл»:
32. Товарные рекомендации на странице оформления заказа
На странице оформления заказа (этап перед подтверждением) размещается блок с товарными рекомендациями: «Возможно, вам понадобится», «Часто берут с этим заказом», «Не забудьте взять» или «К этому заказу рекомендуем». В блоке отображаются товары, которые логически дополняют текущий заказ: например, к мясу — соус или приправа, к молоку — печенье или хлопья, к хлебу — масло или джем.
Зачем это нужно
В доставке продуктов часто бывает, что пользователь забывает о важных мелочах — добавках, соусах, специях, напитках, десертах. Эти товары имеют высокую маржинальность и низкую стоимость, но значительно повышают общую сумму заказа.
Пример реализации в приложении «ВкусВилл»:
33. Шаринг корзины — поделиться составом заказа по ссылке
На экране корзины есть кнопка или иконка «Поделиться» («Поделиться корзиной»). При нажатии приложение генерирует уникальную ссылку на текущий состав корзины. Пользователь может отправить ее другому человеку через любой мессенджер, социальную сеть или по электронной почте. Перейдя по ссылке, получатель видит полный список товаров из корзины (с ценами, количеством и вариантами) в своём приложении.
Зачем это нужно
В продуктовом ритейле крайне популярен сценарий совместных покупок или сбора заказа несколькими людьми:
- Сценарий 1 (совместная покупка): «Мы с соседкой по офису заказываем продукты на неделю — она собирает овощи и фрукты, я собираю молочку и хлеб. Потом объединяем корзины в один заказ, чтобы получить бесплатную доставку».
- Сценарий 2 (передача корзины): «Муж собирается заказать продукты, а я сейчас занята — я соберу корзину в приложении и отправлю ему ссылку, чтобы он оформил заказ».
- Сценарий 3 (повтор заказа): «Коллега заказал отличный набор продуктов для пикника — скинул мне ссылку на свою корзину, и я заказал то же самое для своей семьи».
- Сценарий 4 (список покупок): «Мама попросила купить продукты для ужина — она собрала корзину и отправила мне ссылку, я просто подтвердил и оплатил».
Без такой функции пользователям приходится пересылать друг другу скриншоты, списки товаров в мессенджерах (что неудобно и чревато ошибками) или заново добавлять товары вручную.
Пример реализации в приложении «Яндекс Лавка»:
34. Готовые промокоды на этапе оформления заказа
На этапе оформления заказа, рядом с полем для ввода промокода, размещена активная кнопка или ссылка. При нажатии открывается модальное окно или выпадающий список со всеми доступными для пользователя промокодами на текущий момент. Для каждого промокода отображается:
- название или краткое описание;
- условия применения (минимальная сумма заказа, категория товаров, срок действия);
- кнопка «Применить» — при нажатии промокод автоматически активируется, и скидка применяется к заказу.
Зачем это нужно
Промокоды — мощный инструмент стимулирования продаж, но многие пользователи либо забывают их применить, либо не хотят вводить длинные буквенно-цифровые комбинации вручную. Традиционное поле ввода промокода создаёт барьер:
- пользователь должен помнить или искать актуальный промокод;
- ввод длинного кода с мобильного телефона неудобен (особенно с учётом регистра и спецсимволов);
- если промокод не подходит (например, не действует на выбранные товары), пользователь разочаровывается.
Готовые промокоды в один клик:
- упрощают применение скидок до одного нажатия;
- напоминают пользователю о доступных акциях и купонах, о которых он мог забыть;
- увеличивают процент использования промокодов (а значит, и конверсию);
Пример реализации в приложении «Магнит»:
Отправьте заявку на юзабилити-аудит сайта прямо сейчас и увеличьте конверсию минимум на 20%! Найдём точки роста конверсии и выявим барьеры на пути пользователей сайта.
35. Выбор даты и времени получения заказа
На этапе оформления заказа пользователю предоставляется возможность выбрать удобную дату и время получения заказа. Система автоматически показывает только реально доступные даты и время с учётом загрузки курьеров, времени работы магазина (для самовывоза), дня заказа и загруженности службы доставки.
Зачем это нужно
В доставке продуктов пользователю важно получить заказ в удобное для него время. Выбор даты и времени:
- дает пользователю полный контроль над получением заказа;
- снижает тревожность («я точно буду дома в это время»);
- уменьшает нагрузку на курьерскую службу и поддержку;
- повышает удовлетворенность сервисом и лояльность;
Пример реализации в приложении «Магнит»:
36. Подтверждение удаления товара из корзины (защита от случайных нажатий)
Когда пользователь нажимает кнопку удаления товара (обычно иконка корзины или крестик) в корзине, приложение не удаляет товар мгновенно, а сначала показывает кнопка «Вернуть» на несколько секунд.
Зачем это нужно
Подтверждение удаления:
- предотвращает потерю товаров из-за случайных нажатий;
- дает пользователю последний шанс передумать;
- снижает количество негативных сценариев и обращений в поддержку;
- особенно важно для дорогих или дефицитных товаров, которые сложно найти снова.
Пример реализации в приложении «Яндекс Лавка»:
Получайте полезный контент от KISLOROD в любом из мессенджеров
При переходе в одну из указанных социальных сетей вы автоматически даете согласие на обработку персональных данных и согласие на получение рекламной рассылки. Подробнее об обработке данных в Политике конфиденциальности.
Рекомендованные статьи
Скачайте 17 точек роста и 100 + чекеров для роста конверсии и прибыли интернет-магазина
При переходе в одну из указанных социальных сетей вы автоматически даете согласие на обработку персональных данных и согласие на получение рекламной рассылки. Подробнее об обработке данных в Политике конфиденциальности.
Мы проанализировали ведущие интернет-магазины, результаты исследований, свой опыт и собрали важные моменты в одно руководство. Делаем e-commerce лучше, поэтому не только пользуемся сами, но и делимся с вами.
Выберите удобный мессенджер и получите чек-лист прямо сейчас:
