Как проектировать формы так, чтобы пользователь сразу понимал, что заполнять и как исправить ошибку? Вроде бы правило простое: подпись, поле, подсказка, сообщение о проблеме. Но на практике именно формы чаще всего превращаются в источник раздражения — особенно когда ошибка появляется только после отправки или исчезает вместе с введённым текстом.
Интересно обсудить, где лучше показывать валидацию: сразу при вводе, после потери фокуса или только при попытке отправки. Отдельный вопрос — оформление ошибок: достаточно ли красной рамки, нужна ли иконка, стоит ли дублировать проблему текстом рядом с полем. Я стараюсь не использовать сообщения вроде «Неверное значение», а объяснять, что именно исправить: «Введите номер из 10 цифр».
Ещё одна спорная тема — обязательные поля, маски, автозаполнение и сохранение данных при ошибке. Делитесь примерами удачных и неудачных форм: какие решения реально снизили количество ошибок, а какие только перегрузили интерфейс? Особенно интересен опыт с длинными анкетами и формами на мобильных устройствах.
Интересно обсудить, где лучше показывать валидацию: сразу при вводе, после потери фокуса или только при попытке отправки. Отдельный вопрос — оформление ошибок: достаточно ли красной рамки, нужна ли иконка, стоит ли дублировать проблему текстом рядом с полем. Я стараюсь не использовать сообщения вроде «Неверное значение», а объяснять, что именно исправить: «Введите номер из 10 цифр».
Ещё одна спорная тема — обязательные поля, маски, автозаполнение и сохранение данных при ошибке. Делитесь примерами удачных и неудачных форм: какие решения реально снизили количество ошибок, а какие только перегрузили интерфейс? Особенно интересен опыт с длинными анкетами и формами на мобильных устройствах.
Комментарии 7
Обсуждение темы — по порядку