Форма может выглядеть хорошо в макете и оказаться неудобной в момент ввода. На телефоне появляются клавиатура, подсказки браузера и изменение доступной высоты. Поэтому проверять нужно весь процесс, а не только пустые поля.
Начните с минимального набора
Оставьте сведения, без которых невозможно сделать следующий шаг. Если задача формы — договориться о разговоре, подробное описание бюджета и технических требований может подождать. Но для предварительного расчёта отдельные параметры бывают необходимы: сокращайте поля по смыслу, а не ради рекорда.
Разделяйте обязательное и необязательное. Подпись поля должна оставаться понятной после начала ввода. Один только текст внутри пустого поля исчезает, когда человек печатает, и может перестать помогать.
Пройдите форму с открытой клавиатурой
Проверьте, видно ли активное поле, можно ли перейти к следующему и добраться до кнопки отправки. Прокрутите страницу вверх и вниз, поверните устройство, если такой сценарий важен. Повторите проверку с автозаполнением.
Тип поля должен соответствовать ожидаемым данным. Для телефона и электронной почты можно использовать подходящие варианты ввода. При этом жёсткая маска не должна ломать вставку номера или требовать от человека угадывать формат.
Помогите исправить ошибку
Сообщение «Некорректные данные» не объясняет, что делать. Укажите поле и причину, сохраните уже заполненное. Проверьте ситуацию, когда отправка не удалась из-за соединения: пользователь не должен видеть уверенное подтверждение получения заявки.
После успешной отправки покажите понятный результат. Если дальнейший ответ зависит от графика работы, не обещайте моментальный звонок без подтверждённого процесса.
Проверьте не только интерфейс
Отправьте заявку и найдите её там, где сотрудник действительно работает. Повторное нажатие не должно создавать несколько одинаковых обращений. Во время отправки полезно блокировать повторную кнопку, но серверная обработка тоже должна учитывать повтор запроса.
Для приёмки запишите результат на настоящем телефоне: ввод, ошибка, исправление, отправка и получение. Такая короткая проверка часто полезнее ещё одного просмотра статичного дизайна.
Поможем с вашей задачей
Посмотрите подход, состав работ и условия по теме статьи.
