Помогает правильно вводить и исправлять ошибки прямо в информационном поле.
Прогресс проверки
Сравните информацию и представление в контексте использования.
Попробуйте выполнить операцию, измените статус и продолжайте работу.
Проверьте конкретные ситуации при начале, изменении и завершении задачи.
Прогресс автоматически сохраняется в этом браузере.
РЕКОМЕНДАЦИИ
Отправьте форму с отсутствующей ячейкой, а затем отредактируйте ее с помощью клавиатуры. Держите метку на виду, опишите запрос перед его вводом и разместите ошибку достаточно близко, чтобы точно знать, какие поля необходимо исправить.
ПРИМЕРЫ
Поле с надписью «Электронная почта» и ошибка «Введите адрес электронной почты как name@vidu.com»; Только что введенный контент сохраняется для того, чтобы пользователь мог редактировать один символ.
Обводка отделяет поле от фона; содержимое и курсор видны в обеих темах.
Проверьте фокус, автозаполнение и увеличенный текст: обводка не должна перекрывать текст или менять размеры.
Пример При фокусе обводка поля почты становится заметнее без изменения высоты строки.
Подпись сохраняется после ввода, а инструкция объясняет формат или необходимые условия.
Введите данные и снова прочитайте название поля программой экранного доступа: подпись и пояснение должны оставаться правильно связанными.
Пример Под полем «Номер заказа» находится пояснение «Например: DZ-2048».
Различайте иллюстративные значки и действия, например показ пароля или очистку запроса.
Перемещайтесь клавишей Tab между полем и дополнительной кнопкой: действие должно иметь понятное название и не удалять данные неожиданно.
Пример Лупа декоративна; кнопка очистки поиска имеет подпись и получает фокус.
Определяйте пустое, заполненное, сфокусированное, доступное только для чтения, отключённое и ошибочное состояния по единым правилам.
Исправьте ввод после ошибки: сообщение должно обновиться вовремя, а данные — сохраниться.
Пример Код подтверждения в поле readonly можно скопировать; во время отправки поле показывает ожидание.
Выбирайте размер поля по плотности интерфейса, сохраняя удобные размер текста и область касания.
Проверьте компактное поле в таблице и крупное на мобильном экране: текст не должен обрезаться по высоте.
Пример В панели управления используется компактный фильтр, а на экране входа — более высокое поле.
Используйте несколько строк только для соответствующего содержимого, явно показывая прокрутку и ограничения.
Вставьте длинный абзац и откройте клавиатуру: место ввода и кнопка отправки должны оставаться видимыми.
Пример Поле обратной связи растёт вместе с текстом до заданного предела, затем прокручивается внутри.
