Чек-лист самопроверки

НЕ ОБЯЗАТЕЛЬНОДЛЯ НОВИЧКОВ

Разработчику Аналитику Тестировщику

Чек-лист самопроверки

Визуальные элементы

1. Включает ли цветовая палитра основной, второстепенные, акцентные и нейтральные цвета?
2. Соответствуют ли все HEX-коды заданной палитре и используются ли они последовательно?
3. Выбраны ли шрифты с учётом контекста: serif, sans-serif или monospace?
4. Различаются ли размеры шрифтов для заголовков, основного текста и подписей?
5. Соответствует ли контрастность текста относительно фона стандартам доступности?
6. Понятны ли иконки и символы без пояснений и соответствуют ли они общей стилистике?
7. Не мешают ли фоновые изображения чтению текста и адаптивны ли они под разные разрешения?
8. Реализована ли тема интерфейса (светлая, тёмная, брендированная) полностью и последовательно?

Функциональные элементы

9. Имеют ли все кнопки чёткое назначение и визуально отличаются ли они по типу действия?
10. Поддерживают ли поля ввода валидацию и подсказки?
11. Содержат ли выпадающие списки логичную группировку и не перегружены ли они опциями?
12. Имеют ли слайдеры понятные метки и шаги изменения значения?
13. Чётко ли отображают переключатели (toggle) текущее состояние «вкл/выкл»?
14. Позволяют ли чекбоксы выбрать несколько значений и имеют ли они однозначную маркировку?
15. Организованы ли меню иерархически и отсутствуют ли в них дублирующие пункты?
16. Доступны ли панели навигации на всех ключевых страницах и сохраняется ли их структура?

Навигационные элементы

17. Отображают ли хлебные крошки полный путь до текущей страницы?
18. Реализована ли пагинация для всех списков с большим объёмом данных?
19. Не закрывают ли боковые панели основной контент и легко ли скрываются они на мобильных устройствах?
20. Содержат ли футеры контактную информацию, ссылки на юридические документы и социальные сети?

Элементы обратной связи

21. Исчезают ли уведомления автоматически или имеют ли они кнопку закрытия?
22. Появляются ли подсказки рядом с полями ввода и объясняют ли они формат данных?
23. Не перекрывают ли тултипы другие элементы и содержат ли они краткую информацию?
24. Открывается ли контекстное меню по правому клику и содержит ли оно релевантные действия?
25. Не замедляют ли анимации и переходы взаимодействие и не отвлекают ли они пользователя?
26. Указывают ли сообщения об ошибках на конкретную проблему и предлагают ли решение?
27. Блокируют ли модальные окна фон и требуют ли явного действия от пользователя?
28. Не мешают ли немодальные окна основной работе и могут ли они быть перемещены или свёрнуты?

Принципы UX/UI

29. Следует ли интерфейс принципу согласованности, где одинаковые элементы ведут себя одинаково?
30. Легко ли читается текст благодаря подходящему размеру шрифта, межстрочному интервалу и контрасту?
31. Придерживается ли дизайн минимализма, исключая лишние элементы, отвлекающие от цели?
32. Вызывает ли каждое действие пользователя немедленную обратную связь?
33. Поддерживает ли интерфейс клавиатурную навигацию, скринридеры и достаточный контраст?
34. Масштабируются ли все элементы корректно на мобильных устройствах?
35. Понимает ли пользователь всегда, где он находится и как вернуться назад?
36. Отображаются ли загрузочные состояния и индикаторы прогресса при длительных операциях?
37. Предотвращаются ли ошибки за счёт ограничений ввода и подтверждения действий?
38. Прост ли язык интерфейса, последователен ли он и свободен ли от жаргона?

---