Главное Авторские колонки Вакансии Образование
Выбор редакции:
2 651 7 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Три простых шага для упрощения формы ввода данных

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

Лишние данные

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

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

Сообщите, что почта нужна для восстановления пароля, а спам вы не высылаете (если вы на самом деле этого не делаете).

b_54a1a5cd899a0.jpg

Разбивайте форму на несколько шагов

Не просите всё и сразу. Разбейте вашу форму на несколько этапов. Пример:

  1. Ввод имени
  2. Ввод почты
  3. Ввод пароля

b_54a1a27cd8ecb.jpg

Зачем?

Вероятность того, что пользователь бросит такую форму, мала. Вот причины:

  1. Даже если полей было много, пользователь этого не чувствует;
  2. Он не хочет бросать форму, ему жалко уже введенные данные, свой прогресс;
  3. С формой интереснее взаимодействовать.

Капча

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

KeyCAPTCHA

Чтобы совершить защищенное капчей действие, пользователю нужно собрать паззл (обычно просят поставить на место 3 детальки).

b_54a1a37eadd9f.jpg

SweetCaptcha

Люди не просто легко отгадывают эту капчу. Они делают это с удовольствием.

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

b_54a1a3ca005fb.jpg

Заключение

Упрощайте. Просите только то, что необходимо. Разговаривайте с пользователем. Старайтесь сделать так, чтобы заполнение формы было мини-путешествием (быстрым, легким и приятным).

+4
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Юрий 6443
А как же новая reCaptcha от google? Там вообще не требуется ввод кода если человек не ведет себя как бот.
Ответить
learnmonstr
научитесь чему угодно
Мыслевод 12732
Мне кажется, она пока не работает достаточно хорошо. Например, меня всегда принимает за бота (хотя я обычно просматриваю кучу страниц, читаю текст etc.). Спросила у нескольких знакомых, 2 из 3 reCaptcha называет ботами и просит капчу.
Идея хорошая, но сейчас это такой же набор цифр и букв, поэтому включать не стала.
Ответить
Олег 10909
Скорее всего я уйду из такой формы. Где вход через социальные сети?
Ответить
learnmonstr
научитесь чему угодно
Мыслевод 12732
Тут более общие советы, всё-таки формы бывают не только регистрации/авторизации. Например, причем тут фидбек-форма и вход через соцсети?
Ответить
Олег 10909
Я говорил о регистрации.
Ответить
learnmonstr
научитесь чему угодно
Мыслевод 12732
Я тоже про нее :)
Советы из статьи подходят ко всем формам. Авторизация через соцсети — только к формам регистрации/авторизации. Поэтому в статье и нет ничего про вход через социальные сети.
Ответить
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.