Оформление заказа может выглядеть просто на скриншоте рабочего стола и все еще быть неудобным на телефоне. Клавиатуры, сообщения об ошибках, перерасчет доставки и возвраты платежей являются частью опыта. Протестируйте полный путь на представительных устройствах, прежде чем считать новый макет улучшением.
Quick n Easy checkout предлагает настраиваемые формы и макеты для OpenCart, включая различные опыты для гостей и зарегистрированных клиентов. Используйте эту гибкость, чтобы устранить ненужные препятствия, сохраняя при этом необходимую информацию для оплаты и выполнения.
Подготовьте небольшую тестовую матрицу
Включите гостя, возвращающегося клиента, физический продукт и любой другой тип заказа, который продает ваш магазин. Выберите адреса из регионов доставки, которые вы действительно обслуживаете, и методы оплаты, которые могут выбрать клиенты. Используйте тестовую среду и тестовые возможности поставщика платежей для сценариев, которые создают заказы или сборы.
| Путешествие | Что может пойти не так |
|---|---|
| Гость на маленьком телефоне | Неясные обязательные поля или элементы управления, скрытые клавиатурой |
| Возвращающийся клиент | Сохраненный адрес и выбранный метод доставки не совпадают |
| Изменена страна или регион | Старая информация о доставке или налогах остается видимой |
| Платеж отменен или не удался | Клиент не может вернуться к рабочей странице оформления заказа |
Проверьте порядок полей и поведение ввода
Перемещайтесь по форме с помощью экранной клавиатуры, а также нажимая на экран. Метки должны оставаться видимыми, когда поле содержит текст. Следующий элемент управления должен следовать разумной последовательности, а необязательные поля не должны выглядеть обязательными. Избегайте автоматического фокуса на поле скидки при открытии страницы.
Просмотрите поведение ввода email, телефона и адреса на реальном устройстве. Автозаполнение браузера должно заполнять правильные поля, а предложенное значение не должно неожиданно перезаписывать другую часть адреса. Сохраните поля, необходимые для ваших выбранных интеграций доставки и оплаты, даже если их удаление делает форму короче.
Преднамеренная проверка триггера
Отправьте тестовую форму с отсутствующим обязательным полем, недействительным адресом электронной почты и неполным адресом. Страница должна объяснить, на что нужно обратить внимание рядом с соответствующим полем, не теряя значения, которые уже были введены правильно. Изменение цвета само по себе не является достаточным объяснением.
Проверьте, чтобы сообщение об ошибке и поле, которое оно описывает, оставались видимыми, когда клавиатура открывается. Если валидация использует всплывающее окно, подтвердите, что его можно закрыть и что фокус возвращается в полезное место. Протестируйте как макеты для гостей, так и для зарегистрированных пользователей после изменения конфигурации формы.
Изменить адрес и выбор доставки
- Введите адрес с несколькими доступными методами доставки.
- Выберите метод и запишите отображаемую общую сумму заказа.
- Измените страну, регион или почтовый индекс на другой поддерживаемый вариант.
- Проверьте, что доступные методы и пересчитанные суммы отражают этот адрес.
- Подтвердите, что недоступный предыдущий метод не сохраняется молча.
- Повторите с группой клиентов или ограничением доставки, относящимся к вашему бизнесу.
Тестируйте медленную сеть тоже. Состояния загрузки должны четко показывать, когда идет перерасчет. Клиент не должен видеть старую сумму, как если бы она была окончательной, пока обновление адреса все еще обрабатывается.
Просмотрите скидки и возвраты платежей
Если присутствуют купоны или скидки на количество, протестируйте, как они взаимодействуют с итогом заказа. Сделайте область скидки доступной, не позволяя ей прерывать основной путь оформления заказа. руководство по скидкам по количеству включает пороговые и сверочные случаи.
Следите за успешными, отмененными и неудачными возвратами платежей в тестовой среде. Проверьте, что повторная попытка не создает необъяснимый второй заказ или заряд. Подтвердите окончательное состояние заказа в администрировании, а не полагаясь на формулировку страницы возврата. Отслеживание должно использовать то же самое документированное коммерческое определение; смотрите наш руководство по диагностике события покупки.
Запишите результаты перед тем, как снова изменить макет
Для каждой проблемы запишите устройство, браузер, состояние клиента, выбранные методы и действие, которое ее вызвало. Исправьте и протестируйте эту последовательность. Если вы измеряете завершение оформления заказа, сохраняйте определение измерения и условия согласия последовательными в сравнениях.
Конфигурируемый процесс оформления заказа дает вам возможность улучшить путь, но не заменяет тестирование интеграции. Запросите обзор совместимости, когда пользовательское расширение платежа, доставки или темы изменяет тот же рабочий процесс. Успешный релиз - это тот, где вводы покупателя, окончательная сумма и записанный заказ совпадают.