Повышаем

конверсию сайта с

помощью хорошего

интерфейса

оформления заказа.

Выбрать товар — сложно?!

Каталоги «украшены» примерами товаров. Картинки не кликабельны. Может возникнуть ощущение, что сайт не работает

«Классический» каталог скрыт за скроллом. На небольшом экране пользователь может и не найти его

Группы товаров большие. Кроме того, каталог раскрывается

по производителям и становится еще больше – искать становится сложнее

Поиск по другим параметрам отсутствует

К какому товару относится название?

А как «встать

в очередь»?

Видимо, товара нет…

Отгадайте где каталог

А здесь сможешь найти каталог?

Баннер – хлебные крошки – каталог – тадамм

Выбрать товар — сложно!

68% процентов

пользователей

бросают заказ на этапе

чекаута*Baymard Institute

Корзина

Этап добавления товара в

корзину не должен содержать

лишних шагов и действий

.Этап добавления в корзину

реализован с лишним

шагом.

.Со страницы невозможно

сразу перейти к

оформлению заказа.

Этап добавления товара в

корзину не должен содержать

лишних шагов и действий

.

Страница добавления в корзину реализованалишним шагом, но при этом есть

возможность сразу оформить заказ.

Информация о том, что товар

добавлен в корзину, должна

быть очевидна для покупателя

.

Кнопка добавления в

корзину практически не

меняется при добавлении

Информация о том, что товар

добавлен в корзину, должна

быть очевидна для покупателя.

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

Кнопка продолжения

оформления заказа должна

быть визуально выделена

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

Действие, которое произойдет

при нажатии на кнопку,

должно быть очевидно

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

Кнопка продолжения

оформления заказа должна

быть визуально выделена

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

Ввод реквизитов

карты и оплата

Ввод реквизитов карты должен

соответствовать

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

Ввод реквизитов карты должен

соответствовать

последовательности на карте.

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

Ввод реквизитов карты должен

соответствовать

последовательности на карте.

Последовательность ввода реквизитов

карты на странице соответствует

траектории взгляда пользователя и не

прерывается вводом дополнительной

информации.

Банковская карта должна быть

визуализирована на странице

оплаты

.

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

Банковская карта должна быть

визуализирована на странице

оплаты

.

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

Банковская карта должна быть

визуализирована на странице

оплаты

.Расположение полей ввода

соответствует полям на карте.

Сервис должен запрашивать

только необходимую

информацию

.

На платежной странице

представлено излишнее с точки

зрения пользователя

количество полей.

Запрашивайте необходимую

информацию только один раз.

Повторно запрашиваетсяинформация, которуюпользователь вводил ранее(номер телефона и адресэлектронной почты).

Как бизнес-модель влияет

на чекаут

специфика товара

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

тип товара

частота и регулярность покупок

Учитываем специфику

товара

техника = условия гарантии

одежда = условия возврата

массовый товар = быстрый чекаут

Как сделать удобный чекаут

исследование MasterCard

экспертная оценка

best practice

тестирование

Обращайтесь за

отчетом

Кирилл КочкинUser Experience Manager

USABILITYLAB

k.kochkin@usabilitylab.net

Mob: + 7 965 175 50 02