13 мая 2014 в 09:00

Иной взгляд на оформление заказа в интернет-магазине

• Usability ,
• Веб-дизайн

В странах СНГ не менее 75-80% заказов приходятся на cash-and-delivery (оплата заказа при доставке). Это отличие российского и западного потребителя легло в основу редизайна оформления заказа Сотмаркета еще в 2012 году. Тогда впервые в России интернет-магазин перестал требовать авторизации или регистрации клиента перед совершением покупки.

Фоновая регистрация и авторизация пользователей

Хотя авторизация на последнем шаге покупки и не несет никакой ценности для пользователя, это западное клише глубоко укоренилась в Рунете. Со средней частотой покупки (техники) раз в 9-10 месяцев люди зачастую не запоминают регистрационных данных: эл. почты, логина, пароля. Парадокс в том, что большинство интернет-магазинов с готовностью принимают заказы по телефону, но при этом создают искусственные препятствия при совершении покупке онлайн.

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

Мэтчинг аккаунтов происходит по номерам мобильных телефонов и эл. адресов, что позволяет не терять клиентскую историю. Подход себя оправдал: процент заказов зарегистрированных через сайт вырос с 28% до 52%.

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

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

Ремаркетинг брошенных корзин

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

Теперь сразу после ввода номера телефона или эл. почты, при условии их валидации, заказ регистрируется как незавершенный, а мы получаем возможность связаться с теми клиентами, кто по тем или иным причинам не завершил прохождение формы до конца. В результате средний прирост заказов из незавершенных в созданные составляет 17-18%.

Данные, собранные таким образом, нельзя (читай: бессмысленно) использовать для рассылки рекламных сообщений не связанных с конкретным заказам.

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

ФИО одним полем

Небольшой новацией стало поле ввода ФИО - 3 в 1, что позволило решить сразу несколько проблем:

• ненавязчивое напоминание о необходимости ввести полные данные ФИО;
• менеджер колл-центра получает во внутреннюю систему обработки заказов корректно разнесенные;
• сама форма сохраняет визуальную простоту и не выглядит сложнее, чем есть на самом деле.

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

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

Усиливаем влияние на принятие решений пользователем

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

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

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

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

Ввод адреса доставки одним полем

Трудно переоценить важность удобного выбора способа доставки и самовывоза. Воспользовавшись API Яндекс.Карт мы существенно облегчили ввод адреса доставки и выбора пункта выдачи заказа. Такое решение позволило одновременно решить сразу 2 задачи:

• с одной стороны упростить клиентам процесс заполнения формы, теперь требуется заполнить лишь одно поле ввода, вместо 3-4;
• с другой стороны, количество ошибок/опечаток при заполнении формы существенно снизилось за счет подсказок адресов, что сокращает время обработки менеджерами заказов созданных через сайт.

Интерфейсу выбора пунктов выдачи заказов мы уделили отдельное внимание, т.к. в 70-75% заказов превалирует самовывоз, разработав две формы: на карте и списком. В обоих случаях можно выбрать интересующее метро/район/объект в зоне которого находятся ближайшие точки самовывоза. Это существенно упрощает поиск искомого пункта выдачи.

Цель урока

Разработать часть шаблона служебных форм отвечающую за страницу оформления заказа.

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

Основная цель

Основная цель страницы оформления заказа - быть заполненной посетителем. Вопросы, с которыми сталкиваются пользователи при заполнении форм:

Вопросы

• С чего начать?
• Заполнить форму легко? И сколько на это понадобится времени?
• Какой способ оплаты/доставки подходит мне?
• Сколько шагов надо пройти до полного заполнения формы?
• Почему я должен заполнять эти поля? Зачем им эти данные?
• Можно ли вам доверять? Моя почта/номер телефон не попадут в руки спамеров?
• Что мне делать после отправки формы?

Задачи

Давайте посмотрим, с какие задачи решает страница оформления заказа.

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

Теперь решим эти задачи.

Шаблон

Предоставить простой аккуратный макет

Начнем с самого сложного. Так выглядит страница оформления заказа по умолчанию:

Чтобы упростить вид страницы оформления заказа нам потребуется:

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

При желании, от сайдбара можно совсем отказаться.

Найдите в шаблоне страницы служебных форм глобальный блок, отвечающий за верхнюю часть сайта (обычно это $GLOBAL_AHEADER$) и поместите его в такую конструкцию:

$GLOBAL_AHEADER$

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

Тоже самое проделаем и с нижней частью сайта ($GLOBAL_BFOOTER$) и сайдбаром ($GLOBAL_CLEFTER$):

$GLOBAL_AHEADER$ $GLOBAL_CLEFTER$

Если испытываете трудности с глобальными блоками, вспомните .

Привлечь внимание к полям формы

Всего на странице оформления заказа пользователю предлагается заполнить четыре формы:

1. Форма с содержимым заказа (таблица) $BODY$
2. Форма выбора способа доставки $DELIVERY_SELECTOR$
3. Форма выбора способа оплаты $PAYMENT_SELECTOR$
4. Форма ввода личных данных $ORDER_FIELDS$

Для того, чтобы выделить поля форм необходимо настроить.methods-list и #order-table:

Methods-list, #order-table { margin: 20px; background-color: #e5e5e5; border: 1px solid #cccccc; }

Убрать ненужные поля

Здесь речь идет о форме ввода личных данных $ORDER_FIELDS$ . Наверняка, вы уже прошли урок 31 о полях заказа . Нам потребуется взглянуть на каждое добавленное поле под микроскопом и спросить себя: "Действительно ли информация из него так важна для нас, что мы готовы терять часть клиентов ради нее?".

Зачастую хватает "Имени", "Номера телефона" и "Адреса доставки".

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

После того, как вы решили удалить лишние или добавить новые поля вернитесь к уроку 31.

Преодолеть сомнения посетителей

Как будем преодолевать:

• После формы с содержимым заказа $BODY$ разместим краткую информацию о гарантии и условиях возврата
• Рядом с формой выбора способов оплаты $PAYMENT_SELECTOR$ разместим иконки аттестатов, сертификатов (при их наличии) или иконки способов оплаты;
• Перед кнопкой "Оформить заказ" $ORDER_BUTTON$ сообщим, что заказ можно отменить/изменить в любой момент. Так у пользователя не будет долгих раздумий на тему "А правильно ли я все оформил"
• Под кнопкой "Оформить заказ" $ORDER_BUTTON$ разместим блок "Что будет дальше?". В нем мы сообщим о том, что перед доставкой заказа, обязательно перезвоним, уточним в указанное время.

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

Применять активный залог

Давайте рассмотрим конкретный пример. По умолчанию, выбора способа оплаты описан этим участком шаблона:

Способ оплаты

$PAYMENT_SELECTOR$

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

Выберите способ оплаты

$PAYMENT_SELECTOR$

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

Указать количество шагов и времени на оформление заказа

Перед $BODY$ добавьте сообщение о том, сколько шагов в процессе оформления заказа и сколько времени это займет, например:

Оформление заказа в 4 шага занимает не более 3ех минут

Откуда на uCoz несколько шагов оформления заказа? Здесь речь идет о шагах в пределах одной страница. Я предлагаю такой вариант:

1. Шаг 1. Проверьте содержимое заказа
2. Шаг 2. Выберите способ доставки
3. Шаг 3. Выберите способ доставки
4. Шаг 4. Укажите информацию о себе

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

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

Упражнения

1. Создайте упрощенный макет страницы оформления заказа
2. Удалите ненужные поля и выделите оставшиеся
3. Разместите блоки с текстом, который поможет преодолеть сомнения покупателей
4. Укажите количество шагов и необходимое на оформление заказа время

Ресурс компании ASOS предоставляет посетителям прекрасный пользовательский опыт благодаря грамотно продуманной процедуре оформления заказа (checkout). В этой статье мы расскажем, почему их корзина работает так эффективно, и продемонстрируем несколько трендовых методик, которые позволят вам прокачать вашу собственную страницу оплаты.

Говоря в общем, успех корзины данного интернет-магазина диктуется одним простым фактором — прозрачностью. Иными словами, на странице заказа пользователи видят всю ключевую информацию: наличие товара на складе/период резервирования, варианты доставки, бонусные предложения, условия возврата, меры предосторожности, а также доступные способы оплаты. Это позволяет посетителям чувствовать себя увереннее и подталкивает их к завершению покупки.

Прямо к корзине или остаемся на странице продукта?

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

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

Как ASOS побуждает к оплате на 50% больше новых покупателей?

Между изначальной версией checkout-страницы ASOS и обновленным дизайном есть одно существенное отличие: если ранее клиентам нужно было регистрироваться для оформления заказа, то сейчас разработчики не акцентируют внимание на создании аккаунта. Вместо этого, они просят покупателей нажать соответствующую кнопку для продолжения.

Бывший eCommerce директор компании ASOS Джеймс Харт (James Hart) рассказал, как им удалось достичь такого улучшения:

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

Взгляните на обновленную страницу оплаты заказа на сайте ASOS:

А теперь на ее предыдущую версию:

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

На самом деле, большинство клиентов утверждает, что в идеале при оформлении заказа они ограничились бы лишь выбором пароля. Далее вы увидите, что ASOS все еще просят покупателей регистрироваться, но кроме стандартных требований (контактного имени и email-а), пользователям достаточно указать пароль.

Лучшие практические методики оформления заказа

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

1. Пошаговая процедура оформления заказа

Обновленное оформление заказа от ASOS показывает, насколько простым может быть этот процесс, если вы скроете от пользователей все отвлекающие факторы.

2. Гарантия безопасности

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

3. Четкий индикатор прогресса

Индикатор прогресса выполнен с учетом всех нюансов:

1. Минималистичность дизайна.
2. Он четко показывает, на какой стадии оформления заказа вы находитесь.
3. Количество шагов четко определено.
4. Абсолютно понятно, что до подтверждения у вас будет возможность просмотреть заказ.

4. Наличие разъясняющих подсказок

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

5. Понятный главный CTA-элемент

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

6. Ручной ввод адресных данных

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

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

7. Наличие адреса для отправки счета

Для большинства ритейл-сервисов эта опция уже превратилась в некий стандарт, но ее все еще можно доработать. В данном случае, если посетитель использует один и тот же адрес (для доставки товара и счета), ASOS сразу перенаправляет его непосредственно к оплате заказа, тем самым предоставляя ему еще более быстрый, а значит, более позитивный пользовательский опыт.

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

8. Изменение полей оплаты на основе выбора карты

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

9. Полный предпросмотр и редактирование заказа до его подтверждения

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

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

10. Различные варианты доставки, перечисленные в удобном формате

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

11. Возможность вернуться назад без потери информации

Хотя ASOS и не предоставляет покупателям кнопку «назад» во время оформления заказа, чтобы не отвлекать их самого процесса, многие клиенты все равно могут захотеть вернуться на предыдущую страницу, чтобы проверить или изменить свои данные.

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

Пути для дальнейшего улучшения

1. Используйте описательные индикаторы прогресса: замените надпись «Продолжить» на «Просмотреть мой заказ» и т.д.
2. Объясните посетителям, почему они должны указывать в форме дату рождения.
3. Используйте более человечные сообщения об ошибках, которые не заставят ваших пользователей уйти.
4. Предоставьте покупателю достойную причину, по которой вам понадобится номер его мобильного (например, вы отправляете клиентам текстовые уведомления о статусе их заказа).
5. Предоставьте людям возможность вернуться на предыдущую страницу, когда они находятся в процессе оформления заказа. Это позволит им внести важные изменения, даже если вспомнят о своей ошибке слишком поздно.

И никакого контактного номера?

Компания ASOS действительно не указывает на своем сайте никаких контактных номеров — они общаются с клиентам при помощи социальных сетей, справочных страниц и формы обратной связи.

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

Клиенты ASOS уже знают, что товары в их корзине будут зарезервированы не дольше 60 минут, поэтому ожидать ответа от службы поддержки на протяжении нескольких часов (до 4 часов) для них было бы попросту бессмысленно.

Подводя итоги

Хотя приведенный в качестве примера подход компании ASOS далеко не идеален, вам определенно стоит попробовать описанные здесь приемы на вашем сайте, чтобы убедить клиентов в целесообразности завершения сделки.

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

Согласно данным SaleCycle, во всем мире практически три четверти корзин интернет-магазинов бросают еще до покупки. Оптимизируя процесс оформления заказа, можно вернуть много денег, потерянных ранее. Легкое и интуитивное оформление поможет получить потребительскую лояльность и подтолкнуть клиентов к повторным покупкам.

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

1. Весь процесс оформления заказа сделать на одной странице

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

Процесс оформления покупки на одной странице обеспечивает следующие преимущества:

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

Пример одностраничной формы

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

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

Несколько подсказок для оптимизации страницы оформления заказа:

• Разместить такие поля, как имя и адрес, с правой стороны страницы;
• Добавить возможность использования расчетного адреса в качестве адреса доставки;
• Расположить содержание заказа в правой стороне страницы;
• Включить способы оплаты;
• Поместить понятную кнопку призыва к действию, например, «Сделать заказ».

Предполагается, что продажи через мобильные устройства к концу 2017 года достигнут объема в 700 миллиардов долларов, что на 300% больше показателей прошлых четырех лет. Однако здесь выше количество брошенных корзин – возможно, потому, что люди делают покупками на ходу и их сильнее отвлекает окружающая среда. Поэтому 84% мобильных покупателей бросают корзины в процессе оформления.

Советы по мобильной оптимизации процесса:

• Сделать кликабельные кнопки крупнее и заметнее;
• Уменьшить размер изображений, чтобы уменьшить время загрузки;
• Отображать индикаторы доверия, такие как «Это безопасная оплата с использованием 256-битного SSL шифрования»;
• Вертикально выровнять формы, чтобы упростить навигацию;
• Убрать отвлекающие факторы, такие как объявления и всплывающие окна, чтобы покупателям ничто не мешало завершить процесс;
• Рассмотреть прием более простых вариантов мобильного платежа вроде Apple Pay, где пользователи могут рассчитываться с помощью отпечатка пальца.

Мобильные формы, простые в заполнении, повышают конверсии

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

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

Стоит пересмотреть свою форму заказа.

Поля, которые можно убрать:

• вторая адресная строка;
• название;
• отчество;
• отчество / инициалы.

Заодно стоит рассмотреть использование Google Autofill. Значительное число клиентов использует Chrome и Android, чтобы делать покупки. Их персональная информация, скорее всего, сохранена в Google, чтобы сэкономить время на введении данных. Использование Google Autofill поможет магазину приблизиться к сайтам, которые позволяют совершать покупку в один клик благодаря сохраненной информации.

Google Autofill помогает клиентам быстро оформить заказ

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

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

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

Многие большие бренды предоставляют такую возможность.

Гостевое оформление заказа — опция, предлагаемая новым клиентам

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

5. Отображать знаки безопасности во время оформления покупки

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

Необходимо отображать знаки безопасности, такие как логотип Verisign или Norton Secured. Они указывают, что интернет-магазин безопасен и надежен. Исследование показывает, что 6 из 10 покупателей бросили свои корзины именно из-за отсутствия гарантий безопасности.