Оформление заказа не займет много. Типы оформления заказа. Применять активный залог
Цель урока
Разработать часть шаблона служебных форм отвечающую за страницу оформления заказа.
Познакомиться с формами выбора способа оплаты, доставки и анкетой покупателя.
Основная цельОсновная цель страницы оформления заказа - быть заполненной посетителем. Вопросы, с которыми сталкиваются пользователи при заполнении форм:
Вопросы
- С чего начать?
- Заполнить форму легко? И сколько на это понадобится времени?
- Какой способ оплаты/доставки подходит мне?
- Сколько шагов надо пройти до полного заполнения формы?
- Почему я должен заполнять эти поля? Зачем им эти данные?
- Можно ли вам доверять? Моя почта/номер телефон не попадут в руки спамеров?
- Что мне делать после отправки формы?
Давайте посмотрим, с какие задачи решает страница оформления заказа.
Предоставить простой аккуратный макет | Для этого потребуется добавить свободного пространства, а также убрать все лишнее |
Привлечь внимание к полям формы | Для этого мы добавим блоку с полями отличающийся фон и границы вокруг формы |
Убрать ненужные поля | Потребуется определить, какие поля пользователь обязан заполнить, чтобы можно успешно было завершить заказ. Ничего лишнего, что может заставить пользователя оставить страницу оформления заказа |
Преодолеть сомнения посетителей | Можно сообщить о том, что заказ можно будет отменить в любой момент. Или рассказать о преимуществах покупки в вашем магазине: условия гарантии, возврата или доставки |
Применять активный залог | Проведите пользователя через процесс оформления заказа с помощью глаголов в активном залоге. Их можно использовать в заголовках страницы или в пояснении к полям формы заказа |
Указать количество шагов и времени на оформление заказа | Делается это в верхней части страницы, до того, как пользователь перейдет к оформлению |
Теперь решим эти задачи.
Шаблон Предоставить простой аккуратный макетНачнем с самого сложного. Так выглядит страница оформления заказа по умолчанию:
Чтобы упростить вид страницы оформления заказа нам потребуется:
- Оставить в верхней части сайта только логотип и название сайта. Без ссылок
- Изменить содержимое сайдбара. Нам уже не нужно показывать список категорий. Поместим в сайдбаре небольшую справку для тех, кто оформляет заказ и сообщение о том, что можно позвонить, если что-либо не получается
- Упростить нижнюю часть сайта - оставить в ней только copyright системы и сайта