clawd
8cc0dcb167
- Moved 4 skills: browser-testing, claude-multimedia, exa-search, gravl-research - Moved 14 agents: architect, backend-dev, browser-tester, coach, data, flight, frontend-dev, gravl-pm, gravl-researcher, nutritionist, research, reviewer, staging, update - Created symlinks from ~/clawd/skills and ~/clawd/agents back to hub - Single source of truth in claude-agents-skills repo
92 lines
3.8 KiB
Markdown
92 lines
3.8 KiB
Markdown
## 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"
|