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

Поле подтверждение пароля снижает уровень конверсии

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

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

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

Исключения недостаточно

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

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

Покажите переключатель пароля 

Добавить опцию демаскировки пароля несложно. Поместите текст или иконку прямо внутрь поля ввода пароля. При клике по иконке пароль должен становиться виден. Позвольте пользователю переключаться со «звездочек» на символы столько, сколько нужно.

Текстовая кнопка

Если вы выбрали текст, укажите слово «Show/Показать» и замаскированный  пароль по умолчанию. Когда пользователь переключится на символы, смените слово на «Hide/Скрыть».

Иконка

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

Прощаемся с формой подтверждения пароля

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

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

Автор урока anthony

Перевод — Дежурка

Смотрите также:

• Эксперименты с загрузкой: сколько вы готовы ждать?
• Дизайн UI: ограничения человеческой памяти
• Роль исследований UX в разработке продукта