Разделите название и пример
Название объясняет, какие сведения вводятся. Пример показывает формат, если он неочевиден. У поля с датой это разные задачи. Не используйте один исчезающий текст одновременно как подпись, ограничение и образец. Посетитель должен иметь возможность проверить ввод, не стирая уже набранное значение ради повторного чтения подсказки.
В условной заявке на замер поля «ширина» и «высота» могут содержать одинаковые числа. Без постоянных подписей легко перепутать значения. Укажите единицы рядом и сохраните их видимыми после ввода. Если допускается приблизительное значение, объясните это отдельно. Человек не должен угадывать точность, которую исполнитель ожидает получить на первом этапе общения.
Текстовое пояснение схемы
- Подпись. Что вводить
- Пример. Как записать
- Единица. В чём измеряется
Проверьте связь подписи с полем
Видимого текста рядом недостаточно, если он не связан с соответствующим элементом для вспомогательных технологий. W3C рекомендует корректно обозначать элементы формы; для обычных полей часто используется связанный label. Попросите разработчика проверить эту связь, а не просто добавить надпись декоративным блоком над всей группой.
Обязательность поля и пояснение ошибки также должны оставаться понятными. Звёздочка без расшифровки не всегда объясняет правило. Не подменяйте подпись длинной инструкцией, которую приходится читать целиком перед каждым полем. Сначала краткое название, затем нужное уточнение. Внешний вид должен помогать отличать введённые данные от подсказки, а не делать оба текста одинаково бледными.
Пройдите заполнение в сложных состояниях
Проверьте форму после автозаполнения, возврата назад, неверного значения и открытия клавиатуры на телефоне. Подписи не должны накладываться на содержимое или исчезать после ошибки. Если используется плавающая подпись, оцените не только красивый переход, но и конечную читаемость в заполненном состоянии.
Дайте человеку задачу заполнить форму и затем перепроверить её без отправки. Может ли он назвать смысл каждого значения? Если приходится очищать поля, проблема осталась. Исправление названий не требует усложнять анкету или добавлять новые вопросы. Наоборот, оно помогает сделать существующий набор понятным. После доработки убедитесь, что данные отправляются в правильные поля и подписи на сайте совпадают с названиями, которые видит принимающий сотрудник.
Текстовое пояснение схемы
- Заполнено. Названия остаются видны
- Ошибка. Понятно, что исправить
- Телефон. Клавиатура не скрывает смысл
Что взять в работу
- Сохраняйте название поля видимым после ввода.
- Разделяйте подпись, единицы и пример формата.
- Проверяйте заполненное состояние, ошибки и автозаполнение.
Источники и уточнения
Внешние факты сверены по указанным материалам 20 сентября 2026 года. Примеры и критерии выбора в статье — практические рекомендации, а не обещание результата.
Обсудим вашу задачу?
Пришлите сайт или опишите ситуацию. Начнём с того, какой результат вам нужен.
Telegram
VK