Дизайн — статьи о сайтах
Форма оформления заказа — место, где посетитель с наполненной корзиной решает, закончить покупку или закрыть вкладку. Заказывают еду обычно с телефона и в спешке, поэтому каждое лишнее поле для него — отдельное препятствие. Разберём, что в форме действительно нужно службе доставки, а что можно убрать или сделать необязательным.
Какие поля нужны, чтобы заказ доехал до клиента
Отправная точка — не «что хотелось бы знать о клиенте», а «что нужно кухне, оператору и курьеру». Базовый набор короткий: телефон, имя, адрес, время доставки и способ оплаты.
Телефон — главное поле. По нему оператор уточняет состав заказа, а курьер связывается с клиентом у подъезда. Имя нужно для обращения, одного поля достаточно: фамилия и отчество курьеру не помогают. Всё остальное проверяйте вопросом: «Что изменится в работе, если этого поля не будет?» Если ничего, поле стоит убрать.
Как устроить поля адреса, чтобы курьер не искал дом по записке
Одна строка «Адрес» провоцирует записи вроде «ленина 5 12 код 45». Курьеру их разбирать неудобно, а оператору приходится перезванивать. Лучше разделить ввод:
- «Улица и дом» — одно поле, желательно с подсказками адресов;
- «Квартира или офис» — обязательное поле, рядом отметка «Частный дом», которая его скрывает;
- «Подъезд», «Этаж», «Домофон» — короткие необязательные поля в одну строку.
Город подставьте заранее, если работаете в одном. Зону доставки проверяйте сразу после ввода адреса, а не после нажатия «Оформить». Иначе человек заполнит всю форму и только в конце узнает, что вы к нему не ездите.
Время и оплата: выбор вместо свободного текста
Для времени достаточно переключателя: «Как можно скорее» (по умолчанию) и «К определённому времени» с выпадающим списком слотов. Слоты стоит считать с учётом времени приготовления и загрузки кухни, иначе клиент выберет время, которое вы не сможете выдержать.
Оплату тоже делайте переключателем: онлайн, картой курьеру, наличными. Поле «Подготовить сдачу с…» показывайте только после выбора наличных. Так форма остаётся короткой, а нужные уточнения появляются там, где они уместны.
Что убрать или сделать необязательным
- Фамилию, отчество, дату рождения, пол — для доставки они не нужны.
- Повторный ввод телефона или почты — лучше проверять формат на лету.
- Обязательную регистрацию с паролем — предложите создать аккаунт после оформления заказа.
- Электронную почту — оставляйте обязательной, только если она нужна для чека при онлайн-оплате (уточните у вашего платёжного провайдера). Иначе сделайте поле необязательным.
- Выбор города, если вы работаете в одном.
А вот два поля для еды полезны: «Количество приборов» (по умолчанию 1 или 2) и один необязательный «Комментарий» с подсказкой-примером, например «Не звонить в домофон, оставить у двери». Отдельная отметка «Бесконтактная доставка» избавит оператора от лишних уточнений.
Условный пример: как может выглядеть форма
Фрагмент для вымышленной службы доставки, звёздочкой отмечены обязательные поля:
- Контакты: Телефон* (цифровая клавиатура на смартфоне), Имя*.
- Адрес: Улица и дом* (с подсказками), Квартира* и отметка «Частный дом», Подъезд, Этаж, Домофон.
- Когда привезти: «Как можно скорее» / «К времени» со списком слотов.
- Оплата: Онлайн / Картой курьеру / Наличными (после выбора появляется «Сдача с…»).
- Дополнительно: Приборы (по умолчанию 1), отметка «Оставить у двери», Комментарий.
- Кнопка: «Оформить заказ», рядом итог с учётом стоимости доставки.
Итого пять обязательных полей. Остальное либо необязательно, либо появляется по ситуации.
Технические мелочи, из-за которых форму бросают
Даже удачный набор полей испортят недочёты в работе формы. Проверьте, что поле телефона вызывает цифровую клавиатуру, а браузер умеет подставлять имя и адрес. Сообщение об ошибке должно появляться рядом с полем, а при неудачной отправке введённые данные не должны пропадать. Стоимость доставки покажите до последнего шага: неожиданная прибавка к сумме отпугивает сильнее длинной формы. Текст согласия на обработку персональных данных и порядок его показа согласуйте с юристом.
Проверочный список перед запуском формы
- Для каждого поля понятно, кто и как использует это значение.
- Обязательных полей не больше пяти-шести.
- Адрес разбит на логичные части, зона доставки проверяется сразу.
- Время и оплата выбираются переключателями, а не пишутся текстом.
- Уточняющие поля, например «Сдача с…», появляются только при необходимости.
- Регистрация не мешает оформить заказ.
- Форма проверена на смартфоне: клавиатура, автозаполнение, видимость кнопки.
- Итоговая сумма с доставкой видна до нажатия кнопки.
- Тестовый заказ дошёл до оператора со всеми данными в понятном виде.
