РУС
ENG
УКР

web/design/developments

Разработка веб интерфейса. Создание онлайн форм

   204000000.portfolio_slider.822dffa
Продуманные контактые формы – довольно важный момент в процессе разработки дизайна интерфейса.  Они способны сильно влиять на показатели дохода, скорость роста бизнеса и даже на срок его существования.

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

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

Какие типы веб форм стоит оптимизировать при создании дизайна интерфейса? Обычно (с  точки зрения конверсии) нас интересуют четыре основных типа форм:

  1. Лид-формы (контактные формы и формы подписки);
  2. Формы онлайн-продаж (формы заказа);
  3. Формы регистрации пользователей (формы регистрации);
  4. Операционные формы (формы, ориентированные на выполнение определенных задач).

Грамотный копирайтинг – это важная часть разработки интерфейсов, где каждое слово значит столько же, сколько иконки и маленькие пиксели.  Поведение пользователя веб сайта зависит от простоты и понятности наполнения и формулировки. Основатель компании 37Signals Джейсон Фрид (Jason Fried) сказал:

Большая часть текстов в интернете – полный отстой, потому что они написаны копирайтерами для копирайтеров, а не для читателя. Пишите для читателя. Вот и все.

В первую очередь, пользователь читает  название формы. Убедитесь, что оно четко и лаконично описывает её назначение. Используйте призывы к действию и мотивацию:

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

В этом примере текст на кнопке «Save Worksheet» связан с заголовком формы,тем самым повышая ее эффетивносьт. Теперь посетитель сайта лучше понимает, что от него требуется, и быстрее принимает решение.

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

В некоторых формах разработчики применяют подсказки в полях для ввода, например:

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

Расположение названия поля имеет значение

Одной компанией было проведено исследование поведение посетителей сайта при трех разных вариантах расположения заголовка поля:

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

Заполнить форму сложнее всего оказалось в первом случае, так как из-за расстояния между элементами пользователю приходилось переводить взгляд из одной точки в другую. Самым лучшим вариантом оказался третий – при таком взаимном расположении элементов пользователю проще всего зафиксировать взгляд.

Выводите сообщения о правильности введенных данных рядом с формой

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

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

Использование проверки в реальном времени при создании дизайна интерфейса приводит вот к таким результатам:

  • Увеличение количества успешных заполнений форм на 22%;
  • Снижения количества ошибок при заполнении на 22%;
  • Увеличение коэффициента удовлетворенности на 31%;
  • Снижение времени на заполнения на 42%;
  • Уменьшение количества переводов взгляда на 47%.

Обращайтесь к нам для создания веб сайта с эффективными онлайн формами и красивым дизайном.

Взято с http://habrahabr.ru/company/pechkin/blog/274161/


© 1999—2017 Webcreator. Создание сайтов. Киев. Украина
телефон: +38 044 222-88-70, эл. почта: in@webcreator.kiev.ua