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
3.8 KiB
3.8 KiB
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
- Vilka UX-mönster är vedertagna "best practice" i premium fitness-appar?
- Hur strukturerar man information så användaren inte blir överväldigad?
- Vad är "good" onboarding — specifikt för fitness? (flow, steg, information)
- Hur hanterar man motivation/engagement över tid (gamification vs autencitet)?
- Vad är vanliga UX-fel/missar i fitness-appar (från user research/feedback)?
- Hur balanserar man "proffsig" känsla med tillgänglighet?
- Vilka micro-interactions och animationer höjer upplevelsen?
- 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å)
- Konkreta UX-patterns vi SKA implementera
- Vanliga mistake att undvika
- "Minimum viable UX" för launch (vs nice-to-have)
- 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"