Не помечены звёздочкой* обязательные для заполнения поля

На странице оформления заказа отсутствует явная маркировка обязательных полей. Пользователь не понимает, где остановиться, а где можно пройти мимо. Появляется лишнее гадание и последовательность действий строится по принципу «попробовать и увидеть ошибку».

Ошибки всплывают поздно, чаще после нажатия кнопки «Оформить». Приходится возвращаться, искать проблемные поля взглядом, прокручивать страницу и распутывать цепочку подсказок. Время на задачу растёт, эмоциональный фон ухудшается, часть пользователей покидает корзину.

На мобильных устройствах проблема усиливается. Экран узкий, подсказки и ошибки прячутся за клавиатурой. Переходы по полям неудобны, а визуальные акценты теряются. Возникают повторные попытки и избыточные касания.

Пользователи с опытом не тратят время на заполнение всего подряд: пропускают потенциально необязательные блоки и сталкиваются с блокировкой отправки. Новые пользователи теряют доверие: «Если не видно правил, что ещё скрыто?». Для части аудитории с особыми потребностями непонятно, какие поля критичны: отсутствуют словесные маркеры и семантические признаки в интерфейсе.

В результате растёт доля незавершённых заказов, увеличивается нагрузка на поддержку, а данные поступают с ошибками формата.

Когда проблема критична, а когда нет

Критична:

• Маркетплейсы и интернет-магазины с длинной формой (доставка, оплата, документы).
• Финансы, страхование, медицина, госуслуги: много полей и юридические ограничения.
• Мобильный трафик, особенно с медленным интернетом и маленькими экранами.
• Первый заказ, гость без автозаполнения, новая аудитория.
• Акции с ограниченным временем: каждый лишний шаг повышает отвал.

Некритична:

• One-click покупка с минимумом полей (телефон и адрес) и автозаполнением.
• Повторные заказы в личном кабинете, когда данные уже сохранены.
• Простые цифровые сервисы с 1–2 полями и мгновенной проверкой.
• B2B-порталы с обученной аудиторией, где форма заполняется по регламенту.
• Внутренние формы для сотрудников с инструкцией и контролем качества.

Открытый вопрос для UX-исследователей

Как люди понимают на этой странице, какие поля обязательны, какие — нет, и что с ними происходит от момента первого взгляда на форму до попытки отправить заказ, когда появляются ошибки?

Возможное решение проблемы

• Определите минимальный набор данных. Уберите лишние поля. Чем меньше обязательного — тем выше завершение заказа.
• Пометьте обязательные поля звёздочкой и словом «обязательно». У необязательных поставьте «необязательно». Объясните правило один раз над формой.
• Проверяйте данные по мере ввода. Показывайте формат и пример прямо в поле. Не заставляйте угадывать.
• Ошибку показывайте рядом с полем, кратко и по делу. Подсветите рамку и текст. Перемещайте фокус к первой ошибке. Дайте сводку ошибок над формой с якорями к полям.
• Не блокируйте ввод. Не прячьте подсказки. Не ругайтесь общими фразами. Пишите понятным языком.
• Сделайте доступность: aria-required, описания для скринридеров, достаточный контраст, большие тапы. На мобильном вызывайте нужную клавиатуру для телефона и индекса.
• Соблюдайте единый паттерн пометки полей на всём сайте. Локализуйте форматы для страны. Проверьте крайние случаи: длинные ФИО, разные индексы, альтернативные телефоны.
• Подключите аналитику: события ошибок по полям, точки выхода, время на заполнение. Зафиксируйте правила в дизайн-системе.

Примеры гипотез для роста конверсии

• Если добавить звёздочку и подпись «обязательно» ко всем критичным полям, то конверсия в успешное оформление может увеличиться за счёт того, что пользователь сразу понимает правила формы.
• Если включить покомпонентную проверку полей с подсказками формата, то конверсия в переход к оплате может увеличиться за счёт снижения поздних ошибок при отправке.
• Если показать сводку ошибок над формой с якорями на поля, то конверсия в исправление и повторную отправку может увеличиться за счёт быстрого навигационного пути к проблемам.