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

Даже когда у вас просят оставить контактные данные – имя, электронный и почтовый адреса, телефон и данные кредитной карты, – вам нередко предлагают длиннющую форму, где есть следующие поля:

• имя;

• фамилия;

• адрес электронной почты;

• подтверждение адреса электронной почты;

• адресная строка 1;

• улица;

• адресная строка 2;

• город;

• штат;

• почтовый индекс;

• телефонный код района;

• код коммутатора;

• цифры телефонного номера.

На рис. 6.8 в качестве иллюстрации приведена контактная форма, которую часто можно встретить на сайтах. Ради экономии места мы исходим из предположения, что адрес доставки совпадает с адресом для отправки счета. Если все эти поля представлены на странице по отдельности, создается впечатление, что нужно потратить много времени на их заполнение.

Рис. 6.8. Неудачная компоновка контактной формы

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

Рис. 6.9. Простая форма, позволяющая получить множество сведений о пользователе

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

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

Если вам необходимо удостовериться в точности введенной пользователем контактной информации, можно использовать один из трех методов:

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

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

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

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

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

Ценность информации. Когда пользователь заполняет контактную форму, взамен своих данных он должен получить нечто ценное. Если запрашиваемая вами информация превосходит по ценности то, что получает пользователь, коэффициент отказов от заполнения формы повышается.