Как хорошие сервисы доставки еды лажают в приложениях

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

«У нас как у всех: каталог, корзина и оформление заказа. Сколько будет стоить типовое решение?».

Есть много приложений доставок: «Додо Пицца», «Якитория», ZakaZaka и другие. У всех каталог, корзина и оформление заказа, но к решению одной и той же задачи можно подойти по-разному. Даже известные сервисы иногда косячат.

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

Дисклеймер: чтобы не было вопросов, первые версии приложения Yami Yami разрабатывали мы, но сейчас с продуктом работает другая студия.

«Ммм… выглядит вкусно! Пожалуй, закажу», – так должен подумать пользователь вашего приложения. Очевидно, что в приложении доставки должны быть фотографии еды. Но почему-то не все понимают, что они должны быть качественными, большими, яркими и вызывать аппетит. Некоторые сервисы не придают этому значения, а зря.

Несколько советов:

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

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

Спрашивать адрес доставки на старте или нет, решать вам. Если спрашивать, то вот несколько советов:

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

Большинство приложений используют один из двух вариантов построения навигации: Tab bar (иконки внизу экрана) и Drawer (боковое меню). У обоих есть свои преимущества и недостатки.

Tab bar одобряет Google и Apple, он используется во многих приложениях. Основных разделов мало, но они всегда под рукой, можно перейти в один клик. По гайдлайнам максимальное количество кнопок в Tab bar – 5 штук. Некоторые разделы могут быть вложены друг в друга, как в примере с зоной доставки «Додо Пицца».

Drawer (боковое меню) Android рекомендует как один из вариантов построения навигации. В iOS это считается «ненативным» элементом (неродным), но всё равно часто используется. Недостаток бокового меню – много элементов, большинство из которых не нужны пользователю. Редко используемые разделы могут отвлекать от важных. Чтобы избежать этого, продумайте порядок и группируйте близкие по смыслу пункты в блоки. Например, текстовые разделы «Доставка», «Оплата», «О компании» — можно вынести в один блок. Так пользователь быстрее найдёт нужный ему раздел.

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

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

Пара советов по навигации:

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

Отдельная история в приложениях доставок – описание наборов и сетов. «Йонака» ролл, «Окинава» ролл, ролл «Якушо» – я не знаю, что это за роллы и из чего состоят. Чтобы узнать состав роллов в наборе, мне нужно вернуться в меню, найти каждый из них, прочитать состав, потом вернуться в наборы и заказать — много действий. Для экономии времени пользователя в описании набора можно сделать кликабельные названия роллов, чтобы при нажатии открывался pop-up с составом каждого.

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

Пара советов:

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

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

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

История из моего опыта. Когда сервис «2 Берега» только появился, я активно им пользовался и заработал хорошие скидки. Заказывал на сайте, зарегистрирован был по номеру телефона. Потом вышло приложение, я авторизовался через ВКонтакте и ввёл номер телефона. Так у меня оказалось два аккаунта с одинаковыми номерами, и пропали все накопленные годами бонусы. Пришлось звонить в поддержку и просить склеить мои аккаунты.

Советы:

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

Одна из причин, почему пользователь выбирает приложение, а не мобильную версию сайта – скорость. Будьте быстрыми!

Советы:

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

Советы:

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

Совет один: следите за новыми устройствами и новыми версиями ОС.

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

Советы:

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