Files
claude-agents-skills/agents/gravl-researcher/incoming/2026-02-28-fitness-ux-best-practices-brief.md
clawd 8cc0dcb167 migrate: consolidate all skills and agents from ~/clawd
- 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
2026-03-01 09:56:30 +01:00

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

  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"