Чек-лист самопроверки
Чек-лист самопроверки
Визуальные элементы
- Цветовая палитра включает основной, второстепенные, акцентные и нейтральные цвета.
- Все HEX-коды соответствуют заданной палитре и используются последовательно.
- Шрифты выбраны с учётом контекста: serif, sans-serif или monospace.
- Размеры шрифтов различаются для заголовков, основного текста и подписей.
- Контрастность текста относительно фона соответствует стандартам доступности.
- Иконки и символы понятны без пояснений и соответствуют общей стилистике.
- Фоновые изображения не мешают чтению текста и адаптивны под разные разрешения.
- Тема интерфейса (светлая, тёмная, брендированная) реализована полностью и последовательно.
Функциональные элементы
- Все кнопки имеют чёткое назначение и визуально отличаются по типу действия.
- Поля ввода поддерживают валидацию и подсказки.
- Выпадающие списки содержат логичную группировку и не перегружены опциями.
- Слайдеры имеют понятные метки и шаги изменения значения.
- Переключатели (toggle) чётко отображают текущее состояние «вкл/выкл».
- Чекбоксы позволяют выбрать несколько значений и имеют однозначную маркировку.
- Меню организованы иерархически и не содержат дублирующих пунктов.
- Панели навигации доступны на всех ключевых страницах и сохраняют структуру.
Навигационные элементы
- Хлебные крошки отображают полный путь до текущей страницы.
- Пагинация реализована для всех списков с большим объёмом данных.
- Боковые панели не закрывают основной контент и легко скрываются на мобильных устройствах.
- Футеры содержат контактную информацию, ссылки на юридические документы и социальные сети.
Элементы обратной связи
- Уведомления исчезают автоматически или имеют кнопку закрытия.
- Подсказки появляются рядом с полями ввода и объясняют формат данных.
- Тултипы не перекрывают другие элементы и содержат краткую информацию.
- Контекстное меню открывается по правому клику и содержит релевантные действия.
- Анимации и переходы не замедляют взаимодействие и не отвлекают пользователя.
- Сообщения об ошибках указывают на конкретную проблему и предлагают решение.
- Модальные окна блокируют фон и требуют явного действия от пользователя.
- Немодальные окна не мешают основной работе и могут быть перемещены или свёрнуты.
Принципы UX/UI
- Интерфейс следует принципу согласованности: одинаковые элементы ведут себя одинаково.
- Текст легко читается благодаря подходящему размеру шрифта, межстрочному интервалу и контрасту.
- Дизайн придерживается минимализма: нет лишних элементов, отвлекающих от цели.
- Каждое действие пользователя вызывает немедленную обратную связь.
- Интерфейс доступен: поддерживает клавиатурную навигацию, скринридеры и достаточный контраст.
- Все элементы масштабируются корректно на мобильных устройствах.
- Пользователь всегда понимает, где он находится и как вернуться назад.
- Загрузочные состояния и индикаторы прогресса отображаются при длительных операциях.
- Ошибки предотвращаются за счёт ограничений ввода и подтверждения действий.
- Язык интерфейса прост, последователен и свободен от жаргона.