Оптимизация веб-формы для посетителей – 12 секретов совершенства

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

 

 

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

 

Приведены 12 проверенных способов, позволяющих выполнить комплексную оптимизацию веб-формы, делая её удобнее и привлекательнее для посетителей сайта.

 

Автоматическая проверка корректности заполнения полей формы

 

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

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

 

Четкие требования к заполнению 

 

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

 

Название поля должно находиться слева от него

 

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

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

 

Дополнительная информация возле формы

 

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

 

Четкое понимание и объяснение ошибок

 

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

 

Сохранение пароля

 

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

 

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

 

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

 

Данные формы должна сохраняться при перезагрузке страницы

 

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

 

Уменьшаем количество полей для удобства

 

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

 

Хорошее чувство юмора приветствуется

 

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

 

На пути к упрощению – станьте доступнее для пользователей

 

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

 

Инструкция по дальнейшим действиям пользователя

 

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

 

Комментарий Хайруллина Ильдара: "Вроде бы о понятных и банальных вещах написано, но к сожалению большинстов сайтов не следует этим советам и выводят ужасные, сложные и непонятные формы :( "