Дизайн — статьи о сайтах
Форма заявки в кафе — короткий разговор с гостем, который ещё не решил, к вам ли идти. Каждое лишнее поле заставляет его думать и вводить текст с телефона. Каждое недостающее приводит к тому, что администратор перезванивает с уточнениями. Попробуем найти баланс.
Сначала решите, какую заявку принимает форма
Бронь столика на вечер, банкет на тридцать человек и вопрос о доставке обедов в офис требуют разных данных. Если собрать всё в одну форму, гость увидит поля, которые к нему не относятся, и часть людей уйдёт к телефону или в соседнее заведение. Лучше разделить сценарии: короткая форма для брони, расширенная для банкетов и мероприятий, а для остальных вопросов хватит телефона и кнопки мессенджера.
Проверочный вопрос для каждого поля: что администратор сделает с этим ответом? Если ответ «ничего» или «пригодится когда-нибудь», поле лишнее.
Бронь стола: пять обязательных полей
Для подтверждения брони нужны имя, телефон, дата, время и число гостей. Сделайте их удобными:
- дату выбирайте в календаре, где закрытые дни недоступны, а не вписывайте текстом;
- время предлагайте списком слотов в рамках часов работы зала;
- число гостей задавайте кнопками или списком, а для больших компаний добавьте подсказку со ссылкой на форму банкета;
- телефон оформите как поле для номера, чтобы на смартфоне открывалась цифровая клавиатура.
Если у вас есть зал и веранда, добавьте выбор зоны. Если зона не влияет на бронь, поле не нужно.
Банкет и мероприятие: что добавить
Здесь полей больше, но каждое должно помогать подготовить предложение: повод (список), примерная дата, число гостей, удобный способ связи (звонок или мессенджер) и комментарий. Бюджет спрашивайте осторожно: лучше необязательным полем или выбором диапазона. Email нужен, только если вы действительно отправляете меню или расчёт файлом. Если вы звоните, поле можно не включать.
Какие поля лучше убрать или сделать необязательными
- Фамилия и отчество: для брони достаточно имени.
- Адрес, дата рождения, пол: к заявке на стол они отношения не имеют.
- Email «для порядка»: если письма не отправляются, поле только отпугивает.
- Повторный ввод телефона: лучше проверить формат номера сразу и показать понятную подсказку.
- «Как вы о нас узнали»: если вы это не анализируете, уберите; если анализируете, поставьте последним и сделайте необязательным.
Отдельно продумайте согласие на обработку данных: чекбокс и ссылка на политику должны быть заметны и понятны, а формулировку согласуйте со специалистом.
Условный пример: блок «Забронировать стол»
Так может выглядеть фрагмент страницы:
- Заголовок: «Забронировать стол». Под ним: «Администратор перезвонит и подтвердит бронь. Пока подтверждения нет, стол не закреплён».
- Имя — текст, обязательное.
- Телефон — номер, обязательное, с примером формата в подсказке.
- Дата — календарь, прошедшие и выходные для зала дни недоступны.
- Время — список слотов.
- Гостей — от 1 до 8; рядом: «Больше 8 — оставьте заявку на банкет».
- Пожелания — необязательное, подсказка «Например: у окна, детский стул».
- Кнопка: «Отправить заявку на бронь». Рядом: «Или позвоните» и номер, нажатие на который открывает набор.
После отправки вместо пустого «Спасибо» покажите: «Заявка принята: суббота, 19:00, 4 гостя. Мы позвоним на указанный номер». Гость сразу увидит, что данные ушли правильно, и ему не придётся звонить повторно.
Проверочный список перед запуском
- Для брони не больше пяти-шести полей, обязательных не больше пяти.
- Бронь и банкет разделены на две формы.
- Дата и время выбираются из списка, а не вписываются.
- У каждого поля есть подпись, видимая и после начала ввода, а не только внутри поля.
- Ошибки показаны рядом с полем простым языком.
- Форма удобно заполняется с телефона одной рукой.
- Заявки приходят администратору в канал, который он реально смотрит, и кто-то отвечает за ответ гостю.
- Сообщение после отправки повторяет данные заявки.
- Рядом с формой есть телефон на случай, если онлайн-заявка не подходит.
Проверьте форму сами: отправьте тестовую заявку с телефона и посмотрите, что получит администратор. Если после этого приходится что-то уточнять, значит, форме не хватает поля или подсказки.
