{"id":14292,"url":"\/distributions\/14292\/click?bit=1&hash=23aed192f809013ec1c0769a11eb00fbed4dd7038bbe5f8e3db447db2e792dcd","title":"\u0421 \u043d\u0430\u0447\u0430\u043b\u0430 \u0433\u043e\u0434\u0430 \u043a\u0430\u0440\u0442\u043e\u0439 \u00ab\u0425\u0430\u043b\u0432\u0430\u00bb \u043e\u043f\u043b\u0430\u0442\u0438\u043b\u0438 40 \u043c\u043b\u043d \u043f\u043e\u043a\u0443\u043f\u043e\u043a","buttonText":"","imageUuid":""}

Что можно улучшить в своем приложении? Крадем как художники у Яндекс.Еды

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

Push-уведомления

Существуют 2 вида пушей: сервисные и маркетинговые. Сервисные — это уведомления о смене статуса заказа, начислении бонусов, о списании денег.

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

Пример сервисных и маркетинговых пушей

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

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

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

Онбординг

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

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

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

Пользователь понимает путь закрытия его потребности. Это располагает.

Видео без объяснений или полное отсутствие онбординга — плохо. В приложении все должно работать на вас.

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

Юзабилити

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

Поиск по меню
Поиск для пользователя очень удобен. Если я пришел за определенным блюдом или конкретным ингредиентом, мне не придётся тратить время на изучение всего меню.
Поиск для бизнеса — инструмент увеличения прибыли. Он превращает пользователя в клиента, потому что поиском пользуются те, кто знает, что ищет. Кроме того, с помощью поиска вы получите возможность анализировать наиболее частые запросы, а значит, сможете предоставлять персонализированные скидки и улучшать меню.

Поиск для пользователей — удобство. Для бизнеса — необходимость.

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

Последовательная логика. Ожидания-реальность в “гамбургере” совпадают.

Medici допустили сразу 3 неочевидные ошибки в логике интерфейса:

Ожидаем увидеть раскрывающееся меню. Вместо этого мы видим новую страницу, на которой вновь написано слово “меню”.
  1. Гамбургер — самая кликабельная кнопка. Ожидания от гамбургера — выпадающий список. Но в Medici ты попадаешь на контактную страницу с частыми вопросами.
  2. Наверху висит название “меню”. Но не ресторанное меню, и даже не кнопка с переходом на него. Это название раздела, в котором мы и находимся. Вопрос: зачем?

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

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

В Яндексе фантазия под контролем. Яркие акценты есть, но на еде.

Apple задали своим программным обеспечением стандарты. Если верстка меньше 30 пикселей в отступе — это плохо воспринимается. В конечном счете, неряшливость в верстке может вызвать брезгливость к приложению, а значит, и к компании. Так происходит в приложении FoodTaxi. Цветные блоки или хотя бы текст надо подровнять под гамбургер.

Через приложение формируется отношение к бизнесу. Неряшливость и брезгливость — не лучшие ассоциации.

Корзина

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

В Яндекс.Еда корзина рядом. Ты в ресторане, магазине, смотришь акции — кнопка с корзиной внизу, большая, на всю длину, и это хорошо. В Medici и FoodTaxi не так — зашел в интерфейс — потерял корзину.

Корзина должна быть всегда под рукой. Значок корзины у Medici можно было вставить в нижнюю строку интерфейса, а у FoodTaxi просто не убирать его с верхней части экрана.

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

Так клиент не отходя от кассы закажет к бургеру картошку, соус и тирамису. Клиент сыт и доволен, а ваш средний чек увеличивается.

В Яндекс. Еда и Medici есть раздел “еще” в корзине — это позволяет ознакомиться с меню заведения, а значит, увеличить чек. В FoodTaxi что увидел в меню, то и заказал. Так делать не надо.

Акции

Акции — это инструмент. С ними, как с острым ножом, ведь можно салат нарезать, а можно и пальцы себе повредить. Так и акции могут увеличить средний чек и новые заказы, а могут оттолкнуть клиента от вашего ресторана.

Обычная потребительская психология. Товар по акции создает ощущение выгоды, удовлетворения и радости. Клиент хочет скорее купить его, чтобы усилить приятные переживания. Если раздел “акции” есть, а однозначного объяснения, что получит клиент и за какие действия нет, то он расстроится и уйдет.

Я так и не понял, как мне в FoodTaxi получить 3 пиццы за 766 руб. Когда заходишь в карточку акции “Огненная тройка”, видишь рандомный набор товаров — роллы, грузинскую кухню, и не видишь описания. Добавление в корзину рандомного товара из карточки не решает проблему.

Чтобы инструмент работал, мало сделать его заметным. Надо сделать его простым и понятным.

В заключение

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

0
28 комментариев
Написать комментарий...
Дима Игротехник

Хорошое исследование, сохраню себе
Спасибо

Ответить
Развернуть ветку
Никита Погодин
Автор

спасибо

Ответить
Развернуть ветку
Андрей Грачев

заимствовать н6еплохо , главное чтобы было не точь в точь

Ответить
Развернуть ветку
Оксана Степанова
Ответить
Развернуть ветку
Никита Погодин
Автор

😂

Ответить
Развернуть ветку
Вдумчиво о продажах

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

Ответить
Развернуть ветку
Anastasia

Интересный разбор, но тоже скорее интуитивно воспринимаю, что что-то нравится, а что-то нет, не вникая почему

Ответить
Развернуть ветку
Сергей Перевозчиков

Я бы добавил в заголовок «... и улучшить UI/UX в вашем food-приложении». Так будет понятна польза, а читателю станет проще узнать себя и свои задачи.

Ответить
Развернуть ветку
Никита Погодин
Автор

Заголовок и правда был плоховат, поправил, спасибо!

Ответить
Развернуть ветку
Сергей Перевозчиков

Серёга фигни не посоветует

Ответить
Развернуть ветку
Никита Погодин
Автор

мы просто против англицизмов)

Ответить
Развернуть ветку
Горгуша

О, про уведомления напомнили. У меня ВкусВилл как раз бесполезную хрень шлёт примерно раз в неделю. Даже не читаю. Надо отключить

Ответить
Развернуть ветку
Никита Погодин
Автор

Думаю, стоит начать госрегулирование пушей в приложениях

Ответить
Развернуть ветку
Слава Рюмин

А нарушителей в лагеря!

Ответить
Развернуть ветку
Андрей Самарин

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

Ответить
Развернуть ветку
Слава Рюмин

Так я первый раз узнал про фуд такси)

Ответить
Развернуть ветку
Никита Погодин
Автор

Эх, надо было брать с них денег за рекламу..

Ответить
Развернуть ветку
Слава Рюмин

И с Яндекс.еды возьмите для профилактики

Ответить
Развернуть ветку
COUTURE BOOK

Хорошие примеры, спасибо!🖤

Ответить
Развернуть ветку
Евгений Коваленко

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

Ответить
Развернуть ветку
unowned self

Интересная статья, хотя, например, не могу согласиться с тезисом на скриншоте.

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

Ответить
Развернуть ветку
Никита Погодин
Автор

да, надо вместо "хорошо" писать "нормально"

Ответить
Развернуть ветку
Васильев Алексей

Ни одна подобная публикация не проходит без скриншотов от Додо пиццы)) Сам так делал))

Ответить
Развернуть ветку
Никита Погодин
Автор

Наша без Додо. Получается, удалять?

Ответить
Развернуть ветку
Shoo

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

Ответить
Развернуть ветку
Alex Lapen

Usability экранов стандартных смартфонов в приложениях с более чем 2-3 (двумя-тремя!) кнопками?? Борьба пальцев и иконок. Вечный компромисс между удобством, элементарной читабельностью, кликабельностью и красотой. По сути - управление потерями!
Занятно наблюдать отношение к главной (с некоторых пор) фиче смартов (бывших когда-то телефонами, если вы вдруг забыли) - приложениям. С чем только не носятся маркетологи: от NFS и безрамочных экранов, микроскопов и голосовых помощников. Факт остаётся фактом - о главном: ни слова.
Вот и имеем что имеем. Хаос.
Перечитал обзор 2017 г. на хабре о будущем смартов. (https://habr.com/ru/companies/gearbest/articles/401481/)
6 лет прошло.
Результат. См. один из коментов .
А мы где ? Здесь))

Ответить
Развернуть ветку
Alex Lapen
Ответить
Развернуть ветку
Alex Lapen

А здесь - что пользователи думают об этих "приложениях".
https://vc.ru/life/928714-ocherednoe-oh-vshee-prilozhenie-neuzheli-ne-mogut-sdelat-normalno?comment=6756772&from=copylink

Ответить
Развернуть ветку
25 комментариев
Раскрывать всегда