11 советов по созданию формы обратной связи
Лондон, Великобританія Одесса 65000
+44 (20) 8068-5324
Branding
Startups
Wow sites
Web development
Ukraine is a capital of great people!
Please, support Ukrainian suppliers and army

11 советов по созданию формы обратной связи, которая принесет вам лидов

23.07.2019 15879 3 мин.

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

Держите 11 советов по созданию формы на сайте от Алексея, UX/UI дизайнера команды SOLAR DIGITAL:

  1. Количество полей обратно пропорционально конверсии формы. Т. е., чем больше полей, тем меньше конверсия.
Форма обратной связи количество полей

2. Лид должен понимать, зачем он высылает вам свои данные. Некоторые забывают пояснить, и он пугается и уходит. Часто пояснение высвечивается после того, как данные отправлены: мол, спасибо, теперь мы с вами свяжемся. А надо — до.

Форма обратной связи Причина запроса

3. Хорошее дело — подсказки. Поставьте возле поля иконку, которая пояснит, что вводить и к чему это приведет.

Подсказки для пользователя

4. Форма может занимать весь экран, чтобы принять внимание на себя. Например, когда цель сайта — любой ценой взять e-mail у пользователя. Если же цель формы — подписка на новости, лучше сделать простой поп-ап.

Вид всплывающего окна

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

Форма обратной связи с минимальным количеством полей

6. Обязательно сделайте валидацию данных телефона/почты. Если их введут неверно, вы не сможете использовать данные и потеряете деньги.

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

8. Сообщения об ошибках при вводе не должны кричать о себе. Пусть будут просто заметными, чтобы направить клиента в нужное русло, а не пугать его.

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

Подсказки при неправильном вводе номера телефона

10. Проследите, чтобы при выводе ошибки форма не удаляла все данные: повторно ее никто не будет заполнять.

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

Сообщение об успешном получении данных от пользователя
Вам буде цікаво:
  1. Как разработать сайт, который будут репостить в соцсетях — Кейс Buddhapizza — пицца с заботой
  2. Форма на сайте — неотъемлемая часть UX-дизайна. Узнайте о нем больше — UX-дизайн для чайников
  3. Что получится, если сделать дизайн сайта всего за два часа? — SOLAR Digital на 2 Hours Design Battle

Давайте поговоримо

про ваш проєкт

Прикріпити файл

.pdf .page .numbers .xls .xlsx .doc .docx .jpg .jpeg .png .rar .zip .7z - 3 MB

Формат: pdf, page, numbers, xls, xlsx, doc, docx, png, jpg, jpeg, rar, zip, 7z; Розмір файлу до 20Мб

Порожнє ім'я
Порожній розмір
Цей сайт захищений reCAPTCHA та Google Політика конфіденційності і Умови використання застосовуються.

Форму успішно відправлено :)

Упс! Щось пішло не так

Play
Showreel preview
Дякую за залишену заявку!
Заявку прийнято. Найближчим часом ми зв'яжемося з вами.
Упс!
Щось пішло не так