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

Парад удодов, выпуск 2: Делаем форму обратной связи, которая выбесит любого

Мистер Удод снова расправил свои пестрые крылья. На этот раз для того, чтобы сделать форму обратной связи для вашего сайта. Хотели знать, как делать не надо? Так смотрите и трепещите — шоу начинается!

Минутка очевидных вещей. Формы обратной связи нужны, чтобы посетитель мог пообщаться с брендом. Попросить помощи, поинтересоваться, пожаловаться, предложить что-то. Для некоторых бизнесов она является конверсионным инструментом — то есть с него вы получаете заявки. Штука важная, но можно очень легко ее запороть. Учитесь у мастера.

Оригинал

b_59b7368f7f032.jpg

Примерно так должно всё выглядеть, если, конечно, вы не хотите усложнять посетителям жизнь. Форма заметная, понятно, что она от тебя хочет. Быстро заполнил и пошел ждать ответ. А теперь подключим к работе нашего безумного гения.

Версия: игнорируем политику конфиденциальности

b_59b736900c57e.jpg

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

Вердикт: за такую легкую форму амнезии вам могут выписать штраф от 5 до 10 тысяч рублей (Федеральный закон от 27.07.2006 № 152-ФЗ суров, но это есть закон).

Версия: пропускаем пояснения

b_59b73690939c3.jpg

Форма-гопник. Никаких «оставьте телефон, и мы с вами свяжемся» и всего такого прочего. Сразу «слыш чо, давай телефон сюда! А если найду?».

Вердикт: не круто. Небольшой комментарий к форме не будет лишним — тем более, там вы можете написать про время ответа или намекнуть на обязательность заполнения поля «контакт». Так что не забывайте про поясняющий текст, хотя бы заголовок оставьте.

Версия: добавляем кучу полей

b_59b736912dd5e.jpg

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

Вердикт: вместо того, чтобы сделать одно, максимум два, обязательных поля (те самые «контакт» и «как к вам обращаться») ваша яркая хохлатая птица устраивает опросник для сегментации клиентов. Ловкий же ход? (нет).

Версия: делаем поля обязательными

b_59b73691bd458.jpg

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

Вердикт: получился классический пример «как не надо». Общение бренда и посетителя должно происходить легко и непринужденно, а не так, будто в тебя целится расстрельная команда, а в рожу светит прожектор.

Версия: в пекло валидацию

b_59b7369256fb1.jpg

Пользователь может ввести что угодно и куда угодно. И при этом его данные никак не будут валидироваться. То есть, например, в поле «телефон» можно написать qweqweqwe, а в поле «ваш email» — marinochka@маил.ру. Форма всё примет и поблагодарит за обращение. Свобода действий, говорили они.

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

Версия: в пекло подсказки

b_59b73692e45ea.jpg

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

Вердикт: если хотите, чтобы пользователь заполнял поля без ошибок, то подскажите, в чем именно его ошибка.

Версия: давайте всё сбросим

b_59b73693859eb.jpg

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

Вердикт: верный способ выбесить потенциального клиента. Не надо так.

Версия: делаем не в стиле

b_59b736941c239.jpg

Форма не в стиле сайта — это такая штука, что вроде бы ничего страшного, но что-то здесь не то. Примерно как включить первый канал в девять вечера и увидеть, что новости читает Сергей Дружко.

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

Версия: убираем кнопку «закрыть»

b_59b73694a5c7a.jpg

Хорошая, годная форма, с одной маленькой оговорочкой. Она не оставляет выбора. Заполняй или умри — примерно такой месседж должен читаться за формой без возможности ее закрыть.

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

Бонус: загадочно молчим после отправки формы

Пользователь заполнил форму, отправил ее, и — ничего. Форма просто закрылась. Что делать? Заполнять еще раз? Надеяться, что все будет ок? Забыть сказать, что всё прошло успешно — верный способ испортить впечатление.

Вердикт: после нажатия на кнопку «отправить», должно появиться уведомление, типа такого: «Спасибо! Ваша заявка отправлена. Наши специалисты перезвонят через час». А то всё зря.

+2
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Бидюков Денис
>>> должно появиться уведомление, типа такого: «Спасибо! Ваша заявка отправлена.

И ещё дополнительно уведомление на почту, если та была указана.В самом письме можно собрать некоторую информацию, которая вероятно будет полезна (все зависит от цели заполнения формы).

>>> Форма-гопник. Никаких «оставьте телефон, и мы с вами свяжемся» и всего такого прочего.

Так, а для чего человек заполняет форму, если не для того, чтобы с ним связались? Почему тогда не добавить "Затем мы Вам окажем услугу, а Вы нам заплатите за это"? ))) Хорошим тоном, по моему мнению, можно считать ещё и наличие поля типа "Когда лучше всего позвонить?". Меня лично бесит когда мне звонят в 2 часа ночи (разница во времени).
Ответить
Aleksei Shabelskii
Заголовок -огонь! =)
Ответить
Александр Кожемякин
Спасибо за хорошую статью!
Ответить
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

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