Дизайн — статьи о сайтах
В магазине электроники покупатель часто сравнивает несколько предложений в соседних вкладках. Он открыл вашу карточку, увидел кнопку заказа и столкнулся с формой из десяти полей. Вполне вероятно, что он закроет вкладку и оформит заказ там, где проще. Поэтому состав полей стоит определять по задаче: что нужно, чтобы менеджер связался с человеком и довёл сделку до конца.
Что нужно менеджеру для первого контакта
Спросите сотрудников, которые принимают заявки, что они делают в первую минуту разговора. Обычно это три действия: узнают, как обращаться к клиенту, подтверждают наличие и срок, уточняют способ получения. Для первых двух форме достаточно имени и телефона. Остальное выясняется в разговоре быстрее, чем заполняется на экране, особенно со смартфона.
Исключение составляет полноценное оформление в корзине, когда клиент платит без звонка. Там нужны данные для доставки и оплаты. Но и этот шаг лучше разделить на блоки: контакты, получение, оплата.
Обязательные поля: телефон и как к вам обращаться
Телефон нужен почти всегда. Сделайте для него поле с правильным типом ввода, чтобы на мобильном открывалась цифровая клавиатура, и подскажите формат в примере внутри поля. Имя можно оставить одной строкой без разделения на фамилию и отчество. Если вы готовы принимать заявки без имени, пометьте поле необязательным.
Электронная почта нужна не всегда. Если подтверждение заказа и данные о нём вы отправляете письмом, оставьте поле и объясните, зачем оно. Если связываетесь только по телефону, почту можно убрать или сделать необязательной.
Поля, которые чаще всего оказываются лишними
- Отчество, дата рождения, пол: для обработки заказа на технику они не нужны.
- Полный адрес в быстрой заявке: его можно уточнить по телефону, а в корзине показывать только после выбора доставки.
- «Как вы узнали о нас»: источник посетителя лучше смотреть в системе веб-аналитики, а не спрашивать у покупателя.
- Повторный ввод телефона или почты: лучше проверить формат и показать понятную подсказку.
- Капча с трудно читаемыми символами: от спама надёжнее скрытое поле-ловушка и проверка на стороне сервера.
Пример: форма «Купить в один клик» в карточке товара
Условный фрагмент карточки смартфона. Под ценой и статусом наличия расположен блок:
- заголовок: «Закажите звонок — уточним наличие и доставку»;
- поле «Телефон» с примером «+7 900 000-00-00» (обязательное);
- поле «Имя» (необязательное);
- поле «Комментарий» в одну строку, например «Нужен чехол к этой модели» (необязательное);
- кнопка «Жду звонка»;
- под кнопкой строка: «Звоним в рабочее время, ответим в течение указанного срока».
Название и артикул товара передаются скрытым полем, чтобы менеджер видел, о какой модели речь, и покупателю не приходилось её описывать. Если у магазина несколько пунктов выдачи, добавьте выбор города или точки, но только тогда, когда от этого зависят наличие и сроки. Срок ответа в подписи вы указываете только тот, который действительно соблюдаете.
Как не потерять заявку после нажатия кнопки
Важно не только какие поля есть, но и что происходит при ошибке. Проверьте несколько вещей. Если телефон введён неверно, сообщение об этом должно появиться рядом с полем, а введённые данные не должны пропадать. После отправки покажите на странице понятное подтверждение: «Заявка на такой-то товар принята», а не просто обновлённую страницу. Убедитесь, что заявка приходит менеджеру на почту или в учётную систему и что при сбое отправки пользователь увидит сообщение, а не тишину. Настройте в аналитике цель на отправку формы: так видно, на каких страницах заявки оставляют чаще.
Если на сайте собирают персональные данные, рядом с кнопкой обычно размещают пояснение об их обработке. Формулировку согласуйте с юристом организации.
Проверочный список для вашей формы
- Для каждого поля есть ответ на вопрос: что менеджер сделает с этими данными в первом разговоре?
- Обязательных полей не больше двух-трёх.
- У телефона правильный тип ввода и пример формата.
- Название товара передаётся автоматически.
- Поля доставки появляются только при выборе доставки.
- Ошибки показаны у поля, введённые данные сохраняются.
- После отправки пользователь видит подтверждение.
- Тестовая заявка доходит до сотрудника, который её обработает.
- Форма проверена на смартфоне: кнопка видна без лишней прокрутки, поля не перекрыты клавиатурой.
Лучший способ проверки такой: пройдите форму сами на телефоне, засекая время. Затем уберите поле, без которого менеджер может обойтись, и сравните число заявок за одинаковые периоды.
