10 советов для улучшения формы регистрации: как сделать её удобнее и привлекательнее.
Форма регистрации — это важный шаг, который открывает доступ к функциям приложения. Без её прохождения пользователи не смогут воспользоваться большинством возможностей. Если процесс регистрации сложный, люди просто не станут тратить время на его прохождение.
Вот 10 советов, которые помогут сделать регистрацию проще. Идеальная форма, эффективно конвертирующая пользователей, учитывает все эти рекомендации. А сколько из них соблюдается в вашей форме?
1. Запрашивайте дополнительные данные постепенно
Не просите сразу всю информацию. Лучше всего запрашивать дополнительные данные после завершения регистрации. Это позволит сделать форму более компактной и не перегружать пользователя с самого начала.
Основные поля, которые действительно необходимы, — это «Электронная почта» и «Пароль». Все остальные данные можно запросить позже, когда пользователь начнёт настраивать свой аккаунт или профиль.
Пользователям нужно легко находить и кликать в поля ввода. Это затруднительно, если границы полей маленькие и невыразительные.
Вместо того чтобы обводить границей только поле ввода, следует окружать границей и само поле ввода, и его метку (ярлык). Это позволяет пользователям четко видеть, какая метка относится к какому полю. В результате снижается вероятность того, что пользователь введет данные не в то поле.
После заполнения каждого поля пользователи захотят убедиться, что ввели данные правильно. Больший размер поля позволяет отображать более крупный текст, благодаря чему опечатки легче заметить. Когда ввод отображается ясно, пользователи могут исправить ошибки до того, как перейдут к следующему полю.
3) Брендирование логотипом и текстом
Прежде чем пользователи решат зарегистрироваться, они должны доверять вашей форме. Если форма выглядит слишком шаблонно и обыденно, пользователи дважды подумают, прежде чем предоставить свои данные. Однако если она выглядит как часть уникального продукта или сервиса, это вызывает больше доверия, и пользователям становится комфортнее её заполнять.
Чтобы сделать процесс регистрации более надёжным, добавьте фирменные элементы — логотип и текст. Размещение логотипа по центру в верхней части формы символизирует авторитет и надежность. Это дает пользователям уверенность, что они регистрируются именно в нужном приложении.
Кроме того, добавление названия вашего приложения в заголовок формы может еще больше повысить доверие. Большинство заголовков форм говорят просто "Регистрация", но это не даёт пользователю понимания, для чего именно он регистрируется. Лучше уточнить, что пользователь создает аккаунт именно в вашем приложении.
Например, заголовок «Создайте аккаунт Fluffy» ясно сообщает пользователю, какую конкретно задачу он выполняет и какой тип аккаунта создает. Это исключает любые сомнения или неясности относительно его действий и того, кому он передает свои данные.
4) Автоматический фокус на первом поле
Чтобы начать заполнять форму, пользователю нужно кликнуть по первому текстовому полю. Однако вы можете сэкономить ему этот клик, автоматически устанавливая фокус на это поле. Благодаря этому пользователь сможет сразу начать ввод данных, как только откроет форму регистрации. Это обеспечивает плавный переход к взаимодействию без начальной паузы или колебаний.
Большинство подписей к полю пароля просто содержат слово «Пароль», что иногда может сбивать пользователей с толку. Они могут подумать, что нужно ввести уже существующий пароль, хотя они ещё не создавали пароль для приложения. Более понятная подпись — «Создайте пароль», поскольку она ясно указывает, что пользователь должен придумать новый пароль, а не вводить уже имеющийся.
6) Видимая возможность переключения на вход
Иногда пользователи оказываются на странице регистрации, хотя им нужна страница входа, или наоборот. Чтобы перейти на страницу входа, им приходится искать и нажимать маленькую ссылку внизу формы.
Кроме того, формы регистрации иногда могут выглядеть как формы входа. Это может привести к тому, что пользователи по ошибке вводят свои данные для входа в форму регистрации.
Чтобы избежать обеих этих проблем с удобством использования, предоставьте пользователям переключатель для смены между формами регистрации и входа. Они смогут всегда видеть, на какой форме находятся, потому что текущее состояние переключателя всегда видно.
Проверка поля пароля при отправке формы может привести к появлению большого сообщения об ошибке с требованиями к паролю. Поскольку требований много, сложно выполнить их все с первой попытки. Пользователям приходится ждать, чтобы нажать кнопку и проверить ввод, что может привести к множеству неудачных попыток и вызвать разочарование.
Лучший подход — проверять введенный пользователем пароль в режиме фокуса. Другими словами, пока пользователь вводит пароль, нужно показывать ему визуальную обратную связь о том, какие требования он уже выполняет. Отображайте список требований и отмечайте каждое из них галочкой при выполнении.
8) Показывать пароль вместо поля подтверждения
Традиционная, устаревшая практика регистрации — требовать от пользователей подтвердить пароль в дополнительном поле. Однако это может привести к дополнительной работе и постоянным ошибкам, так как сложно несколько раз правильно ввести сложный пароль, особенно в скрытом формате.
Более эффективный подход — позволить пользователям видеть вводимый пароль в открытом виде, нажимая кнопку-переключатель. Эта кнопка может быть в виде иконки глаза справа, которая при клике показывает пароль. Повторный клик вернет ввод в исходное скрытое состояние.
9) Упрощенное согласие с условиями
Перед отправкой формы пользователи должны согласиться с условиями обслуживания. Требование поставить галочку в чекбоксе для согласия часто приводит к неожиданным ошибкам — пользователи могут легко нажать кнопку отправки, не заметив этот чекбокс.
Чтобы упростить согласие с условиями, можно разместить текст под кнопкой отправки. В нём должно быть указано, что, создавая аккаунт, пользователь соглашается с условиями обслуживания. Кроме того, на кнопке должно быть написано «Создать аккаунт», чтобы это соответствовало тексту. Таким образом, когда пользователи читают текст и нажимают кнопку, они автоматически соглашаются с условиями.
10) Поддержка входа через соцсети
Большинство пользователей уже зарегистрированы в популярных социальных сетях. Позволив им зарегистрироваться в вашем приложении через эти аккаунты, вы сделаете процесс быстрее и проще.
Именно для этого и предназначены кнопки единого входа (single sign-on). Размещайте их внизу формы вместе с соответствующими логотипами для узнаваемости. Обеспечьте достаточное расстояние между кнопками и полями ввода, чтобы пользователи, регистрирующиеся по электронной почте, случайно не нажимали на них.