Чек-лист формы заказа

1. Дизайн

1.1. Вся форма помещается на один экран

1.2. Светлый фон, читаемый шрифт

1.3. Границы формы

1.4. Достаточно пустого пространства - читаемость

1.5. Продумать поле для ввода промокода, тк его наличие мотивирует уйти с сайта для поиска кода

1.6. Мин кликов и движений

1.7. Цветные поля

1.8. Стрелки

1.9. Прогресс бар

1.9.1. Обозначен текущий шаг

1.9.2. Видно общее число шагов

1.10. Сохранить фирм. стиль

1.11. Изображение и название товара

1.11.1. В корзине ведут на стр описания

1.11.2. Видны на всех шагах оформления заказа

1.12. Возможность редактировать корзину

2. Регистрация

2.1. Убедиться, что она вам точно нужна

2.2. Предлагаем только после оплаты или оформления заказа

2.3. Используем открытые символы пароля вместо подтверждения

2.4. Всегда запоминаем клиента

2.5. Постараться не использовать слова "регистрация" и "авторизация"

3. Текст, подсказки и сообщения

3.1. Инфо о доставке и гарантии возврата известны как можно раньше и видны на странице оформления

3.2. Гарантия безопасности данных и платежей

3.3. Подписи в активном залоге

3.4. Всплывающие при наведении подсказки

3.5. Контактная информация на странице оформления заказа

3.6. Во всех ошибках или глюках всегда виновата система, а не пользователь

4. Страница "Спасибо за заказ"

4.1. После подтверждения заказа пишем, что произойдет дальше. Пр.: Вам перезвонит менеджер в течение 10 минут. Не обещать невозможного (в выходные меняем время "10 минут" на "в понедельник утром")

4.2. Предлагаем добавить сопутствующие товары в оформленный заказ

4.3. Предлагаем подписаться на рассылку, автоматически подставляя e-mail

4.4. Предложение регистрации

4.5. Ссылки на материалы по тематике купленного товара

4.6. Предлагаем похвастаться покупкой в соц. сетях.

4.7. Спросить совета по улучшению сайта

5. Кнопки

5.1. Крупные

5.2. Выглядят как кнопки

5.3. Содержат CTA

5.3.1. Используем название следующего шага. Пр.: Выбрать способ доставки

5.4. На видном месте

5.4.1. Там, где их ищут

5.4.2. Над "сгибом"

5.4.3. В самом конце страницы

5.5. Выделить важность при помощи оформления и расположения

5.6. Кнопка "Подтвердить заказ" на цветной плашке

5.6.1. Плашка обозначает конец формы и подчеркивает главную кнопку

5.7. Кнопка перехода на след. шаг всегда справа, кнопка "назад" - слева

5.7.1. Кнопка перехода на след. шаг ярче и крупнее

6. Простота

6.1. Ясность этапов и простота перехода важнее кол-ва этапов

6.2. Небольшая длина каждого шага

6.3. Заказ в один клик (спрашиваем телефон)

6.4. При ошибках правильно введенные данные не исчезают. Явно указываем, какие поля заполнены неверно.

7. Поля ввода

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

7.1.1. Если поле необязательно для заполнения, уберите его из формы или дайте понять, чем может быть полезно его заполнение.

7.1.2. Выделяем звездочками обязательные поля

7.2. Наиболее частые ответы уже выбраны по умолчанию

7.2.1. Город

7.2.2. Способы доставки и оплаты

7.3. Не требовать вводить текст в строго определенном формате

7.4. Объяснить, зачем нужна запрашиваемая информация

7.5. Не заставлять несколько раз вводить адрес

7.6. Чекбокс

7.7. Выбиралка города

7.8. Номер телефона

7.9. Подписи в формах без двоеточия

7.10. На первом шаге спрашиваем имя, e-mail и телефон

7.10.1. Включаем сохранение форм, чтобы работать с брошенными корзинами

7.11. Контентнозависимая форма

7.12. Фамилия и имя - одно поле