Первый экран
На главной должно быть ясно: что это, куда нажать, как начать и где бесплатно попробовать.
- CTA виден без прокрутки.
- Нижний dock не перекрывает контент.
- Войти/кабинет понятны.
Телефонный дозор
Mobile QA
OmenHall должен ощущаться понятным на телефоне: вопрос, двери, карты, checkout, кабинет, поиск и поддержка.
Если на телефоне нужно рыскать, магия превращается в раздражение.
Гадальный стол
Карты должны нажиматься пальцем без прозрачных следов, наложений и мёртвых зон.
- Можно выбрать все нужные карты.
- Cut deck работает или имеет понятную fallback-кнопку.
- После выбора следующий шаг очевиден.
Checkout и кабинет
Платёж, success/cancel, magic link и архив должны быть читаемыми на маленьком экране.
- Stripe открывается корректно.
- Callback возвращает в сайт.
- Кабинет не требует горизонтального скролла.
checklist
Что проверить
- iPhone Safari проверен.
- Android Chrome проверен.
- Mobile zoom 200% не ломает ключевые формы.
- Reduced motion не лишает смысла.
- Кнопки достаточно крупные для пальца.
красные флаги
Когда остановиться
- Пользователь не понимает, что делать после выбора карт.
- Слова уезжают за экран.
- Bottom dock закрывает кнопку.
- Checkout возвращает на непонятную страницу.
готово, когда
Definition of done
- Новый пользователь может купить тестовый расклад с телефона.
- Можно восстановить доступ с другого устройства.
- Основные пути не требуют объяснения владельца.
связанные двери
Production checklistГлавный список перед включением настоящих пользователей.Stripe test flowCheckout, webhook, paid status, AI, receipt и доступ.ADA auditKeyboard-only, screen reader, contrast, zoom и reduced motion.Как работаетПуть вопроса, метода, печати и свитка.ПоддержкаПотерянные ссылки, платежи, доступность и ошибки.