Даже короткую форму можно заполнить неправильно: ввести номер без кода, не понять, что писать в комментарии, получить ошибку без объяснения. Подсказки решают эти проблемы.
Подписи и примеры
- Подпись над полем видна всегда, в отличие от плейсхолдера, который исчезает при вводе.
- Пример формата: «Например, +7 900 000-00-00».
- Подсказка для комментария: «Что нужно сделать, есть ли сайт или фото фасада».
- Пометка необязательных полей словом «необязательно».
Ошибки
- Показывайте ошибку рядом с полем, а не только сверху формы.
- Объясняйте, что исправить: «Введите номер из 10 цифр», а не «Неверный формат».
- Не стирайте введённые данные после ошибки.
- Проверяйте поле после того, как человек его заполнил, а не на каждый символ.
Удобство на телефоне
- Для телефона — цифровая клавиатура.
- Для email — клавиатура с символом @.
- Автозаполнение имени и телефона из браузера.
Сами тексты подписей и кнопок тоже влияют на заявки — читайте «Тексты кнопок и форм: как писать, чтобы оставляли заявку».
Нужна помощь с сайтом?
Расскажите о задаче — подготовим вопросы и предложим следующий шаг.