Входим в Золотое Яблоко

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

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

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

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

Если вам есть чем дополнить статью, добро пожаловать в комменты. Делитесь этим постом с коллегами, которым материал может быть полезен, и подписывайтесь на выход нового контента в Telegram.

Автор hardclient.com

Зачем мне входить?

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

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

Дополнительная мотивация

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

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

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

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

Сохранение сеанса

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

Однако другие лидеры рынка (Wildberries и Ozon) заботятся о своих пользователях и позволяют сохранять сеанс – так, чтобы номер, введенный ранее, подставлялся в поле автоматически.
hardclient

Реакция кнопок на касание

Несмотря на то, что в ЗЯ постоянно появляются разные сложные 3D-анимации, добавить кнопкам базовую реакцию на касание либо забыли, либо не хотят – делая интерфейс менее отзывчивым.
hardclient

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

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

Заглавные vs. строчные буквы

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

Темная тема

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

Так вот, сидите вы ночью в Ozon и Wb (у которых темная тема есть), подыскиваете, что бы купить. А затем переключаетесь в ЗЯ – и получаете ярко белым экраном себе в глаз. Спокойной ночи!

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

Активация ввода номера

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

Выбор кода страны

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

Если, например, вы сейчас в Москве, но у вас аккаунт когда-то был привязан к белорусскому номеру и вы пытаетесь войти в аккаунт, задача заказа доставки становится со звёздочкой.
hardclient

Постепенное замещение placeholder'а

Сейчас placeholder исчезает полностью при вводе первого символа номера. Однако если бы он был выполнен в числовом формате, можно было бы реализовать его постепенное замещение введенными символами, чтобы клиент в любой момент видел, сколько символов ему осталось ввести.

Пример ВкусВилл
hardclient

Неопределенность канала связи

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

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

Быстрое стирание номера

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

Ошибка при пустом номере

Если номер пустой, он не «неправильный» и не «относится к другой стране». Он просто пустой. Поэтому сообщение об ошибке можно скорректировать соответственно: «введите номер телефона».
hardclient

Ошибка при входе через VK

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

Необходимость Flash-call'а

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

Сделано это в целях сокращения издержек компании в ущерб удобства для клиента. Что тут сказать? Бизнес есть бизнес, и каждый ведет его по-разному.
hardclient

Повторный звонок

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

Highlight факта звонка

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

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

Пример OZON
hardclient

Выделение текущего слота

При переходе ко вводу кода, хотя клавиатура и появляется, поле ввода никак не сигнализирует, что оно активно, вызывая тем самым смешанные ощущения («все-таки надо на него нажать или нет?»).
hardclient

Обращение к клиенту

На первом шаге к клиенту обращаются «введите» в повелительном наклонении, при вводе кода – уже с помощью инфинитива «подтвердить». Экраны делали 2 разных человека?
hardclient

Highlight ошибок

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

Иллюстрация

Текст сообщения об отправке SMS или звонке можно дополнительно проиллюстрировать, подсветив, в каком формате будет доставлен код. Это позволит лучше управлять ожиданиями клиента.

Пример SUNLIGHT
hardclient

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

Вводя код вручную (например, когда он пришел на другой телефон), можно заметить, что появляется стандартная подсказка iOS, которая пытается помочь ввести номер. Интересно, каковы шансы на то, что iOS поможет клиенту ввести корректный номер?

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


hardclient

Деактивация клавиатуры

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

Текст ошибки при неверном коде

В то время как в индустрии часто используют хорошую практику не только подсветить факт ошибки в тексте, но и призвать клиента исправить её, в ЗЯ считают, что поставить перед фактом достаточно.
hardclient

Конкретизация ошибки

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

Ноль секунд

Когда до возможности заказать повторную отправку кода остается ровно 0 секунд, почему бы вместо «0 секунд» просто не отобразить кнопку заказа?
hardclient

От кода – к изменению номера

Сейчас вернуться к редактированию номера телефона из экрана ввода кода можно через кнопку «назад» и боковой свайп – клиент должен догадаться сам, что отредактировать номер можно.

Однако хорошая практика – в явной форме подсветить возможность редактирования рядом с номером, на который поступает звонок или приходит SMS.

Пример 585 Золотой (после редизайна от Лебедева)
hardclient

Возврат к предыдущему экрану

Если использовать не кнопку возврата к предыдущему шагу, а боковой свайп, можно заметить, что что-то странное происходит с версткой экрана ввода номера. Интересно, так было задумано?
hardclient
Будьте в курсе выхода новых статей – подпишитесь на мой канал в Telegram
To be continued...
Мало есть на рынке идеальных компаний, у которых всё выверено до деталей. Как видим, и Золотое Яблоко не везде «золотое»: и есть части клиентского пути, которые можно доработать и сделать более удобными для клиентов.

Эту статью я собрал с помощью сервиса ScreenHunt, потратив 5 часов на оформление и всего ~30 мин на поиск самих идей: сервис позволяет сравнивать каждый из шагов на пути клиента – в том числе и авторизацию – на масштабах двух сотен топовых e-com приложений. А новые идеи как раз и рождаются, когда мы определяем фокус внимания и начинаем сравнивать подобное с подобным.

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