UX/UI

Авторизация и регистрация в интернет-магазине: решения для удобства пользователя и высокой конверсии

Максим Жуков
Сооснователь ecommerce-агентства KISLOROD
Тема сегодняшнего материала — авторизация и регистрация в интернет-магазине. Чем удобней для пользователей будут настроены эти процессы, тем выше шансы выйти на более продуктивный уровень конверсии сайта. Рассмотрим, как сделать авторизацию и регистрацию на сайте грамотно, какие существуют способы упрощения процедуры регистрации и авторизации на сайте, и как быть, если клиенты не хотят регистрироваться или авторизоваться при совершении покупок.
Содержание

Важность функционала регистрации и авторизации в интернет-магазине

Зарегистрированные пользователи автоматически добавляется в подписную базу. Это дает возможность ритейлерам проводить объективный анализ продаж на основе собранной статистики заказов, а также открывает еще целый ряд преимуществ:
  • разгрузка менеджеров;
  • стимулирование покупателей к новым заказам посредством рассылки;
  • минимизация ручной обработки заказов;
  • обеспечение целевого лояльного трафика.
Процесс регистрации оказывает положительное действие на ранжирование интернет-маркета в поисковых системах. При заполнении форм с данными улучшаются поведенческие факторы, поскольку пользователям приходится совершать переходы по страницам.
Многих покупателей можно назвать «ленивцами» в отношении регистрации и авторизации — им не хочется совершать лишних действий. А если еще вся процедура организована неграмотно, слишком запутана и сложна для восприятия, то это непременно приведет к снижению конверсии. Чтобы не разочаровать пользователей и не дать сайту упасть в поисковой выдаче, рекомендуем воспользоваться нижеприведенными советами.

Как улучшить процедуру авторизации в интернет-магазине: 5 базовых приемов

1. Форма авторизации на сайте должна размещаться в привычном месте

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

2. Сделайте авторизацию и регистрацию максимально простыми

Несколько решений для упрощения процедуры регистрации и авторизации по мнению Baymard Institute:
1. Дайте подсказку пользователю, в чем конкретно он ошибся — ввел неправильный пароль или логин.
2. Используйте функционал, позволяющий еще до отправки формы проверить, соответствует ли введенный пароль исходному.
Авторизация на сайте ormatek.com
Кнопка, позволяющая просматривать введенный пароль на ormatek.com
3. Предусмотрите возможность смены пароля, когда он утерян или забыт пользователем. Обычно ссылка на восстановление пароля размещается рядом с основным полем для ввода пароля. На скриншоте выше видно, как реализована эта опция.

4. Сохраняйте информацию о входе в систему в течение 1 недели (в среднем). Усилить безопасность сайта можно путем повторного запроса пароля на этапе ввода реквизитов банковской карты.

Отправьте заявку на юзабилити-аудит сайта прямо сейчас и увеличьте конверсию минимум на 20%! Найдём точки роста конверсии и выявим барьеры на пути пользователей сайта.

3. Сделайте доступной авторизацию через телефон

Авторизация через email постепенно уходит в прошлое, уступая место более простой и быстрой идентификации через телефон. Причины просты:
  • не нужно открывать почту, запоминать пароль и делать лишние движения — для входа в магазин достаточно ввести код, который приходит в SMS;
  • обмен сообщениями чаще всего происходит в мессенджерах, поэтому большинство пользователей считают систему авторизации на сайте через email устаревшей.
Если ваша деятельность связана с b2c-сегментом, то обязательно учитывайте все текущие тенденции в сфере информационных технологий. Сделав выбор в пользу авторизации через телефон, будьте готовы к дополнительной статье затрат — на оплату SMS-рассылки. Но это можно отнести к единственному недостатку данной системы авторизации.
Авторизация на сайте интернет-магазина ozon.ru
Авторизация по номеру телефона, реализованная на ozon.ru

4. Предоставьте возможность авторизации через социальные сети

Все большую популярность приобретает авторизация через социальные сети. Для многих людей этот способ кажется простым и доступным, о чем говорит и статистика — около 53% пользователей предпочитают авторизоваться через Facebook, около 44% выбирают вариант Google.
Помимо пользовательского удобства, регистрация/авторизация через соцсети имеет практическую пользу и для самого интернет-маркета — повышается конверсия и появляется возможность получения реферального трафика за счет репостов. Следующий важный момент — доступ к персональным данным покупателей. Зная вкусы и интересы пользователей, можно более точно и планово реализовывать рекламные кампании той или иной продукции.
В качестве примера формы для авторизации на сайте можно привести форму на ресурсе lamoda.ru, где предусмотрены все варианты входа, включая соцсети.
Пример формы авторизации на сайте lamoda.ru
Пример формы авторизации на сайте через email и соцсети на lamoda.ru
О чем стоит знать при настройке авторизации через соцсети:
  • большую часть поклонников данной опции составляет молодежь;
  • старайтесь учесть предпочтения целевой аудитории, предоставив возможность авторизации не только через Facebook или BK, но и через Одноклассники;
  • для клиентов из бизнес-сферы будет удобней способ авторизации через Google;
  • вход в аккаунт будет закрыт после удаления своей страницы в соцсети;
  • пользователи забывают, какую соцсеть они использовали для регистрации.

5. Доступ к авторизации открыт независимо от положения пользователя

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

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

Как улучшить функционал регистрации в интернет-магазине: 16 простых решений

1. Дайте покупателям право выбора — проходить регистрацию на сайте или нет

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

2. Укажите пользователям на все плюсы регистрации на сайте

У разных интернет-магазинов может быть свой список преимуществ касательно регистрации учетной записи. Используйте все доступные способы, чтобы убедить пользователя зарегистрироваться на сайте. Это должно выглядеть информативно, но не навязчиво — без видимого давления. Например:
  • сообщите о возможных акциях, закрытых розыгрышах и спецпредложениях для зарегистрированных пользователей;
  • предложите подписаться на новостную рассылку о распродажах, новых поступлениях товара и так далее;
  • расскажите о возможности отслеживания заказа в режиме онлайн;
  • настройте опцию сохранения логина, пароля и других контактных данных для упрощенного входа в аккаунт;
  • откройте доступ к просмотру данных о прошлых покупках — даты, цены, общая сумма заказа;
  • сделайте процедуру оформления повторяющихся заказов более простой.

3. Не забывайте про сильные стимулы

Заинтересуйте пользователя «серьезными» аргументами в пользу регистрации:
  • скидкой (обычно 5-10%) на первую покупку или подарком;
  • бесплатной доставкой или другой сервисной услугой (возврат за счет магазина, примерка в присутствии курьера);
  • участием в различных акциях, розыгрышах или бонусных программах.
Дайте пользователям право выбора — оформить покупку без регистрации или пройти регистрацию в обмен на услугу/подарок.
Регистрация в интернет-магазине onlinetrade.ru
Регистрация с прилагающимися бонусами на onlinetrade.ru
Отправьте заявку на юзабилити-аудит сайта прямо сейчас и увеличьте конверсию минимум на 20%! Найдём точки роста конверсии и выявим барьеры на пути пользователей сайта.

4. Используйте эффект избранности

Войти в доверие покупателям можно используя как маркетинговые, так и психологические приемы. Пойдите нестандартным путем — предложите членство в закрытом клубе вместо обычной регистрации. У людей возникнет желание быть особенным, а значит, они более охотно будут предоставлять свои данные в обмен на подобные привилегии.
При работе с сайтом по продаже вина Grape, мы применили эту стратегию, открыв доступ к акциям и скидкам участникам закрытого клуба.
Система авторизации на сайте grapewines.ru
Закрытый клуб для любителей винных дегустаций на grapewines.ru

5. Сделайте акцент и на других привилегиях

Пользователей необходимо постоянно подпитывать новыми выгодами и идеями, как они могут сэкономить на покупке товаров. Единоразовые скидки и бонусы при регистрации — это лишь вершина айсберга по привлечению покупательского внимания. Чтобы удерживать интерес клиентов, рекомендуем внедрять различные программы лояльности, дисконтные карты, накопительные системы скидок, промокоды и так далее. Покупатели должны сделать вывод: чем раньше они зарегистрируются и чем больше будут оформлять заказов, тем больше выгоды получат в итоге.
Бонусная программа при регистрации на сайте grapewines.ru
Преимущества бонусной программы после регистрации на grapewines.ru

6. Не отпугивайте покупателей большим количеством полей

Чем проще выглядит форма регистрации на сайте, тем больше пользователей зарегистрируются и отнесутся к этому спокойно. Не перегружайте шаблон лишними полями — добавьте минимальное количество строк, которые действительно нужны для регистрации.
Мы не советуем использовать два поля для дублирования пароля. Используйте другую практику — добавьте «скрытый глаз», позволяющий показывать пароль и избегать ошибок при вводе.
Запросить дополнительную информацию можно уже по факту регистрации, если это будет необходимо. Например, предложить пользователю разместить в личном аккаунте свой аватар, дату рождения, возраст или указать пол.
Некоторые данные можно собирать и без обращения к пользователю. Самый простой способ определить местоположение покупателя — подключить сервис геолокации.

7. Запрашивайте email вместо логина

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

8. Информируйте, что учетная запись уже занята

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

9. Выделяйте поля, обязательные для заполнения

Как правило, форма регистрации предполагает наличие полей, обязательных и необязательных для заполнения. Чтобы упростить ввод данных, делайте соответствующие отметки напротив каждой строки.
Анализ показал, что 32% респондентов испытывали неудобство при заполнении полей, не сумев разобраться в системе их маркировки. Вместо того чтобы пропустить необязательные для ввода поля, они потратили на них время, и наоборот — часть обязательных строк остались незаполненными, так как возле них отсутствовали нужные пометки.
Формы, где обязательные поля помечались звездочками, заполнялись более правильно. Хотя статистика заполнения обязательных и необязательных полей оказалась почти одинаковой — люди думали, что нужно заполнять все поля и испытывали по этому поводу определенный дискомфорт. Например, предложение ввести свою должность или указать адрес проживания выглядело для них некорректным и неудобным.
Чтобы не вводить потенциальных клиентов в замешательство, избавляйтесь от спорных полей. Если же иметь ту или иную информацию о пользователях вам действительно важно, обоснуйте наглядно эту необходимость. Иначе отказы от регистрации неизбежны.

10. Упростите требования к паролю

Сложная и утомительная авторизация отпугивает пользователей от совершения покупок. Желательно снизить требования к паролям, ведь не все люди могут держать в голове сложную комбинацию цифр или букв, особенно если заказы совершаются в разных интернет-магазинах.
Данные Baymard Institute это подтверждают — 18,7% тестируемых испытывали трудности с оформлением повторного заказа, поскольку им было тяжело вспомнить пароль. После использования нескольких комбинаций обычно возникало желание сбросить старый пароль и сделать запрос на новый. На этапе ожидания письма с подтверждением пользователи наиболее уязвимы — часть из них не дожидаются уведомления на email, не просматривают папку спам и уходят из магазина. Как результат, покупка не совершается.
У новых пользователей возникают другие проблемы — им не хочется придумывать сложный пароль, который нужно где-то записывать, а не хранить в голове. Требования к созданию пароля должны указываться заранее — например, в самой форме регистрации на сайте или при выводе ошибки в процессе придумывания нового пароля. Когда покупатель изначально информирован о существующих правилах, вероятность его отказа от создания учетной записи снижается.
Авторизация и регистрация на сайте aliexpress.ru
Подсказка при создании пароля на aliexpress.ru
Как правило, у покупателей в запасе есть несколько вариантов паролей, используемых ими в разных магазинах. Если искомая комбинация кажется вам слишком простой/небезопасной, уведомите пользователя и порекомендуйте придумать более надежную альтернативу. Однако не лишайте его возможности использовать старый пароль.
Ритейлерам необходимо соблюдать определенный баланс во взаимодействии с покупателями. С одной стороны, обеспечивать защиту вводимой информации, с другой — сделать вход для посетителей максимально простым и удобным. Согласно рекомендациям Baymard оптимальный вариант пароля — 6 строчных букв.
В качестве дополнительных мер безопасности предложите покупателям вводить реквизиты платежной карты при оформлении каждого заказа. Чтобы удовлетворить интересы пользователей, ищущих возможности для перестраховки, снимите ограничения по максимальной длине пароля или сложности буквенно-цифровых комбинаций.

11. Применяйте фоновую регистрацию

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

12. Откажитесь от капчи

Как показывают исследования Baymard Institute, наличие на сайте капчи существенно повышает риск несовершения покупки. Процент пользователей, решивших покинуть интернет-магазин, будет зависеть от степени сложности капчи. На скриншоте ниже можно увидеть, насколько нечитаемой бывает капча.
Как сделать авторизацию на сайте - решение на примере citilink.ru
Нечитабельность капчи на citilink.ru
Результаты тестирования оказались неутешительными — почти 9% опрошенных ошиблись при первом вводе капчи. Еще 29,45% совершают ошибку в случае чувствительности капчи к смене регистра. Первая попытка ввода капчи увенчалась успехом только у 66% пользователей. В случае повторных ошибок при вводе капчи большинство людей покидают сайт, так и не совершив покупку.
Если же наличие капчи для вас является принципиальным условием, то советуем придерживаться следующих правил:
  • отображайте в поле только читаемые символы;
  • не делайте разграничение заглавных и строчных букв;
  • не мучайте пользователей многократным выводом окна капчи — достаточно единожды за сеанс. При условии, что она была введена правильно, а ошибка допущена при совершении других действий;
  • не удаляйте внесенные данные в полях при ошибочном вводе капчи. Тогда покупателям не придется лишний раз дублировать информацию.
Использование дополнительных инструментов для авторизации возможно, но нужно понимать — чем больше «препятствий» будет на пути пользователя в ходе регистрации/авторизации, тем вероятнее риск снижения конверсии сайта.
reCAPTCHA при регистрации в интернет-магазине askona.ru
Как выглядит reCAPTCHA на askona.ru
Отправьте заявку на юзабилити-аудит сайта прямо сейчас и увеличьте конверсию минимум на 20%! Найдём точки роста конверсии и выявим барьеры на пути пользователей сайта.

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

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

14. Оставляйте данные формы даже при ошибках

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

15. Исключите этап активации учетной записи при регистрации

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

16. Сделайте шаблон регистрационного письма максимально узнаваемым

Одним из вариантов действий пользователя, забывшего пароль, является поиск соответствующего регистрационного письма в почте. Чтобы быстро найти его среди другой корреспонденции, используйте правильные формулировки в теме — например, стандартное «Добро пожаловать!» замените на более конкретное «Учетная запись создана». В графе отправителя обязательно укажите название интернет-магазина.

Заключение

Надеемся, приведенные рекомендации в отношении регистрации и авторизации в интернет-магазине оказались для вас полезными, и вы сможете применить их на практике.
Получайте полезный контент от KISLOROD в любой из мессенджеров
При переходе в одну из указанных социальных сетей, вы автоматически соглашаетесь с политикой конфиденциальности
Спасибо, что дочитали до конца.
Если информация была полезна, поделитесь статьёй. Вам не сложно, нам приятно ;)

Рекомендованные статьи

Скачайте 17 точек роста и 100 + чекеров для роста конверсии и прибыли интернет-магазина
При переходе в одну из указанных социальных сетей, вы автоматически соглашаетесь с политикой конфиденциальности
Мы проанализировали ведущие интернет-магазины, результаты исследований, свой опыт и собрали важные моменты в одно руководство. Делаем e-commerce лучше, поэтому не только пользуемся сами, но и делимся с вами.
Выберите удобный мессенджер и получите чек-лист прямо сейчас: