Форма заявки от заполнения до обработки
Как сделать удобную и надёжную форму заявки
Время чтения: 4 мин
Подходит для уровня: SYSTEM · Система
Кому подойдёт. Start — при запуске первого сайта; System — фрилансерам, которые получают неполные или теряющиеся обращения.
Содержание
Кому подойдёт: Start — при запуске первого сайта; System — фрилансерам, которые получают неполные или теряющиеся обращения.
Форма заявки должна собрать сведения для следующего шага и подтвердить человеку, что обращение получено. Чем больше вы просите «на всякий случай», тем сложнее начать разговор. Но и форма с одним полем может быть неудачной, если после неё непонятно, как связаться с человеком и что он хочет.
В учебной ситуации посетителя просят указать телефон, почту, должность, размер компании, выручку, бюджет, полный бриф и удобное время созвона. Он пока хотел только уточнить, работает ли специалист с его задачей. Форма требует готовности к покупке раньше, чем страница помогла её сформировать.
Определите порядок обработки заявки
Если вы отвечаете письмом и уточняете задачу, могут понадобиться адрес почты и короткое описание. Если человек бронирует конкретное время, нужен другой набор сведений. Состав полей определяется действием, а не желанием собрать максимально подробную базу.
GOV.UK предлагает для каждого вопроса понимать, зачем нужны данные и как они будут использованы. W3C рекомендует запрашивать необходимую информацию, ясно подписывать поля и помогать исправлять ошибки. Эти принципы применимы и к небольшой форме обращения.
Разделите обязательные и необязательные сведения. Если телефон не нужен для выбранного канала ответа, не делайте его обязательным без причины. Если бюджет пока неизвестен, дайте возможность так и сказать. Не просите прикладывать конфиденциальные документы до согласования подходящего способа передачи.
Объясните поля обычными словами
Вместо «Опишите проблематику проекта» можно написать: «Что хотите сделать и где сейчас возникла трудность?» Рядом добавьте короткий пример, если без него люди затрудняются. Подпись должна оставаться видимой после начала ввода: исчезающий текст внутри поля не заменяет понятного названия.
Кнопка должна соответствовать действию. «Отправить запрос» точнее, чем «Начать проект», если после нажатия ещё предстоит обсуждение. Рядом укажите реальный срок ответа и канал связи. Не создавайте впечатление, что заявка автоматически резервирует дату или подтверждает цену, если это не так.
| Элемент | Что проверить |
|---|---|
| Контакт | Понятно ли, какой канал ответа используется |
| Обязательные поля | Есть ли основание требовать каждое из них |
| Ошибка | Объясняет ли она, что исправить |
| Подтверждение | Видно ли, что обращение получено и что будет дальше |
| Альтернативный контакт | Можно ли связаться, если форма не работает |
Проверьте отправку целиком
Заполните форму с телефона, затем с компьютера. Попробуйте ошибиться в адресе, пропустить обязательное поле и исправить данные. Проверьте управление клавиатурой и видимость текущего поля. Не нужно считать такую проверку полным аудитом доступности, но она помогает найти явные препятствия.
После успешной отправки убедитесь, что заявка появилась в месте, где вы её обрабатываете, а уведомление пришло ответственному. Одной надписи «Спасибо» на сайте недостаточно. Может оказаться, что письмо попадает в спам или передача данных в систему сломана.
Проверьте повторное нажатие: не создаёт ли оно несколько одинаковых заявок. Посмотрите, сохраняется ли введённое при исправлении ошибки. Уточните, что происходит при техническом сбое: человек должен получить понятное сообщение и способ продолжить, а не бесконечный индикатор загрузки.
- Надпись «Спасибо» на сайте ещё не означает, что заявка получена.
- Заявка должна появиться в месте, где её обрабатывают.
- Уведомление должно дойти до ответственного. Письмо может попасть в спам, передача в систему может быть сломана.
Повторное нажатие не должно создавать несколько одинаковых заявок. Такая проверка не является полным аудитом доступности.
Не смешивайте контакт с согласием на всё
Объясните, для чего собираете сведения, и организуйте обработку в соответствии с применимыми правилами о персональных данных. Запрос услуги и подписка на рекламную рассылку — разные действия; не стоит незаметно подменять одно другим. Конкретные тексты и основания обработки зависят от вашей ситуации и юрисдикции.
Для внутреннего учёта назначьте ответственного и порядок обработки. Если вы работаете один, выберите регулярные окна проверки новых обращений и резервный способ уведомления. Самая удобная форма не поможет, если заявки никто не видит несколько дней.
Защиту от автоматического спама проверяйте вместе с удобством для обычного человека. Слишком сложная проверка может блокировать настоящие обращения, а полностью открытая форма — перегрузить вас мусором. Если добавили защиту, повторите тест с телефона и клавиатуры, проверьте сообщение об ошибке и доступность альтернативного контакта. Выбирайте меру под наблюдаемую проблему и следите, не исчезли ли вместе со спамом полезные заявки.
Практическое задание: пройдите путь обычного посетителя и отправьте тестовый запрос с безопасными вымышленными данными. Проверьте не только экран подтверждения, но и получение обращения, уведомление и возможность ответить. Затем удалите каждое поле, для которого не можете назвать конкретное использование на следующем шаге. Сохраните только то, что действительно помогает начать работу.