Принимайте решения целенаправленно, а завершающие линии легко найти.
Пунктов проверки: 6 · Групп: 2
Содержание чек-листа
Прогресс проверки
01
Структура и значение
Сравните информацию и представление в контексте использования.
02
Взаимодействие и удобство использования
Попробуйте выполнить операцию, измените статус и продолжайте работу.
Прогресс автоматически сохраняется в этом браузере.
РЕКОМЕНДАЦИИ
Как проверять
01
Проверьте положение фокуса при открытии и закрытии
Откройте диалоговое окно с помощью клавиатуры, пройдитесь по всем элементам управления, затем закройте его. Сохраняйте фокус в диалоговом окне; при закрытии возвращает открытый узел и сохраняет контекст.
ПРИМЕРЫ
Примеры использования
Подтвердить удаление черновика
Диалоговое окно называет черновик и имеет «Сохранить черновик», «Удалить черновик»; После отмены фокус возвращается к исходной кнопке удаления.
Варианты и сценарии использования
Действия в диалоге
Главное действие, отмена и опасные операции должны иметь подписи, объясняющие результат.
Прочитайте каждую кнопку отдельно: должно быть ясно, сохраняются данные или удаляются.
Пример Диалог подтверждения содержит кнопки «Удалить черновик» и «Оставить черновик».
DucDZВаш проект
Сохранить изменения?
Проверьте содержимое перед подтверждением.
Закрытие и возврат
Объясняйте условия закрытия, сохраняйте нужные данные и возвращайте фокус к элементу открытия.
Закройте диалог кнопкой, клавишей Escape и нажатием на фон, если это разрешено: результат должен быть одинаковым.
Пример Закройте поиск с введённым запросом клавишей Escape: фокус возвращается к кнопке поиска.
DucDZВаш проект
Сохранить изменения?
Проверьте содержимое перед подтверждением.
Диалог на небольшом экране
Заголовок, прокручиваемое содержимое и кнопки должны оставаться видимыми даже при открытой клавиатуре.
Проверьте экран шириной 320px и увеличение текста до 200%: подтверждение должно быть доступно без горизонтальной прокрутки.
Пример На мобильном устройстве редактирование профиля открывается на весь экран.
