15 лучших практических советов по улучшению форм на сайтах электронной торговли
Удобство использования формы может улучшить или испортить опыт онлайн-покупателей. Для любого сайта электронной коммерции важно, чтобы клиенты подписались на электронные письма, зарегистрировали учетную запись или совершили покупку.
Хорошо продуманные формы максимально упрощают эти задачи для покупателей, но сложные формы приведут их в ярость до такой степени, что от покупок откажутся.
В этой статье мы рассмотрим несколько советов и ключевых моментов для сайтов электронной коммерции, которые помогут улучшить формы и устранить трение покупателей.
Пользователи должны начать с мотивации заполнять формы – например, это может быть волнение по поводу продукта, который они собираются купить.
Эту мотивацию можно быстро лишить пользователей, если формы станут проблемой. Если требуется слишком много усилий, этот импульс можно потерять.
1 Подумайте, какие поля формы действительно необходимы
Статистика Baymard показывает, что 21% покупателей отказались от форм оформления заказа в электронной коммерции, потому что процесс был слишком долгим или сложным. Баймар также обнаружил, что в среднем на кассе вдвое больше необходимого количества полей формы.
Суть в том, что формы не должны быть длиннее, чем они должны быть, поэтому, если можно избежать полей формы или укоротить формы, это может уменьшить отсев на этом этапе.
Например, в формах иногда запрашивается дата рождения клиента, что в большинстве случаев не требуется для совершения покупок.
Один из способов приблизиться к этому – использовать «протокол вопросов», который, по сути, рассматривает, зачем нужны поля формы, стоимость того, чтобы задавать / не задавать определенные вопросы, и, в конечном итоге, действительно ли необходимо каждое дополнительное поле формы.
2 Разделите формы на части, чтобы улучшить показатели заполнения
Формы могут быть связаны с восприятием в той же степени, что и во всем остальном. Они могут показаться тяжелыми в зависимости от их внешнего вида, ощущений и структуры.
Если в форме есть много полей, которые нужно заполнить, и они представлены на одной длинной странице, которую вам нужно прокрутить вниз, это может оттолкнуть.
Иногда бывает полезно разбить формы на разделы, чтобы задачу можно было выполнить небольшими кусками.
Например, confused.com делит заявку на страхование автомобиля на четыре раздела. Тот же принцип может работать и для форм оформления заказа, хотя, как всегда, его нужно тестировать.
3 Сделайте формы визуально привлекательными
Формы могут содержать такое же количество полей, но при этом выглядеть тяжелой работой по сравнению с другими.
Тусклые поля ввода текста могут затруднить заполнение форм и сделать их менее приятными для заполнения. Четкий дизайн, использование цвета и изображений, подобных этой форме Lego, делают его более привлекательным.
4 Фокус мобильных форм
По данным Monetate, коэффициент конверсии для мобильных устройств составляет 1,82% по сравнению с 2,57% для компьютеров.
Отчасти это связано с относительной сложностью заполнения форм и ввода платежных данных на меньшем экране.
Сосредоточение внимания на разработке форм для мобильных пользователей может улучшить это. Например, если сделать поля ввода в форме достаточно большими и оставить между ними пробелы, можно избежать распространенных ошибок ввода.
5 Упростите формы с помощью функций смартфона
Решение некоторых проблем с мобильными кассами можно решить, используя потенциал смартфона для повышения удобства использования.
Например, использование по умолчанию цифровой клавиатуры для ввода номеров телефонов или данных платежной карты ускоряет процесс.
6 Используйте встроенную проверку
Встроенная проверка – отличный способ убедить покупателей в том, что они правильно заполняют форму.
Это помогает, поскольку любые ошибки ввода выделяются в момент их совершения, а это означает, что у клиентов есть возможность быстро исправить любые проблемы и избежать отправки форм только для того, чтобы затем увидеть ошибки.
7 Сообщения об ошибках должны быть четкими
Люди, естественно, будут делать ошибки при заполнении форм, поэтому важно правильно с ними обращаться. им легко исправить любые ошибки и перейти к форме.
Сообщения об ошибках должны быть вежливыми и информативными, предупреждать клиентов об ошибке и содержать четкую информацию, которая поможет им исправить ее.
8 Добавить ярлыки
Все, что снижает усилия пользователя, может помочь увеличить процент заполнения форм. Одним из очевидных примеров является использование адреса доставки в качестве адреса для выставления счетов, если это применимо.
Другие ярлыки могут ускорить ввод адреса, поиск по почтовому индексу, например, или использование программного обеспечения, чтобы предлагать адреса, и пользователи вводят их.
9 Добавить индикатор выполнения
Индикаторы процесса оформления заказа сообщают людям, где они находятся в процессе заполнения формы и сколько этапов осталось до их завершения.
Они помогают сделать формы более простыми и убеждают пользователей, что они почти готовы.
10 Обозначьте следующие шаги с четкими призывами к действию
Четкие призывы к действию должны указывать на следующий шаг, который нужно сделать пользователям, чтобы перейти к следующему шагу в форме платежа.
Они должны выделяться на странице и не оставлять у клиентов никаких сомнений в том, что им нужно сделать, чтобы перейти к следующему этапу.
11 Убедите клиентов в безопасности
При заполнении форм оформления заказа клиенты могут иногда беспокоиться о безопасности платежей и общей надежности сайта. Это может быть особенно важно, если они покупают на сайте, на котором раньше не делали покупки.
Отображение знаков доверия и обмена сообщениями, как здесь делает B&Q, может убедить некоторых покупателей в том, что сайту можно доверять.
12 Позвольте людям получить помощь во время оформления заказа
Если люди застряли при заполнении форм или обеспокоены своей покупкой, лучше сразу же оказать помощь в том, где проблема может быть решена.
Отображение четкого контактного номера, ссылки на часто задаваемые вопросы или опции живого чата позволяют покупателям быстро получить доступ к справке службы поддержки.
13 Используйте текст для объяснения полей формы
Многие поля говорят сами за себя, но другие могут быть менее понятными, поэтому помощь клиентам на этом этапе окупается.
Здесь может помочь хорошо размещенная копия, объясняющая, какую информацию нужно вводить клиентам и в каком формате ее следует добавлять.
14 Уберите отвлекающие факторы
Клиенты должны иметь возможность сосредоточиться на заполнении форм. По этой причине веб-сайты часто удаляют меню навигации и другие функции форм.
Это называется заключением кассы, но те же рассуждения могут применяться ко многим различным типам форм.
Он удаляет фоновый шум и упрощает поиск полей формы, призывов к действию и ключевых ссылок.
Например, формы Graham & Green урезаны, покупателям видны только сама форма и контактный номер.
15 Тестируйте и улучшайте формы
Важно отслеживать производительность, чтобы определять области, в которых клиенты могут выпадать из форм или где определенные поля могут вызывать проблемы.
Консультант по электронной торговле Дэн Баркер прокомментировал: «Отслеживание ошибок в формах и показатели заполнения полей могут быть полезны как для тестирования, так и для улучшения. Если вы можете заметить, что конкретная ошибка совпадает с большим количеством падений, это простой способ выяснить, что вам следует тестировать дальше. Изменение порядка элементов в форме также может помочь – как с точки зрения помощи клиентам в использовании формы, так и иногда для более широкого использования: например, если ваша форма имеет «адрес электронной почты» в качестве самого последнего поля и люди уходят раньше к этому у вас нет возможности снова связаться с ними. Если электронная почта является первым полем или даже отдельным первым шагом (и при условии, что это соответствует вашей политике конфиденциальности и условиям), вы можете связаться с ними или, по крайней мере, узнать их, даже если они не заполнили форму ".
Аналитика, пользовательские тесты и отзывы клиентов могут помочь вам в большей степени выявлять проблемы с формами и оформлять заказ в целом.