rmm-openwrt/UI_AUDIT_CHECKLIST.md

Полный UI/UX-аудит

Дата основного аудита: 2026-07-21. Синхронизировано с notification UI: 2026-07-22. Production проверен на реальной учётной записи, изменения — на изолированной локальной Docker-сборке с фиктивным роутером и длинными тестовыми значениями.

Авторизация и общий каркас

• Вход, выход и понятное состояние ошибки авторизации.
• Личный кабинет, профиль, e-mail, смена пароля и восстановление доступа представлены единообразно.
• Header, боковая и мобильная навигация, отступы, фокус и зоны нажатия.
• Loading, empty, offline, reconnecting, forbidden, timeout и server error используют общий визуальный язык.
• Нет горизонтального overflow или недоступных действий в основном каркасе.

Список и карточка роутера

• Поиск, фильтры, обновление и длинные имена/ID/IPv6 не ломают сетку.
• Статусы online/offline/reconnecting понятны по цвету и тексту.
• Все шесть вкладок карточки проверены в 4:3 и на телефоне.
• Широкие таблицы превращаются в карточки либо остаются внутри локального scroll-контейнера.
• Мобильные действия и нижняя навигация остаются видимыми и доступными.

Облачный LuCI

• Верхняя и карточная кнопки используют один сценарий и не зависят от состояния друг друга.
• Повторное нажатие блокируется на время запроса; открытая вкладка показывает состояние подключения.
• Проверены starting, offline и expired; backend-тесты покрывают grant, cookie и проксирование.
• Ошибки 401/403/404/409/429/502/504 имеют понятный текст, возврат в RMM и request ID.
• Отдельная страница ошибки приведена к стилю кабинета и проверена на телефоне.

Лендинг и motion

• Последовательное появление hero без блокировки управления.
• Scroll-reveal для возможностей, партнёров, безопасности и CTA.
• Спокойные hover/press-переходы для CTA, навигации и партнёров.
• Ненавязчивое движение фоновых градиентов без layout shift.
• prefers-reduced-motion: reduce отключает декоративное движение.
• Контент остаётся видимым при отключённом JavaScript.

Матрица экранов

• 1920×1080 — широкий desktop.
• 1366×768 — ноутбук.
• 1024×768 — формат 4:3.
• 768×1024 — tablet portrait.
• 390×844 — современный телефон.
• 360×800 — узкий телефон.

Качество

• Видимый keyboard focus, логичный tab order и зоны нажатия не меньше 42 px для ключевых действий.
• Диалоги ограничены viewport, прокручиваются внутри и предсказуемо закрываются.
• Нет синтаксических ошибок JavaScript и необработанного горизонтального overflow.
• Go tests/vet, Compose config, Docker build и проверка diff проходят.

Уведомления — новый блок

• Персональные настройки e-mail/Telegram и порогов алертов.
• Warning, critical, resolved, repeat и тестовая отправка.
• История queued/sent/failed использует только masked destination.
• Повторить browser matrix нового profile-раздела перед production deploy.

Ограничения production-проверки

• Смена пароля и e-mail на production намеренно не выполнялись, чтобы не изменять реальную учётную запись; формы и API покрыты локальной проверкой и автоматическими тестами.
• Исправления становятся видны на rmm.daemonlord.ru после развёртывания нового Docker-образа.