Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Привет, меня зовут Станислав Хрусталёв, я автор сайта hardclient.com и телеграм-канала hardclient. Работаю в управлении клиентским опытом с 2009 года. Пишу на эту тему, собираю лучшие практики из мира Customer Experience, оцениваю сервисные модели компаний.

Недавно я прочитал статью «Дизайн-прожарка ВкусВилл». К авторам отношусь хорошо. Но если готовишь стейк, важно отличать степень прожарки Medium Rare от Well Done. Сегодня мы разберем iOS приложение ВкусВилл на атомы и посмотрим, как его улучшить.

Давайте сделаем этот материал интерактивным: я намеренно не покрыл часть разделов, «упустил» моменты в тех разделах, что покрыты и остановился на 160 точках роста, но их гораздо больше. Как считаете, что я «упустил»? Жду вас в комментариях.

Структура статьи

Статью я разбил по смысловым блокам, чтобы облегчить восприятие. Если решишь поучаствовать в интерактиве, советую скачать приложение и перед чтением блока самостоятельно попытаться выявить точки роста. Я делал оценку версии 2.52.1. К моменту прочтения часть моментов может уже быть поправлена – но это к лучшему.

1. Онбординг

Welcome экраны

У приложения нет welcome-экранов. Возможность подсветить в нескольких слайдах ключевые преимущества сервиса и компании упускается.

Онбординг по функциям

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

Пояснения к запросу геолокации

Запрос геолокации сопровождается лишь системным текстом, хотя перед ним клиента мог бы встречать более вовлекающий экран с пояснением.

Пояснения к оповещениям

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

Тайминг запросов к доступам

Запросы клиент видит сразу же при первом запуске, хотя они могли бы быть более нативно вплетены в процесс использования – тогда, когда для них есть повод.

Побуждение к авторизации

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

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

Визуализация категорий

Категории 2 уровня не сопровождаются визуализацией. Это относительно усложняет поиск нужной категории. Особенно если клиент – визуал.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Возврат к категориям

Возврат к категории более высокого уровня возможен только с помощью edge swipe и кнопки в левом верхнем углу. Стандартный свайп не поддерживается.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Сортировка

В каталоге предусмотрена сортировка, но по какому параметру она осуществляется – цене, рейтингу, популярности – пользователь должен догадаться сам.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Спектр фильтров

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Релевантность фильтров

Фильтры не подстраиваются под категории товаров и во многих случаях не релевантны. Например, фильтр «Без белого сахара» в категории «Курица».

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Дублирование веса/объема

По некоторым товарам информация о весе/объеме дублируется в названии и в отдельном поле. Клиенту от такого дублирования пользы никакой.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Фото в карточках рецептов

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Различия в размере маркеров

Размер одних и тех же маркеров может отличаться от карточки к карточке, усложняя тем самым восприятие.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Читаемость маркеров

Размер некоторых маркеров настолько мелкий, что их становится крайне сложно прочитать с экрана смартфона – даже пользователям с нормальным зрением.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Понятность маркеров

Смысл некоторых маркеров может быть непонятен клиенту. При этом каких-либо пояснений по ним ни в листинге, ни в карточках не дается.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Конкурирующие маркеры

По некоторым товарам отображаются визуально схожие маркеры, различие в которых может быть до конца не понятно клиенту.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Маркеры на фото

Часть маркеров реализованы не в виде объектов интерфейса, а как часть фото. Из-за этого они могут перекрываться другими маркерами и плохо читаться.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

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

Сокращения в названиях

В названиях товаров лучше не использовать сокращения, если они не общепринятые. Если знаете, как расшифровывается «_РП», напишите мне в комментариях.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Видимость page control

Элемент page control выполнен и размещается таким образом, что может быть плохо заметен в карточках со светлыми фото товаров.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Обрезание фото

Фотографии по некоторым товарам добавлены без отступов, из-за чего сам товар частично обрезается и не виден полностью.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Расположение описания товаров

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Наличие описаний

Просматривая карточки, можно встретить товары с отсутствующим текстом описания, хотя заголовок под него есть.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Обрезание текста

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Визуализация пищевой ценности

Информация по БЖУ и калориям представлена в формате plain text, хотя ее можно было бы визуализировать, чтобы она легче считывалась (например, так).

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Различия в пищевой ценности

Если товар производится несколькими компаниями, пищевая ценность указывается по каждому из производителей. Это затрудняет восприятие и процесс выбора.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Пищевая ценность по рецептам

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Дублирование текста

По части товаров текст пищевой ценности добавлен с пояснением, из-за чего он начинает дублировать текст заголовка.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Объемы текстов состава

По некоторым товаром тексты с описанием состава настолько объемны, что читать из становится тяжело. При этом тексты никак не отформатированы.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Состав зависит от производителя

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Если производитель один...

Если у товара есть лишь один производитель, вкладка «Любой» становится бесполезной. В таком случае ее лучше скрывать.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Структурирование текста рецептов

Текст рецептов также представлен в виде plain text, хотя мог бы быть выполнен в виде блоков с яркими bullet point'ами и отступами, из-за которых он лучше бы считывался.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Контрастность текста акций

Желтый текст с пояснением условий акции на белом фоне недостаточно контрастен. Из-за этого он может хуже читаться. Особенно если у клиента не идеальное зрение.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Читаемость элементов на странице

Часть кнопок выполнены в белом цвете на белом фоне. Несмотря на добавленную тень, это все же ухудшает их заметность.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Журнал проверки

Особенно новым клиентам может быть не понятно, что такое – журнал проверки. При этом какими-либо пояснениями эта кнопка не сопровождается.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Загрузка журнала

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

Ограничение по скроллу

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

Закрытие страницы

Возврат к категории более высокого уровня возможен только с помощью edge swipe и кнопки в левом верхнем углу. Стандартный свайп не поддерживается.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

4. Рейтинг и отзывы

Видимость отзывов

Отзывы не отображаются в карточке товара по умолчанию. Это снижает шансы на то, что клиент ознакомится с [чаще всего позитивным] социальным доказательством.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Переход от оценки к отзывам

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

Визуализация summary

Вместо баров, соответствующих доле отзывов с конкретной оценкой, в распределении отображаются звезды. Это может ввести пользователя в заблуждение.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Кликабельность оценок в summary

Посмотреть отзывы с конкретной оценкой при тапе по ней в summary нельзя: клиенту приходится пользоваться отдельно стоящим фильтром.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Последние цифры карт

Имена авторов отзывов сопровождаются последними цифрами их карт. Вероятно, с целью повысить доверие. Но для новых клиентов может быть не понятно, что это за номера.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Оценки vs. отзывы по рецептам

В отличие от продуктов, оценки и отзывы по рецептам разбиты на 2 отдельных процесса и разнесены в разные стороны экрана. Зачем – не понятно.

Реакции на отзывы по продуктам

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Реакции на отзывы по рецептам

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Модерация отзывов

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

5. Выбор магазина

Расстояние до магазина

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

Магазины в других городах

В едином списке отображаются магазины не только в текущем, но и в других городах. Смысл в отображении магазинов за 200км от клиента не совсем понятен.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Точки с отсутствующим товаром

Зачем отображать в списке магазины с отсутствующим товаром? Лучше показать ближайшие магазины, в которых товар есть в наличии.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Размещение поиска и фильтров

Строку поиска и фильтры можно было бы разместить снизу карты без потери функциональности. Но они расположены сверху – и до них нужно тянуться.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Подсказки в поиске

При использовании поиска в формате карты какие-либо быстрые подсказки отсутствуют: клиенту приходится набирать название улицы «вслепую».

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Быстрый сброс фильтров

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Обновление количества товаров

Список магазинов сопровождается пояснением о том, что данные могут быть не актуальны. Честно. Но это может вызвать вопросы о полезности такого списка.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Форматирование телефонов

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Индикация работы магазина

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Скидки есть, да не про вашу честь

В карточке магазина есть отдельная кнопка, сообщающая о скидках. Но при тапе по ней клиент узнает, что скидки ему не покажут, т.к. «его скидки уже действуют».

Выгода на экране скидок

По товарам со скидкой в магазине % скидки не отображается. В купе с плохо заметной старой ценой это затрудняет восприятие выгоды от предложения.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Без перехода в браузер

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

Оформление ссылок

Если вы и ссылаетесь в приложении на сайт, ссылку можно оформить в виде кнопки. Это более удобно, чем длинная строка с URL-адресом.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Фото магазина

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

6. Избранное и списки товаров

Расположение кнопки избранного

Хотя добавление в избранное и является одним из целевых действий, кнопка вынесена в верхнюю часть экрана и до нее становится относительно трудно дотянуться.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Добавление в избранное

Если клиент не авторизован, при добавлении товаров в избранное и переходе на соответствующую страницу маркер избранного в карточках этих товаров пропадает.

Избранное vs. обновление листинга

Если клиент не авторизован и добавил товар в избранное, при обновлении листинга маркировка избранного на карточке товара исчезает.

Placeholder в избранном

Если товаров нет, placeholder – это лишь plain text, хотя он мог бы содержать визуализацию или подсвечивать элемент избранного в карточке.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

В избранное из корзины

Если клиент по каким-то причинам решил купить товар позже, возможности отложить его или добавить в избранное из корзины нет: предлагается лишь его удалить.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Списки vs. Избранное

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Авторизация для списков

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

Отсутствующие товары в списках

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

Замена товаров в рецепте

Если товары из списка отсутствуют, какой-либо замены не предлагается. Хотя это особенно актуально, если клиент собирает список на основе рецепта от ВкусВилл.

Вид карточек в списках

Карточки в списке отличаются по виду и от листинга, и от корзины. Зачем такое повышение энтропии и создание когнитивной нагрузки, не совсем понятно.

Поделиться по номеру телефона

Чтобы поделиться списком по номеру телефона, до начала ввода номера требуется сделать целых 5 тапов. Как можно сократить их до 2? Напишите в комментариях.

7. Корзина

Товар от производителя

При тапе по вкладкам производителей кнопка корзины становится неактивной и не позволяет добавить товар – даже если производитель один.

Изменение количества товара

Если клиент добавил товар в корзину с его страницы, отменить добавление или изменить количество товара в меньшую сторону на странице он уже не сможет.

Ограничение по количеству

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

Бесплатная доставка

Если в корзину ничего не добавлено, при тапе по кнопке корзины на небольшом экране о бесплатности доставки говорится целых 3 раза, что может быть чрезмерно.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Минимальная сумма заказа

Из карточки корзины понятно, что ограничения по сумме заказа нет, но сама формулировка «мин.сумма – 0р.» может вызвать недоумение.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Скидки по «зеленым ценникам»

При добавлении товара с истекающим сроком годности скидка по нему выполнена в слишком светлом цвете и мелком размере, из-за чего плохо читается.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Отсутствующий товар в корзине

Если товар уже не в наличии, он продолжает учитываться в общей сумме заказа. Это может ввести клиента в заблуждение.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Замена товаров в корзине

Если товар отсутствует, клиенту просто об этом сообщают, не предлагая какой-либо замены – и упуская возможность повысить средний чек.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Разбиение по категориям

Особенно если заказ крупный, разбиение товаров по категориям облегчает проверку. Но в нашем случае проверять приходится единый длинный список.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Возможность отложить товар

Если клиент по каким-то причинам решил купить товар позже, возможности отложить его или добавить в избранное из корзины нет: предлагается лишь его удалить.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Кнопка удаления товаров

При удалении всех товаров из списка кнопка удаления продолжает быть видимой и активной, но при повторном нажатии выдает ошибку. Зачем она видна – вопрос.

Сколько вешать в граммах?

Отображение общего веса товаров в заказе с точностью вплоть до граммов может быть излишне, при этом не давая дополнительной ценности.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Добавление «зеленых ценников»

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

Реакция на удаление товаров

При удалении товаров экран обновляется мгновенно, хотя могла бы быть реализована плавная и более приятная глазу анимация смещения позиций вверх.

8. Оформление и оплата заказа

Отображение условий

При выборе способа получения текст условий частично скрыт. Не понятно, почему не отобразить его полностью – ведь скрываются всего лишь 2-3 строки.

Дублирование адресов

При вводе адреса в списке подсказок одни и те же значения иногда отображаются по несколько раз. Причина такого дублирования не совсем понятна.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Расстояние до магазинов

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

Квартира, подъезд, этаж

Хотя в большинстве случаев квартира, подъезд и этаж – это числа, по умолчанию при вводе открывается символьная раскладка клавиатуры, и ее приходится переключать.

Нажатие на Return

При вводе информации в текстовые поля ничего не происходит, хотя можно было бы либо их деактивировать, подтверждая ввод, либо переходить к следующему полю.

Шрифт комментария к заказу

Немного приглядевшись, замечаешь, что текст комментария к заказу выполнен в шрифтах разного размера. Зачем это сделано – остается загадкой.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Авто-применение купона

Доступные купоны видны в корзине, но по умолчанию не применяются. Это может ввести в заблуждение: «думал, что применил, а оказывается, нужно было еще отдельно нажать».

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Маркировка поля email

При оплате картой через терминал клиенту нужно ввести email для отправки чека. Так как поле не промаркировано, как email, вводить адрес приходится вручную.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Раскладка клавиатуры под email

Также клавиатура не подстраивается под ввод email: клиенту приходится несколько раз переключать раскладку, чтобы ввести @ и прочие символы.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Тип оплаты vs. способ доставки

Хоть типы оплаты и различаются в зависимости от способа доставки, при его смене тип оплаты не меняется (например, самовывоз + оплата картой курьеру).

Активация поля ввода карты

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

Highlight активного поля

Активное поле ввода никак визуально не выделяется на фоне остальных и относительно слабо фиксирует на себе внимание пользователя.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Платежная система и банк

Платежная система и банк при вводе номера карты автоматически не определяются, хотя их своевременный highlight мог бы уберечь клиента от ошибок.

Валидация номера карты

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Ограничение ввода срока действия

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Сообщение об ошибке

При некорректном вводе данных сообщение об ошибке содержит куски системного текста (верстки), который клиенту видеть, вероятно, не стоит.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

9. Отслеживание заказа

Кликабельность карточек

При просмотре списка заказов кликабельны лишь нижние 2/3 карточек, хотя могла бы быть кликабельной вся их область.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Изменение деталей заказа

Самостоятельно изменить адрес получения, добавить или удалить товары клиент после создания заказа не сможет – даже если компания еще не приступила к его сборке.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Заказ из будущего

Сделав заказ 5 февраля в 23:28, клиент видит, что заказ сделан 6 февраля в 01:28. Поправка на часовые пояса, вероятно, не делается.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Название типа оплаты

При создании заказа на самовывоз клиенту предлагается тип оплаты «В магазине». На экране заказа тип оплаты уже гласит «Наличными». Название не консистентно.

Дублирование типа оплаты

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Изменение типа оплаты

Если клиент решил изменить тип оплаты и, например, оплатить онлайн вместо оплаты в магазине, сделать это у него, как и в случае с деталями заказа, не получится.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Написать в поддержку

На экране заказа клиенту дается возможность написать в поддержку, но по какому поводу он может обратиться, не поясняется. Хотя могло бы.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Ссылка на магазин

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

А во сколько у меня самовывоз?

При заказе самовывоза клиент указывает время, к которому товары будут готовы. Однако на экране подтверждения заказа о времени не говорится вообще.

Сумма заказа в summary

В summary сумма заказа по непонятным причинам переносится на новую строку, хотя места на первой строке достаточно. Это может затруднить восприятие.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Разыскивается иконка

Иногда иконка текущего статуса заказа может пропадать, делая экран визуально менее наполненным. Обновление экрана и перезапуск приложения не помогают.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Копирование номера заказа

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Фидбэк при отмене заказа

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

10. Авторизация

Методы авторизации

Единственно возможный метод авторизации – по телефону. Возможности зайти в пару касаний через oAuth, Apple ID, Яндекс.ID, Tinkoff.ID, Sber.ID нет.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Расположение кнопки входа

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Корректность текстов

На экране авторизации можно встретить опечатку в тексте. Казалось бы, мелочь. Но «гигиенических» ошибок все же лучше не допускать.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Маркировка поля ввода

При авторизации по номеру телефона поле ввода не промаркировано, как Phone Number, поэтому пользователю приходится вводить свой номер вручную.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Действия при обработке ошибок

Если клиент ввел номер телефона некорректно, ввод деактивируется, и ему приходится отдельно нажимать на поле, чтобы скорректировать данные.

11. Профиль и карта

Моя карта vs. Профиль

Информация по аккаунту разбита на 2 отдельные вкладки, причем часть функций дублируется (например, история покупок).

Заказы, чеки, покупки, статистика

Хотя все эти разделы – практически об одном и том же, и их можно было бы совместить, информация о покупках разбита на целых 4 вкладки.

От 1 до 31

Во вкладке «Чеки» текст отображаемого периода написан не совсем стандартно для русского языка: вместо «с 1 по 31 января» указано «от 1 до 31 января».

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Ну нет статистики – и нет

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Экспорт статистики

Экспорт статистики – специфическая функция, применение которой может быть понятно далеко не всем. При этом каких-либо пояснений по ней не дается.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Оплата картой курьеру? Не везде

Просматривая вкладку «Способы оплаты», клиент узнает, что не все курьеры смогут провести оплату по терминалу.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Placeholder в истории бонусов

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Пояснения при сборе данных

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Имя пишем вручную

Текстовое поле «Имя» не промаркировано, как First Name. Клиенту приходится вводить его вручную: подставить сохраненное значение в 1 касание не получится.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Авто-заполнение email

Впрочем как и email: приходится вводить все с нуля. Хотя небольшая маркировка на уровне среды разработки избавила бы клиента от этой участи.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Оптимальная раскладка

Но в случае с email ситуация усугубляется еще и тем, что раскладка клавиатуры не соответствует вводимым данным, и ее придется несколько раз переключать.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Город по IP

Сейчас я не в Москве, но по умолчанию отображается именно она. Корректный город по IP-адресу клиента не определяется, хотя на это есть технические возможности.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Найди свой город

Для выбора города используется не текстовый поиск, а барабан со значениями, отсортированными по алфавиту. Петербургу, Электростали, Ярославлю не повезло.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

01 января 1900г

Зайдя в настройки приложения первый раз, клиент замечает, что дату рождения ему по умолчанию установили на 1 января 1900г. Но это не так страшно...

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Барабан выбора даты рождения

Не так страшно, как прокручивать барабан выбора дат с 1900г до года своего рождения (с возможностью выбора еще и более ранней даты).

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Карты других сетей

Клиенту предлагается завести карты других сетей, но для чего это требуется ВкусВиллу и что клиент от этого получит – секрет.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Billa жива!

При этом из всех сетей клиенту предлагается ввести лишь номер карты Billa – сети, которую Лента выкупила еще в 2021г. и магазинов которой почти не осталось.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Авто-активация ввода

При попытке ввести номер карты другой сети появляется popup, но текстовое поле ввода не активируется по умолчанию: клиенту приходится делать это вручную.

Динамическая тема

Поддержка динамической темы не предусмотрена. Если ты сменил тему у себя на устройстве, будь добр отдельно сменить ее и в приложении ВкусВилла.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Какие такие запросы?

Сделав несколько изменений цветовой схемы, клиент видит сообщение о том, что он отослал слишком много запросов... Каких? Кому? Куда?..

Так позвонить или ввести номер?

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Действий мало не бывает

При нажатии на кнопку ввода номера карты клиента приветствует символьная клавиатура, хотя номер – числовой. Приходится отдельно ее переключать.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Ограничение ввода номера карты

Если бы у меня была карта с номером HardClient, было бы неплохо, но еще лучше – жестко ограничивать ввод, если поле числовое.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Как ты мог об этом не знать?

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

За ошибку платим действиями

Если клиент ввел некорректный номер карты, поле ввода не только не остается активным, но и пропадает. Чтобы вернуться, нужно сделать 2 лишних тапа.

12. Поддержка клиентов

График vs. часовые пояса

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

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Почтовый клиент

Если у клиента в iOS не настроено приложение «Почта», ВкусВилл при попытке связи по email отобразит ошибку, не проверяя наличие Gmail, Яндекс.Почты и т.д.

Как сделать ВкусВилл еще удобнее? 160 идей по улучшению iOS приложения

Прямые ссылки на приложения

Нажимая на кнопки перехода в другие приложения, клиент сначала переходит в браузер и лишь потом – в приложение, хотя можно было бы настроить ссылки прямого перехода.

13. Уведомления

Disclaimer: во время тестов я получал лишь пуши о статусе заказа. Не уверен, в чем проблема: других коммуникаций нет в принципе или причина в чем-то другом. Поэтому ниже просто приведу идеи того, что ВкусВилл мог бы сделать в этой области:

Запрос на уведомления

Приложение запрашивает доступ к уведомлениям сразу же при первом запуске, не поясняя, для чего это нужно и какую ценность получит от этого клиент.

Призыв к авторизации

Если клиент использует приложение, но не авторизовался почему бы с помощью push-уведомления не предложить ему это сделать, подсветив ценность?

Welcome push

Если вы зарегистрировались, и приложение поприветствовало вас с помощью пуша, вызовет это раздражение или все же будет воспринято, как приятное дополнение?

Онбординг

У ВкусВилла немало нестандартных функций, о которых клиенту нужно откуда-то узнать. Решить эту задачу можно с помощью онбординга – в т.ч. с использованием пушей.

Активация первой покупки

Клиент скачал приложение, заходит в него, но ничего еще не купил? Возможно его стоит немного подтолкнуть к первому заказу, отослав ему уведомление с промокодом?

Новинки и акции

С помощью пушей можно рассказать клиентам о новых акциях и о товарах, только что пополнивших ассортимент (персонализируя контент на основе предпочтений).

Товар снова в наличии

Если клиент нажимал на кнопку «Привозите больше» по отсутствующим товарам, почему бы не оповестить его, когда они снова появятся в ассортименте?

Брошенная корзина

Если клиент собрал в приложении корзину и отвлекся, каких-либо уведомлений с призывом продолжить оформление заказа он не получает. А мог бы.

Фидбэк по доставке/самовывозу

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

Фидбэк по отменам

Собирая фидбэк в случаях отмены заказов можно выявить причины, на которые компания может влиять, чтобы сократить % отказов в будущем.

Достижения в геймификации

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

Re-engagement

Если клиент давно не совершал покупки, почему бы не узнать у него причину, по которой так произошло, сказать, что скучаете, и снабдить это промокодом?

To be continued...

Клиентский опыт соткан из деталей. Не перестаю это повторять. Как картины известных художников завоевали сердца зрителей именно благодаря деталям, так же и любовь клиента мы можем завоевать не только «3 киллер-фичами, которые мы запустим в следующем году», но и следуя принципу Кайдзен – непрерывно улучшая взаимодействие с ним на всем его пути.

Tilda (конструктор, на котором сделан этот сайт) остановила меня своим ограничением по количеству блоков на странице, поэтому приглашаю тебя в комментарии: что я «упустил»? Что стоило бы добавить? Есть интересные идеи? Как сделать ВкусВилл еще удобнее?

Подписывайтесь на мой канал в Telegram – новые статьи не за горами. Будем на связи.

1111
1 комментарий

Дотошно, так что Вкуссвилл должен вам 1 млн за аналитику. В целом видно, что апка разработана "на салфетке" лишь бы работало, то есть торопились и отдали чисто разрабам на шаблоне сделать. Дизайном тут и не пахнет в целом. Возможно придут к заказу дизайна у какого-нибудь MAX Design за 5+ млн.

2