2025-01-26 10:00

Как сделать приложение «Азбуки Вкуса» ещё удобнее?

Всем привет, друзья! На связи Саша из mag.tech, и сегодня мы разбираем то, насколько удобно в использовании и визуально привлекательно мобильное приложение «Азбуки Вкуса» — сети премиальных продуктовых магазинов.

И начинаем мы, разумеется, с онбординга👇

Онбординг

welcome-экраны — есть. Подсвечены ключевые особенности (как минимум само по себе наличие подобных экранов — уже хорошо, ключевые функции схожи у всех приложений доставки продуктов). Бонус: на последнем экране приветствия сразу пишут о каталоге алкоголя и запрашивают возраст — супер, теперь я знаю, что могу заказать в том числе подобную продукцию

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

синхронизация: при повторном входе в приложение каждый раз запрашивается возраст — есть ли мне 18, хотя во время взаимодействия с экраном приветствия в блоке про алкоголь я уже указывала данную информацию. Недоработка.
визуал: подсказки с рассказом о функциях не сопровождаются визуальной подкрепляющей/эмодзи, отдельные слова не подчёркнуты, не выделены — это решение, которое можно внедрить; в противном случае можно допустить, что подсказки просто пролистнутся как ненужная информация, и вдобавок клиент потратит своё время
авторизация: каталог сильно варьируется в зависимости от того, какую локацию и опцию доставки я выбираю, при этом активного побуждения авторизоваться внутри приложения нет, даже когда я уже перешла в раздел “каталог”

Каталог товаров

категории второго уровня не сопровождаются навигацией. Это усложнит поиск и выбор нужного товара, особенно если клиент — визуал

с фильтрами всё гуд, их перечень достаточно обширен; опция сортировки тоже есть иконки фильтров и сортировки хорошо считываются глазом и понятны

свайп к основному первому уровню каталога: возврат возможен по стрелке, а вот классический свайп срабатывает 1 раз из 4х.
Дублирование веса: у некоторых товаров информация о весе/объёме дублируется в названии и в отдельном поле. Это лишняя информация, ни пользе, ни лаконичности не способствующая

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

Разная съёмка и постпродакшн товаров, в особенности — тень. Примитивный и, тем не менее, супер-распространенный бич FMCG (Самокат за последний год вроде справились с этим моментом). Очень дешевит и портит впечатление, особенно клиентам-визуалам. Одно из решений — более чёткое тз продавцам не-Азбуки или съёмка и постпрод единым продакшеном.

Из примеров: одна бутылка почему-то парит в воздухе, вторая — стоит на отражающей поверхности Часть товара вообще подгружены некорректно и изображение обрезается по итогу.

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

С маркерами на фото всё хорошо. Единый размер, цвет, нет наложения маркеров/схожих по оформлению (и различных при этом по значению), читабельность.

Карточки товаров

Часть информации (например срок годности) отличается в плане типографики, есть подчеркнутые элементы, которые интуитивно считываются как ссылка, таковой не являясь. Доп. лишнее действие.

Единство оформления: плюс: все названия товаров оформлены в +- едином формате, само название и последним блоком обязательно страна/регион происхождения. Нет никаких лишних внутренних технический аббревиатур (как, например, у ВкуссВила)
Свайп вариантов товара: оформлен так, что у некоторых товаров неочевидно, что есть опция пролистать и посмотреть иные варианты продукта.

Описание: “продающее” (и в меру краткое, как правило) описание товара имеется, но находится аж в третьей вкладке (не выделенной никаким дополнительным образом), и открывается только по клику. То есть действия: 1) сориентироваться и найти 2) нажать на 3ю вкладку 3)раскрыть описание Не самый действенный способ допродать продукт
Есть визуализация по КБЖУ, а не просто прописано текстом, как у Вкуссвила, это плюс

Значок “добавить в избранное” слишком маленький и расположен в углу — не сразу видно + из-за размера сложно попасть точно по значку и убрать из избранного
Отзывы: их нет 😞 Классная функция, которая классно помогает с выбором во Вкуссвилле. Когда отзывов нет — периодически приходится заходить в браузер и искать их самостоятельно — лишняя трата моего времени и усилий как клиента.
Состав: для ряда продуктов состав огромного размера и спокойно уложится в два экрана смартфона. Читать такое полотно текста сложно. При этом текст никак не отформатирован

Визуальная привлекательность товара: на фоне очередного небывалого подъёма foodporn и обилия блогов, освещающих еду/рестораны во многом именно через “вкусную”, залипательную демонстрацию самой еды — упущением кажутся унылые фотографии круассанов, без демонстрации начинки/крема/снятые с плохим освещением

Корзина

Товар, невозможный для заказа в выбранный интервал времени по-разному отображается в карточке товара если из неё зайти/выйти (на скрине разница в карточке — несколько секунд и никаких доп.действий с моей стороны помимо входа/выхода из карточки; иными словами — проблема со сценарным деревом)
Есть опция увеличить кол-во или объём товара прямо в карточке, это гуд.
Если товара ограниченное кол-во, то в карточке товара его кол-во увеличить будет нельзя, а вот на странице каталога — можно, Рассинхрон, вводящий в заблуждение

недокрученное визуальное оформление: плохое качество снимков, сырые в плане дизайна и user experience карточки

Общие странности:

для товара (кускус) почему-то приложение повторно попросило ввести адрес доставки, после этого товар получилось добавить в корзину, но в самой корзине он не отобразился.
Лаги при удалении товара из корзины (неудобно как технически, так и в целом плохо работающая со сценарной точки зрения функция)
Товар, который в корзине показывается как отсутствующий (”доступно: 0”), при этом всё равно учитывается в общей стоимости корзины. Это может ввести в заблуждение
в 5й раз, примерно, предлагают ввести время и адрес доставки, выбранный при первом запросе (и относительно которого, по логике, должен формироваться каталог релевантных товаров)
Выбор рекомендуемых к покупке товаров ограничивается буквально тремя позициями
Для ряда товаров всё так же предлагают выбрать адрес доставки и при клике на странице каталога “добавить в корзину” почему-то открывается карточка товара. У других товаров такого нет — просто добавляются и появляется опция лишь увеличить кол-во прямо на странице каталога

Доп.фичи и комментарии

Доставка 4+ часов и от 4к рублей. Тут без особых пояснений, компания в этих параметрах проигрывает ключевым игрокам рынка, ставят на другое.

Источник: опросы Яндекса

Рецепты и в целом отсутствие “комбинированного” подхода к коммуникации — нет отзывов, рецептов, сторис как у Самоката. Выходит сильно односторонняя коммуникация + сами по себе рецепты сейчас выделяют в отдельную, сильно влияющую на вовлеченность в покупку переменную.

Возврат товара, отзывы и сервис в целом. Не всё гладко, стоит разбираться с отдельными моментами. Данные ниже носят справочный характер

That’s it! Надеюсь, разбор был для вас приятным чтением ;)
Если у вас есть предложения/комментарии по статье или хотели бы попасть к нам на подобный разбор — кликайте по иконке справа снизу и давайте общаться.