Headspace App UI Screens & UX Flows Reference | UXMagic

Libraries

Resources

Follow us on:

Mobile App Templates/ Headspace

Headspace

iOS

About the Headspace reference set

The library documents 35 Headspace flows for iOS, 155 screens in all.

Each flow is named for the task it captures and the screen it starts from, so the list below doubles as a map of where things sit in the app.

Flows run from 2 to 21 screens, with a typical one at 4.

5 flows are documented as starting points, with nothing else in the set leading into them.

Flows documented: 35 flows
Screens captured: 155 screens
Longest flow: Onboarding 21 screens
Screens flows branch off: Settings 6 flows
Explore 4 flows
Account subscription 3 flows
Course detail 3 flows
Profile

About our teachers from Course detail

Headspace (iOS) — About our teachers, screen 1 of 3

Headspace (iOS) — About our teachers, screen 2 of 3

Headspace (iOS) — About our teachers, screen 3 of 3

Account subscription from Settings

Headspace (iOS) — Account subscription, screen 1 of 2

Headspace (iOS) — Account subscription, screen 2 of 2

Activity history from Profile

Headspace (iOS) — Activity history, screen 1 of 2

Headspace (iOS) — Activity history, screen 2 of 2

Adding a course to favorites from Course detail

Headspace (iOS) — Adding a course to favorites, screen 1 of 2

Headspace (iOS) — Adding a course to favorites, screen 2 of 2

Canceling a subscription from Account subscription

Headspace (iOS) — Canceling a subscription, screen 1 of 6

Headspace (iOS) — Canceling a subscription, screen 2 of 6

Headspace (iOS) — Canceling a subscription, screen 3 of 6

Headspace (iOS) — Canceling a subscription, screen 4 of 6

Headspace (iOS) — Canceling a subscription, screen 5 of 6

Headspace (iOS) — Canceling a subscription, screen 6 of 6

Changing language from Settings

Headspace (iOS) — Changing language, screen 1 of 4

Headspace (iOS) — Changing language, screen 2 of 4

Headspace (iOS) — Changing language, screen 3 of 4

Headspace (iOS) — Changing language, screen 4 of 4

Collection detail from Explore

Headspace (iOS) — Collection detail, screen 1 of 4

Headspace (iOS) — Collection detail, screen 2 of 4

Headspace (iOS) — Collection detail, screen 3 of 4

Headspace (iOS) — Collection detail, screen 4 of 4

Completing a session from Today

Headspace (iOS) — Completing a session, screen 1 of 4

Headspace (iOS) — Completing a session, screen 2 of 4

Headspace (iOS) — Completing a session, screen 3 of 4

Headspace (iOS) — Completing a session, screen 4 of 4

Course detail from Recent

Headspace (iOS) — Course detail, screen 1 of 4

Headspace (iOS) — Course detail, screen 2 of 4

Headspace (iOS) — Course detail, screen 3 of 4

Headspace (iOS) — Course detail, screen 4 of 4

Deleting an account from Account subscription

Headspace (iOS) — Deleting an account, screen 1 of 3

Headspace (iOS) — Deleting an account, screen 2 of 3

Headspace (iOS) — Deleting an account, screen 3 of 3

Downlading a course from Course detail

Headspace (iOS) — Downlading a course, screen 1 of 3

Headspace (iOS) — Downlading a course, screen 2 of 3

Headspace (iOS) — Downlading a course, screen 3 of 3

Downloads from Settings

Headspace (iOS) — Downloads, screen 1 of 3

Headspace (iOS) — Downloads, screen 2 of 3

Headspace (iOS) — Downloads, screen 3 of 3

Editing last name from Account subscription

Headspace (iOS) — Editing last name, screen 1 of 4

Headspace (iOS) — Editing last name, screen 2 of 4

Headspace (iOS) — Editing last name, screen 3 of 4

Headspace (iOS) — Editing last name, screen 4 of 4

Editing wind down reminder from Turning on bedtime reminders

Headspace (iOS) — Editing wind down reminder, screen 1 of 5

Headspace (iOS) — Editing wind down reminder, screen 2 of 5

Headspace (iOS) — Editing wind down reminder, screen 3 of 5

Headspace (iOS) — Editing wind down reminder, screen 4 of 5

Headspace (iOS) — Editing wind down reminder, screen 5 of 5

Explore from Save

Headspace (iOS) — Explore, screen 1 of 4

Headspace (iOS) — Explore, screen 2 of 4

Headspace (iOS) — Explore, screen 3 of 4

Headspace (iOS) — Explore, screen 4 of 4

Favorites from Today

Headspace (iOS) — Favorites, screen 1 of 3

Headspace (iOS) — Favorites, screen 2 of 3

Headspace (iOS) — Favorites, screen 3 of 3

Featured collection from Explore

Headspace (iOS) — Featured collection, screen 1 of 4

Headspace (iOS) — Featured collection, screen 2 of 4

Headspace (iOS) — Featured collection, screen 3 of 4

Headspace (iOS) — Featured collection, screen 4 of 4

Headspace Guest Pass from Settings

Headspace (iOS) — Headspace Guest Pass, screen 1 of 2

Headspace (iOS) — Headspace Guest Pass, screen 2 of 2

Joining a program from Explore

Headspace (iOS) — Joining a program, screen 1 of 4

Headspace (iOS) — Joining a program, screen 2 of 4

Headspace (iOS) — Joining a program, screen 3 of 4

Headspace (iOS) — Joining a program, screen 4 of 4

Leaving a program from Joining a program

Headspace (iOS) — Leaving a program, screen 1 of 4

Headspace (iOS) — Leaving a program, screen 2 of 4

Headspace (iOS) — Leaving a program, screen 3 of 4

Headspace (iOS) — Leaving a program, screen 4 of 4

Logging in from Save

Headspace (iOS) — Logging in, screen 1 of 5

Headspace (iOS) — Logging in, screen 2 of 5

Headspace (iOS) — Logging in, screen 3 of 5

Headspace (iOS) — Logging in, screen 4 of 5

Headspace (iOS) — Logging in, screen 5 of 5

Logging out from Settings

Headspace (iOS) — Logging out, screen 1 of 3

Headspace (iOS) — Logging out, screen 2 of 3

Headspace (iOS) — Logging out, screen 3 of 3

Notifications from Settings

Headspace (iOS) — Notifications, screen 1 of 2

Headspace (iOS) — Notifications, screen 2 of 2

Onboarding from Save

Headspace (iOS) — Onboarding, screen 1 of 21

Headspace (iOS) — Onboarding, screen 2 of 21

Headspace (iOS) — Onboarding, screen 3 of 21

Headspace (iOS) — Onboarding, screen 4 of 21

Headspace (iOS) — Onboarding, screen 5 of 21

Headspace (iOS) — Onboarding, screen 6 of 21

Headspace (iOS) — Onboarding, screen 7 of 21

Headspace (iOS) — Onboarding, screen 8 of 21

Headspace (iOS) — Onboarding, screen 9 of 21

Headspace (iOS) — Onboarding, screen 10 of 21

Headspace (iOS) — Onboarding, screen 11 of 21

Headspace (iOS) — Onboarding, screen 12 of 21

Headspace (iOS) — Onboarding, screen 13 of 21

Headspace (iOS) — Onboarding, screen 14 of 21

Headspace (iOS) — Onboarding, screen 15 of 21

Headspace (iOS) — Onboarding, screen 16 of 21

Headspace (iOS) — Onboarding, screen 17 of 21

Headspace (iOS) — Onboarding, screen 18 of 21

Headspace (iOS) — Onboarding, screen 19 of 21

Headspace (iOS) — Onboarding, screen 20 of 21

Headspace (iOS) — Onboarding, screen 21 of 21

Playing a podcast from Collection detail

Headspace (iOS) — Playing a podcast, screen 1 of 4

Headspace (iOS) — Playing a podcast, screen 2 of 4

Headspace (iOS) — Playing a podcast, screen 3 of 4

Headspace (iOS) — Playing a podcast, screen 4 of 4

Profile from Save

Recent from Today

Headspace (iOS) — Recent, screen 1 of 2

Headspace (iOS) — Recent, screen 2 of 2

Searching Headspace from Explore

Headspace (iOS) — Searching Headspace, screen 1 of 4

Headspace (iOS) — Searching Headspace, screen 2 of 4

Headspace (iOS) — Searching Headspace, screen 3 of 4

Headspace (iOS) — Searching Headspace, screen 4 of 4

Settings from Profile

Headspace (iOS) — Settings, screen 1 of 3

Headspace (iOS) — Settings, screen 2 of 3

Headspace (iOS) — Settings, screen 3 of 3

Starting a course from Onboarding

Headspace (iOS) — Starting a course, screen 1 of 16

Headspace (iOS) — Starting a course, screen 2 of 16

Headspace (iOS) — Starting a course, screen 3 of 16

Headspace (iOS) — Starting a course, screen 4 of 16

Headspace (iOS) — Starting a course, screen 5 of 16

Headspace (iOS) — Starting a course, screen 6 of 16

Headspace (iOS) — Starting a course, screen 7 of 16

Headspace (iOS) — Starting a course, screen 8 of 16

Headspace (iOS) — Starting a course, screen 9 of 16

Headspace (iOS) — Starting a course, screen 10 of 16

Headspace (iOS) — Starting a course, screen 11 of 16

Headspace (iOS) — Starting a course, screen 12 of 16

Headspace (iOS) — Starting a course, screen 13 of 16

Headspace (iOS) — Starting a course, screen 14 of 16

Headspace (iOS) — Starting a course, screen 15 of 16

Headspace (iOS) — Starting a course, screen 16 of 16

Today from Save

Headspace (iOS) — Today, screen 1 of 3

Headspace (iOS) — Today, screen 2 of 3

Headspace (iOS) — Today, screen 3 of 3

Tracking anxiety levels from Profile

Headspace (iOS) — Tracking anxiety levels, screen 1 of 6

Headspace (iOS) — Tracking anxiety levels, screen 2 of 6

Headspace (iOS) — Tracking anxiety levels, screen 3 of 6

Headspace (iOS) — Tracking anxiety levels, screen 4 of 6

Headspace (iOS) — Tracking anxiety levels, screen 5 of 6

Headspace (iOS) — Tracking anxiety levels, screen 6 of 6

Turning on bedtime reminders from Notifications

Headspace (iOS) — Turning on bedtime reminders, screen 1 of 3

Headspace (iOS) — Turning on bedtime reminders, screen 2 of 3

Headspace (iOS) — Turning on bedtime reminders, screen 3 of 3

Turning on notifications from Notifications

Headspace (iOS) — Turning on notifications, screen 1 of 3

Headspace (iOS) — Turning on notifications, screen 2 of 3

Headspace (iOS) — Turning on notifications, screen 3 of 3

Watching a program video from Joining a program

Headspace (iOS) — Watching a program video, screen 1 of 3

Headspace (iOS) — Watching a program video, screen 2 of 3

Headspace (iOS) — Watching a program video, screen 3 of 3

Widgets from Save

Headspace (iOS) — Widgets, screen 1 of 1