Добавьте в корзину. Ключевые принципы повышения конверсии веб-сайтов

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

Обработка ошибок

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

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

Ошибки при вводе бывают двух видов:

1. пропущено поле, обязательное для заполнения;

2. тип или формат данных не соответствуют требованиям.

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

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

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

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

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

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

Как должно выглядеть сообщение об ошибке

Главное, чтобы покупатель, увидев сообщение об ошибке, сразу понял, что и где нужно исправить. Хороший пример можно увидеть на сайте Banana Republic. Если вы пройдете по ссылке Access Your Info («Информация о пользователе»), которая расположена внизу страницы, и введете в поле адреса электронной почты случайную строку, то прямо над этим полем появится сообщение об ошибке и указание по ее исправлению:

Постарайтесь сообщить об ошибке такими словами, будто она произошла не по вине пользователя (даже если на самом деле все было именно так!). Обвините во всех грехах свой сервер (поверьте: его самолюбие от этого не пострадает). Например, напишите так: «К сожалению, наш сервер не смог понять, какой адрес электронной почты вы ввели».

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