Какими должны быть формы на сайте? - Centum-D

Какими должны быть формы на сайте?

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

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

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

КАКИЕ БЫВАЮТ ВЕБ-ФОРМЫ НА САЙТЕ

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

  1. Форма консультации. Если клиент не нашел нужной информации на сайте или у него возникли дополнительные вопросы, он захочет пообщаться с консультантом. Для этого используют форму консультации: диалоговое окно, всплывающее окно «перезвоним через пять» или поле «напишите номер телефона и мы свяжемся с вами, чтобы уточнить детали». Вариаций множество. Главное — помочь клиенту.
  2. Форма заказа услуг. Представим, клиент прочитал о вас, его всё устраивает и он решил заказать услугу у вас. Для этого на сайте предлагают форму заказа услуг, где просят указать имя, телефон, вид услуги или тарифа. Бизнесу, который получает большинство заказов с сайта, без такой формы не обойтись.
  3. Форма заказа товара. Встречается в интернет-магазинах. Обычно включает в себя карточку товара, имя, телефон, предпочитаемый способ оплаты. Такая форма полезна уже после того, как пользователь наполнил корзину и теперь готов оплатить товары.
  4. Форма регистрации. Если раньше для регистрации нужно было заполнять тысячу полей, то теперь достаточно ввести имя, адрес электронной почты или просто кликнуть на иконку социальной сети, чтобы связать личный аккаунт с внутренней системой сайта.
  5. Форма авторизации. Сейчас всё большей популярности набирает авторизация через социальные сети. Поэтому такая форма включает стандартные поля «адрес электронной почты — пароль» и иконки социальных сетей.
  6. Форма подписки на рассылку. Обычно включает в себя адрес электронной почты и сопроводительный текст, который объясняет, зачем нужна подписка и какую пользу от нее получит потенциальный читатель.

Как сделать форму на сайте удобной для пользователя

Существует ряд рекомендаций, которые универсальны для всех форм. Давайте разберем их подробнее.

  • Краткость — сестра таланта. В начале двухтысячных формы на сайте были похожи на подробные анкеты в секретную организацию. Сейчас же дизайнеры пытаются сокращать количество полей в форме, чтобы удержать клиента и повысить конверсию. Подумайте, какая информация не обязательна, а какую — можно получить другим путем, и сократите количество полей для удобства пользователей вашего сайта.
  • Логика содержания — превыше всего. Сокращая форму, не забывайте о структуре и логике изложения. Помните о стандартной последовательности для полей и выбора значений. Если не уверены, что пользователю удобнее выбрать сначала, тестируйте несколько форм и анализируйте результаты.
  • Ошибки, текст и обязательные поля. Не допускайте ошибок в тексте. Даже незначительная мелочь (неправильная форма глагола или пропущенная буква) может повлиять на решение клиента. Также замените двусмысленные фразы или слова на более четкие и понятные формулировки. Так вы избежите недопониманий с клиентом. И не забудьте — все обязательные поля отмечайте маркером (звездочкой или цветом).
  • Внешний вид формы. Не перегружайте форму лишними элементами. Лучше сделать её максимально простой и понятной для пользователя. Для этого поместите все поля в одну колонку, придерживайтесь нерушимого принципа про внешнее и внутреннее и визуально сгруппируйте похожие поля и отметки.
  • Минимум анимированных элементов. Если возможно, вообще избавьтесь от анимированной формы. Не нужно, чтобы она прыгала, мигала, завлекала музыкой или всплывала на середину экрана, перекрывая всё свободное пространство. Это мешает клиенту разобраться с требованиями, а при долгом просмотре — раздражает.

Вывод

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

Задать вопрос

Если у вас есть вопросы, можете задать их специалистам “CENTUM-D”. Для этого просто заполните поля обратной формы связи и отправьте ее нам.