UXPUB 🇺🇦 Дизайн-спільнота

Cover image for 12 рекомендаций, которые помогут улучшить процесс регистрации и входа в систему
Редакція
Редакція

Опубліковано

12 рекомендаций, которые помогут улучшить процесс регистрации и входа в систему

#ux

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

1. Поддержка входа в систему с помощью аккаунтов в социальных сетях и функции «Вход с Apple».

Поддержка входа с помощью аккаунтов Facebook, Twitter, Google, LinkedIn. Эту опцию легко реализовать, и она дает существенное преимущество для стартаперов – вы можете получить ценную информацию о ваших пользователях из социальных сетей, например, полное имя и аватар.

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

Форма регистрации на Reddit

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

Функция «Войти с Apple»

2. Не используйте имя пользователя

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

3. Попросите пользователей соблюдать правила безопасности при создании пароля.

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

  • 8 и более символов
  • Содержит как строчные, так и прописные буквы A-Z
  • Содержит хотя бы одну цифру
  • Содержит специальные символы

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

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

MailChimp делает требования к паролю видимыми заранее

4. Запретите пользователям использовать распространенные пароли

Удовлетворение требований безопасности не обязательно приводит к более надежным паролям. Иногда пользователи склонны использовать настоящие слова в качестве паролей и заменять некоторые символы цифрами и специальными символами. Типичный пример – пароль «P@ssw0rd». Хотя этот пароль удовлетворяет упомянутым выше правилам безопасности, полученный пароль будет слабым, поскольку допускает словарные атаки.

Запретите пользователям использовать слова, содержащиеся в любом словаре (английском или иностранном), списке правописания, списке сокращений и т. д.

Инструмент: Zxcvbn – это средство оценки надежности паролей с открытым исходным кодом, которое распознает и оценивает 30 тысяч общих паролей, общих имен и фамилий в соответствии с данными переписи населения США, популярных английских слов из Википедии, телевидения и фильмов США и других распространенных шаблонов.

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

Надежность Пароля. Изображение Oscar Manxz

Или вы можете применить более творческий подход и показать «время до взлома».

Надежность Пароля. Изображение D

5. Добавьте индикатор надежности пароля

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

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

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

Надежность Пароля. Изображение Malan Alankara

6. Разрешите пользователям делать пароль видимым

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

Скрытый и демаскированный пароль на сайте Mailchimp

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

7. Не просите пользователей дважды вводить адрес электронной почты или пароль

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

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

8. Не просите пользователей подтверждать электронную почту сразу после регистрации

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

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

9. Используйте двухфакторную авторизацию или приложение для авторизации

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

Совет: если вы хотите использовать двухфакторную авторизацию, вы должны указать параметр «Доверять этому устройству в течение X дней». С этой опцией пользователю не нужно будет вводить комбинацию безопасности каждый раз при входе в приложение.

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

Приложение Duo на мобильном телефоне. Изображение Duo

10. Разрешить людям использовать аутентификацию по отпечатку пальца или лицу для входа (в основном с мобильных устройств)

Биометрическая аутентификация в современных продуктах представлена отпечатком пальца (например, Apple TouchID) и сканированием лица (например, Apple FaceID). Такой подход дает два основных преимущества: он очень безопасен и не требует усилий со стороны пользователя (ему не нужно ничего делать, кроме как разрешить приложению использовать биометрические данные, которые уже хранятся на его устройстве). Этот способ аутентификации особенно ценен для продуктов, использующих финансовые данные, таких как банковские приложения или приложения для инвестиций.

Прогноз: к 2024 году 66% владельцев смартфонов будут использовать биометрию для аутентификации.

Биометрическая аутентификация в WhatsApp. Изображение Whatsapp

11. Поддержка функции «Забыли пароль»

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

Факт: забытые пароли мешают людям совершить покупку. 75% пользователей электронной коммерции не завершат покупку, если им придется восстанавливать пароль при оформлении заказа.

Восстановление должно быть доступно при любом входе в систему.

Процесс восстановления пароля. Изображение Sahil Vhora

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

12. Поддержка входа без пароля.

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

  • «MagicLink» от Slack. Вместо того, чтобы вводить пароль на мобильном телефоне, Slackдает пользователям возможность получить «волшебную» ссылку по электронной почте. Когда пользователи нажимают на эту ссылку, они автоматически входят в систему.
  • «Вход без пароля» от eBay. eBayотправит вам код, который вы можете использовать для входа.

eBay предлагает вход без пароля


Перевод статьи uxplanet.org

Найновіші коментарі (0)