MAG

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

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

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

Онбординг

  • welcome-экраны — есть. Подсвечены ключевые особенности (как минимум само по себе наличие подобных экранов — уже хорошо, ключевые функции схожи у всех приложений доставки продуктов). Бонус: на последнем экране приветствия сразу пишут о каталоге алкоголя и запрашивают возраст — супер, теперь я знаю, что могу заказать в том числе подобную продукцию
IMG_9863.PNG
IMG_9864.PNG
page2image18786256
  • онбординг по функциям: минус — не спрашивают, хочу ли я, чтобы мне рассказывали про имеющиеся функции — сразу запускаются подсказки. В качестве плюса — о нестандартных функциях в целом рассказывают, не приходится разбираться самой, гуд.
IMG_9870.PNG
IMG_9871.PNG
  • синхронизация: при повторном входе в приложение каждый раз запрашивается возраст — есть ли мне 18, хотя во время взаимодействия с экраном приветствия в блоке про алкоголь я уже указывала данную информацию. Недоработка.
  • визуал: подсказки с рассказом о функциях не сопровождаются визуальной подкрепляющей/эмодзи, отдельные слова не подчёркнуты, не выделены — это решение, которое можно внедрить; в противном случае можно допустить, что подсказки просто пролистнутся как ненужная информация, и вдобавок клиент потратит своё время
  • авторизация: каталог сильно варьируется в зависимости от того, какую локацию и опцию доставки я выбираю, при этом активного побуждения авторизоваться внутри приложения нет, даже когда я уже перешла в раздел “каталог”

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

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

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

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

  • Разная съёмка и постпродакшн товаров, в особенности — тень. Примитивный и, тем не менее, супер-распространенный бич FMCG (Самокат за последний год вроде справились с этим моментом). Очень дешевит и портит впечатление, особенно клиентам-визуалам. Одно из решений — более чёткое тз продавцам не-Азбуки или съёмка и постпрод единым продакшеном.
Из примеров: одна бутылка почему-то парит в воздухе, вторая — стоит на отражающей поверхности Часть товара вообще подгружены некорректно и изображение обрезается по итогу.
IMG_9942.PNG
IMG_9943.PNG
IMG_9941.PNG
  • Неопознанные элементы: на некоторых товарах можно заметить обведенную в кружок букву “Б”, при это при клике на кружок, при открытии самой карточки товара, на главной странице приложения — нет никаких пояснений относительно функции этого элемента. Это и зашумляет визуальное пространство, и вводит меня в неопределенность
IMG_9935.PNG
  • С маркерами на фото всё хорошо. Единый размер, цвет, нет наложения маркеров/схожих по оформлению (и различных при этом по значению), читабельность.

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

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

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

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

  • Значок “добавить в избранное” слишком маленький и расположен в углу — не сразу видно + из-за размера сложно попасть точно по значку и убрать из избранного
  • Отзывы: их нет 😞 Классная функция, которая классно помогает с выбором во Вкуссвилле. Когда отзывов нет — периодически приходится заходить в браузер и искать их самостоятельно — лишняя трата моего времени и усилий как клиента.
  • Состав: для ряда продуктов состав огромного размера и спокойно уложится в два экрана смартфона. Читать такое полотно текста сложно. При этом текст никак не отформатирован
IMG_9949.PNG
IMG_9948.PNG
  • Визуальная привлекательность товара: на фоне очередного небывалого подъёма foodporn и обилия блогов, освещающих еду/рестораны во многом именно через “вкусную”, залипательную демонстрацию самой еды — упущением кажутся унылые фотографии круассанов, без демонстрации начинки/крема/снятые с плохим освещением
IMG_9990.PNG
IMG_9989.PNG

Корзина

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

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

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


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

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

  • Доставка 4+ часов и от 4к рублей. Тут без особых пояснений, компания в этих параметрах проигрывает ключевым игрокам рынка, ставят на другое.
Источник: опросы Яндекса
Снимок экрана 2023-04-06 в 17.28.26.png

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

  • Возврат товара, отзывы и сервис в целом. Не всё гладко, стоит разбираться с отдельными моментами. Данные ниже носят справочный характер
Снимок экрана 2023-04-06 в 17.26.35.png
That’s it! Надеюсь, разбор был для вас приятным чтением ;)
Если у вас есть предложения/комментарии по статье или хотели бы попасть к нам на подобный разбор — кликайте по иконке справа снизу и давайте общаться.