Standardize Formplayer UX to feel mobile-first #99
Description
Component
- formulus (React Native mobile app)
- formulus-formplayer (React web app)
- synkronus (Go backend server)
- synkronus-cli (Command-line utility)
- Documentation
- Other (please specify)
Feature Description
Standardize Formplayer UX to feel mobile-first and question-centric, with consistent hierarchy, theming, navigation, and media handling.
Problem Statement
Current experience feels webby and inconsistent: too many questions per screen, weak hierarchy, mixed media patterns, and Material defaults not optimized for mobile survey flows.
Proposed Solution
Introduce a shared question shell, mobile-focused theming, card-based selects, smarter swipe/navigation guardrails, and consistent media presentation across all question types.
Alternatives Considered
Leave current Material defaults and ad-hoc renderer layouts; rejected because it keeps the “web form on a phone” feel and inconsistent hierarchy.
Additional Context
Targets the “one task per screen” mental model common in mobile research tools (e.g., ODK/CommCare). Builds on JSONForms and existing custom renderers.