Участвуйте в 5 конкурсах прямо сейчас. Обзор №1 Как заработать много денег на контекстной рекламе Google Adsense? Видео 1.
Фев 06

форма обратной связиИногда я себя спрашиваю, зачем я так много уделяю внимание веб форме на сайте? Зачем каждый раз анализирую поля форм и их оформление? Зачем тестирую работу скрипта с особым пристрастием?

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

  • вам удалось сформировать доверие к своему ресурсу
  • вам удалось вызвать у человека эмоции и желание с Вами пообщаться
  • вам удалось наладить контакт и получить столь желаемую обратную связь
  • вам удалось заинтересовать человека своими товарами и услугами

И совсем не важно какую именно форму на Вашем сайте человек заполняет:

  • будь-то форма комментариев
  • форма подписки по e-mail
  • ответ в гостевую книгу
  • форма службы поддержки
  • форма для отзывов, жалоб и предложений
  • корзина заказов в Интернет-магазине
  • или форма…   придумайте сами или посмотрите, что у Вас есть на сайте

Главное не поставить множество преград, чтоб только что родившееся, и еще не окрепшее желание совершить действие и связаться с Вами — не пропало совсем. Помните, оно может пропасть в любой момент, на каком-либо из полей формы.

Внимание! Постарайтесь не отпугнуть Вашего посетителя в столь щепетильный для него момент, в момент заполнения данных формы.

11+ рекомендаций по совершенствованию веб формы обратной связи.

  1. Просите заполнить только те поля, которые Вам необходимы для оказания услуги. Если Вам для подписки на рассылку нужно только имя и электронный адрес, не спрашивайте фамилию. Если Вам для доставки товара необходим адрес – не спрашивайте как туда добраться. Если человек сложил товары в корзину, не спрашивайте откуда он узнал о вашем магазине.
  2. Не плодите поля там, где можно обойтись 1-2 полями. Чем меньше полей тем больше шансов, что человек их заполнит. Например, при написании адреса можно сделать 1 поле и внизу написать пример, как его заполнить. А можно под каждый параметр создать отдельное поле: индекс, город, улица, дом, корпус, квартира, этаж, регион, страна... Как говорится 7 раз отмерь, а потом отрежь. Далеко не всегда есть необходимость в стольких полях. В выборе полей отталкивайтесь от посетителя, а не от того, что так легче обрабатывать полученные данные. Подумайте, готовы ли Вы жертвовать прибылью ради того, чтоб легче было формировать таблицы по работе с клиентами?
  3. Если поля обязательные к заполнению – пометьте их , напишите перед формой, что обозначает данная пометка. Не надейтесь, что абсолютно у всех Ваших пользователей уже достаточный опыт работы в Интернет и они знают, что обозначает «* - звездочка».
  4. Продумайте какие поля должны быть обязательными, а какие нет , не требуйте ничего лишнего. Например, есть много случаев, когда e - mail не является обязательным полем формы.
  5. Если полей в форме слишком много разбейте их на шаги. Оптимально 3 шага и меньше, максимум — 5 шагов.
  6. На каждом шаге сообщайте человеку где именно он находится. Пример можно посмотреть на RUpay
  7. Если в форме есть такие личные данные как: ФИО и домашний адрес — добавьте на сайт страницу "политика приватности" о неразглашении данных . В форме добавьте ссылку на эту страницу.
  8. Если одно из полей формы — электронный адрес. Добавьте значок антиспама . Или пару слов о том, что Вы не будете нигде публиковать этот e-mail и заниматься спамом.
  9. Если посредством формы обратной связи передаются персональные данные, такие как: ФИО, паспортные данные, домашний адрес, код дебетовой или кредитной карточки visa или другие данные, которые человек хотел бы сохранить в тайне —  поместите над формой значок «замок» и напишите, что данные формы передаются по защищенному соединению.
  10. Пишите вразумительное название форм, для чего предназначена форма. Человек заполняя форму должен ясно представлять с какой целью он это делает, и тогда он может оценить необходимость заполнения некоторых обязательных и необязательных полей.
  11. На кнопке отправки желательно писать не просто «ОК» или «отправить», а что-то, что идентифицируется с предназначением формы: «отправить комментарий», «пересчитать заказ», «очистить корзину»… , чтоб клиент  (посетитель) понимал, что произойдет потом.
  12. После отправки данных через форму:
    • дайте пользователю обратную связь, сообщите, что было сделано, например: заявка принята, ожидает модерации…
    • какую обратную связь, какие действия от Вас ожидать в ответ на форму в ближайшее время
    • в какие сроки будет сделана обработка заполненной формы
    • предложите человеку, что делать ему дальше на Вашем сайте: добавить еще один комментарий, отправить новость другу, вернуться к покупкам, почитать статьи по теме…
  13. В дизайне формы постарайтесь использовать как можно меньше шумовых помех в виде линий таблицы вокруг каждого поля. Не создавайте визуальный шум, который затрудняет понимание полей и отвлекает внимание.

Это далеко не полный список того, на что необходимо обратить внимание при создании форм обратной связи. Есть мноножество нюансов как в визуальном оформлении, так и в названии полей + стратегии подачи полей для заполнения. Для каждой формы необходимо подбирать или писать собственный php скрипт обработки формы.

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


Добавить в свои закладки на: google.com news2.ru bobrdobr.ru del.icio.us technorati.com memori.ru rumarkz.ru linkstore.ru moemesto.ru

Понравилась заметка — отправьте ссылку другу. Понравилась заметка — отправьте ссылку другу.

19 Responses to “11+ рекомендаций по совершенствованию веб формы обратной связи.”

  1. Дмитрий Игошин Says:

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

  2. Виталий Сердюк Says:

    Светлана, спасибо!
    Распечатал - и на доску.
    Бум применять :)

  3. ALEXeen Says:

    Спасибо за совет! Очень толково

  4. Интересный Абсурд Says:

    Обзорник - новая рубрика...

    Я подумал и решил завести новую рубрику – “Обзорник”. Ибо хочется давать и статистику, и ссылки на интересные материалы других бл....

  5. Надежда Says:

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

  6. Ирина Says:

    Светлана, Вы могли бы дать ссылки на сайты Ваших клиентов (портфолио)?
    Возможно, у Вас на одного клиента станет больше ))

  7. Светлана Svetolish Says:

    Спасибо за комментарии, очень вдохновляет на новые статьи.

    Ирина, я ответила Вам по электронной почте

  8. Олька Says:

    Очень толковая статья, большое Вам спасибо, Светлана. Теперь и пользоваться будет проще, и организованно все будет.

  9. Владимир Says:

    как все-таки полезно все правила для такой немаловажной части сайта - обратной формы, собрать в одном месте и сделать это очень читабельным и запоминающимся. спасибо за статью

  10. Про Деньги Says:

    Спасибо! С формами обратной связи у меня всегда проблем, то они "улетают" куда -то, то вовсе невидны. Напомнили что надо за них взяться.

  11. krito Says:

    Кинул в закладки,спасибо...Очень кратко и информативно)Прям пособие)

  12. Дмитрий Игошин Says:

    Простите что не смог За Вас проголосавать в конкурсе у Арнольда -(
    не получилось зарегистрироваться и все -(
    при голосовании отдал бы Вам симпатию ;-)

  13. Светлана Svetolish Says:

    Дмитрий, как нежат Ваши слова мои ушки ;)
    Это не последний конкурс в нашей жизни. Я регистрацию у Арнольда со второй попытки прошла. Модерацию получила через несколько дней, то ли 17числа, то ли 18 - не помню.

  14. Fred Perry Says:

    Otlicinaia informatia dlea cavo nujdaetsea v atom:)s smisle u cavo probemi s nimi:)

  15. MostWanted Says:

    Недавно столкнулся с вопросом по созданию формы обратной связи для одного своего проекта. Спасибо за статью. Очень помогла.

  16. Светлана Олишевская Says:

    MostWanted - не за что, потом покажете форму?

  17. saurongorynich Says:

    Самое главное писать ПЕРЕД формой, что поля отмеченные звёздочкой обязательны для заполнения, а не после, как все почему-то делают :)

  18. MostWanted Says:

    Получилось у нас вот что: savepic.info/feedback.php
    При создании была использована немалая часть ваших советов. За что еще раз благодарю ;)

  19. Марина Says:

    Да, и кнопку "отправить" не картинкой и заметной на фоне

Оставить комментарий