Stride daily workout flow map: 11 screens and 14 transitions across browse, detail, countdown, in-workout, and complete states, with explicit branches for loading, empty, paywall, paused, error, and share, annotated against tap targets, haptics, motion, and accessibility

Stride: Daily Workout

Client
Concept consumer fitness app (studio brief)
Year
2026
Role
Product UI/UX

A daily-workout flow designed end to end. 11 screens, 14 transitions, every edge state documented before the happy path was finished.

Context

Edge states as the brief, happy path as the bonus. A daily-workout flow where every screen is annotated against tap target, loading threshold, haptic, error recovery, accessibility, and motion budget before it ships.

Approach

Flow mapped from Browse through Complete, with six explicit branches: skeleton load, empty state, paywall, paused, no-connection retry, and share sheet. Annotations layered for 44pt minimum tap targets, 1.2s skeleton / 2.5s empty timeout, haptic feedback on CTA and complete, an auto-retry-then-manual error model, VoiceOver labels and dynamic type at 4.5:1 contrast, and spring 0.4s motion that respects the OS reduced-motion setting.

Designed to test

A daily-workout flow where the failure paths (paywall, no connection, paused, empty) feel as deliberate as the happy path. No screen ships without a tap target, a haptic, a contrast pair, and a motion budget on it.

What good looks like

Good looks like: task completion under 90 seconds median for the canonical flow. Zero VoiceOver dead-ends on any screen. Every edge state reachable in two taps. Motion respects reduced-motion on iOS and Android. The annotate-everything practice carries through to the build, not just the spec.

Selected screens

Stride: title row plus the first stages of the daily-workout flow: Browse list and workout Detail screen.
Stride: middle and end of the flow: Countdown, In-Workout timer, and Complete summary with stats.
Stride: edge state branches under Browse: loading skeleton (1.2s) and empty state (2.5s timeout).
Stride: edge states under In-Workout and Complete: paused, no-connection auto-retry, and share sheet.
Stride: central flow zoom: Detail to Countdown to In-Workout sequence with the paywall branch off Countdown.
Stride: annotations strip. Tap targets, loading state, haptic, error handling, accessibility, and motion. Every screen documented to the same depth.

Next project

Halden: A Quiet Hotel

Or start one like this

See the packages