rf4-spotter/docs/ux-reference-review-2026-09-21.md

UX reference review — 2026-09-21

Reproducible capture

Команда:

node scripts/capture-visual-matrix.mjs \
  --base-url http://127.0.0.1:4321 \
  --output /tmp/rf4-visual-matrix-20260921

Матрица regression-теста текущего прохода: 252 комбинации — 21 маршрут × 4 ширины (320/390/768/1280) × 3 режима (system/light/dark); тест завершился без overflow. Полный standalone capture текущего прохода содержит 252 screenshots, manifest сообщает document overflow: 0. Временный capture не добавляется в репозиторий; его можно воспроизвести командой выше.

Representative manual review

В Chromium вручную просмотрены light/mobile (390 × 844) snapshots для:

• главной страницы — header, hero, карточки точек, empty/long content и footer;
• /status — source cards, legend, status labels и footer;
• /waterbodies/р-вьюнок — breadcrumb, title block, data passport, empty state;
• /spots/vyunok-6331x6332 — activity score, data passport, «Что взять», catches и plan action;
• /plan — empty state, toolbar actions и narrow layout;
• /admin — admin navigation, token form, CTA и footer.

На этих кадрах не обнаружены горизонтальная обрезка, выход контента за viewport, сломанные изображения или потеря читаемого focus/контраста из-за декоративных элементов. Это representative review, а не утверждение production acceptance.

Limits and follow-up

PNG намеренно не добавляются в репозиторий: capture остаётся воспроизводимым внешним артефактом, а долговременное хранение reference-набора требует отдельного решения. Production Lighthouse/CLS/INP и time-to-first-useful-answer также остаются открытыми до пилота.