13-07-2013, 17:27

12 способов оптимизировать веб-форму на сайте

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

1.    Автопроверка корректного заполнения полей

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

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

Формат ввода информации должен быть понятен подписчикам. Например, количество знаков в пароле и необходимость цифр в нем. Рядом с заполняемым полем прописывается объяснение формата ввода данных и необходимости этой информации для сайта.

3.    Расположение название поля слева от него

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

4.    Дополнительная информация рядом с формой

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

5.    Четкое объяснение ошибок

Не стоит пользоваться общепринятым объяснением «Поле заполнено неверно». Опишите ошибку, допущенную пользователем, более подробно.

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

У пользователей, зачастую, довольно много паролей. Поэтому будет очень уместной функция запоминания паролей.

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

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

8.     Сохранение данных в форме при перезагрузке страницы

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

9.    Сокращение количества полей

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

10.    Немного юмора

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

11.    Упрощение

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

12.    Инструкция: что пользователю делать дальше

После заполнения не только поблагодарите пользователя, но и объясните его дальнейшие действия: то ли ждать звонка по телефону, сообщения на email, либо окончания обработки запроса.


 

Меню

 Пузомерка тИЦ & PR

 Проверка обратных ссылок

Подсчёт символов

Whois Домена

Симулятор бота (NEW)

Регистрация в поисковиках

Аналог Punto Switcher

Подсчёт процентов


<<
Календарь апдейтов >>

25.06.09 Ап тИЦ
24.06.09
Ап PR
10.06.09
Ап тИЦ
28.05.09
Ап PR
22.05.09
Ап тИЦ

все апдейты тут

Наш блог, Промо новичку

<< Партнеры >>




<< О wTools >>

На сайте вы найдете множество полезных сервисов для себя, таких как проверка тИЦ и PR, whois домена, симулятор бота, проверка беклинков и много других полезных инструментов.

Помимо этого мы стараемся публиковать новые статьи и новости, которые будут полезны любому вебмастеру и просто владельцу сайта. Спасибо что остаетесь с нами!.

Copyright © 2006-2007 by wTools.biz (Веб Инструменты).