67 lines
5.0 KiB
Markdown
67 lines
5.0 KiB
Markdown
# Полный UI/UX-аудит
|
||
|
||
Дата основного аудита: 2026-07-21. Синхронизировано с notification UI: 2026-07-22.
|
||
Production проверен на реальной учётной записи, изменения — на изолированной локальной
|
||
Docker-сборке с фиктивным роутером и длинными тестовыми значениями.
|
||
|
||
## Авторизация и общий каркас
|
||
|
||
- [x] Вход, выход и понятное состояние ошибки авторизации.
|
||
- [x] Личный кабинет, профиль, e-mail, смена пароля и восстановление доступа представлены единообразно.
|
||
- [x] Header, боковая и мобильная навигация, отступы, фокус и зоны нажатия.
|
||
- [x] Loading, empty, offline, reconnecting, forbidden, timeout и server error используют общий визуальный язык.
|
||
- [x] Нет горизонтального overflow или недоступных действий в основном каркасе.
|
||
|
||
## Список и карточка роутера
|
||
|
||
- [x] Поиск, фильтры, обновление и длинные имена/ID/IPv6 не ломают сетку.
|
||
- [x] Статусы online/offline/reconnecting понятны по цвету и тексту.
|
||
- [x] Все шесть вкладок карточки проверены в 4:3 и на телефоне.
|
||
- [x] Широкие таблицы превращаются в карточки либо остаются внутри локального scroll-контейнера.
|
||
- [x] Мобильные действия и нижняя навигация остаются видимыми и доступными.
|
||
|
||
## Облачный LuCI
|
||
|
||
- [x] Верхняя и карточная кнопки используют один сценарий и не зависят от состояния друг друга.
|
||
- [x] Повторное нажатие блокируется на время запроса; открытая вкладка показывает состояние подключения.
|
||
- [x] Проверены starting, offline и expired; backend-тесты покрывают grant, cookie и проксирование.
|
||
- [x] Ошибки 401/403/404/409/429/502/504 имеют понятный текст, возврат в RMM и request ID.
|
||
- [x] Отдельная страница ошибки приведена к стилю кабинета и проверена на телефоне.
|
||
|
||
## Лендинг и motion
|
||
|
||
- [x] Последовательное появление hero без блокировки управления.
|
||
- [x] Scroll-reveal для возможностей, партнёров, безопасности и CTA.
|
||
- [x] Спокойные hover/press-переходы для CTA, навигации и партнёров.
|
||
- [x] Ненавязчивое движение фоновых градиентов без layout shift.
|
||
- [x] `prefers-reduced-motion: reduce` отключает декоративное движение.
|
||
- [x] Контент остаётся видимым при отключённом JavaScript.
|
||
|
||
## Матрица экранов
|
||
|
||
- [x] 1920×1080 — широкий desktop.
|
||
- [x] 1366×768 — ноутбук.
|
||
- [x] 1024×768 — формат 4:3.
|
||
- [x] 768×1024 — tablet portrait.
|
||
- [x] 390×844 — современный телефон.
|
||
- [x] 360×800 — узкий телефон.
|
||
|
||
## Качество
|
||
|
||
- [x] Видимый keyboard focus, логичный tab order и зоны нажатия не меньше 42 px для ключевых действий.
|
||
- [x] Диалоги ограничены viewport, прокручиваются внутри и предсказуемо закрываются.
|
||
- [x] Нет синтаксических ошибок JavaScript и необработанного горизонтального overflow.
|
||
- [x] Go tests/vet, Compose config, Docker build и проверка diff проходят.
|
||
|
||
## Уведомления — новый блок
|
||
|
||
- [x] Персональные настройки e-mail/Telegram и порогов алертов.
|
||
- [x] Warning, critical, resolved, repeat и тестовая отправка.
|
||
- [x] История queued/sent/failed использует только masked destination.
|
||
- [x] Повторить browser matrix нового profile-раздела перед production deploy.
|
||
|
||
## Ограничения production-проверки
|
||
|
||
- Смена пароля и e-mail на production намеренно не выполнялись, чтобы не изменять реальную учётную запись; формы и API покрыты локальной проверкой и автоматическими тестами.
|
||
- Исправления становятся видны на `rmm.daemonlord.ru` после развёртывания нового Docker-образа.
|