## Research Brief: Fitness App UX Best Practices & Design Patterns

### Scope
- **Typ:** Användarresearch + UX-design research
- **Djup:** Expert-nivå (grundlig, referensmaterial för hela design-overhaul)
- **Tidsram:** 45-60 min (detta är foundational)

### Frågeställningar
1. Vilka UX-mönster är vedertagna "best practice" i premium fitness-appar?
2. Hur strukturerar man information så användaren inte blir överväldigad?
3. Vad är "good" onboarding — specifikt för fitness? (flow, steg, information)
4. Hur hanterar man motivation/engagement över tid (gamification vs autencitet)?
5. Vad är vanliga UX-fel/missar i fitness-appar (från user research/feedback)?
6. Hur balanserar man "proffsig" känsla med tillgänglighet?
7. Vilka micro-interactions och animationer höjer upplevelsen?
8. Hur designar man för "in the moment"-användning (under träningspass)?

### Fokusområden

#### A. Navigation & Information Architecture
- Tab bar vs hamburger meny vs andra mönster
- Hur hierarchiera man: Dashboard → Program → Workout → Exercise?
- Quick actions och shortcuts
- Deep linking för specifika träningsmoment

#### B. Onboarding Patterns
- Wizard vs conversational vs progressive disclosure
- Hur fångar man riktiga mål och motivationsfaktorer?
- Personalisering — hur mycket frågar man upfront vs lär över tid?
- "Getting started" vs "Getting value" — skillnad i när användare faktiskt börjar

#### C. Workout Experience ("In the moment")
- Exercise display: bilder vs video vs animationer
- Timer/progress: synlig, men inte distraktiv
- Rest-timer och mellanset
- Musik-integration och kontroll
- Haptic feedback och ljud
- "Focus mode" — minska distraktion under pass

#### D. Progress & Motivation
- Dashboard: vad visar man, vad döljer man?
- Data visualization: charts, streaks, personal records
- Celebrations och milestones (utan att vara cheesy)
- Social features: sharing, challenges, leaderboards
- Push notifications: vad fungerar, vad är för mycket?

#### E. Calendar & Scheduling
- Week view vs month view
- Planering av pass: manual vs AI-suggested
- Missed workouts: hur hantera visuellt och psykologiskt?
- Flexibilitet vs struktur

#### F. Design System Elements
- Typography för siffror (vikt, reps, tid)
- Color psychology: energy, calm, achievement
- Spacing and breathing room
- Dark mode considerations
- Accessibility: kontrast, font size, screen reader support

### Källor att undersöka
- **Direct competitors UX:** Nike Training Club, Strong, Hevy, FITBOD (in-app flows)
- **Case studies:** UX design portfolios på Behance, Dribbble
- **Research:** NN/g (Nielsen Norman Group) på mobile UX
- **Articles:** UX Collective, Smashing Magazine (fitness/mobile specific)
- **User feedback:** Reddit r/fitness app threads, App Store reviews analys
- **Design systems:** Material Design, Human Interface Guidelines för health apps

### Output
- Rapport i: `~/clawd/agents/gravl-researcher/reports/2026-02-28-fitness-ux-best-practices.md`
- Format: Standard research template
- Extra: Screenshots/diagram-beskrivningar av key patterns

### Viktigaste insikterna (vad vi ska agera på)
1. Konkreta UX-patterns vi SKA implementera
2. Vanliga mistake att undvika
3. "Minimum viable UX" för launch (vs nice-to-have)
4. Prioritering: vilka flöden är kritiskt viktigast att få rätt?

### Kontext
Gravl gör en design overhaul från "hobby-app med emojis" till "proffsig fitness-app". Vi behöver förstå vad "proffsig" betyder i praktiken — inte bara mörka färger.

PM:en ska använda denna research för att:
- Skriva korrekta tasks till frontend-agenter
- Prioritera features baserat på UX-impact
- Undvika att bygga patterns som redan visat sig vara dåliga

---

**Referenser vi redan har:**
"Inspiration-appar: Nike Training Club, FITBOD, Strong, Hevy"
"Mål: Professionell, atletisk känsla - inte en hobby-app"