Khan-Academy App UI Screens & UX Flows Reference | UXMagic

Libraries

Resources

Follow us on:

Mobile App Templates/ Khan-Academy

Khan-Academy

iOS

About the Khan-Academy reference set

The library documents 11 Khan-Academy flows for iOS, 106 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 3 to 48 screens, with a typical one at 4.

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

Flows documented: 11 flows
Screens captured: 106 screens
Longest flow: Taking quizzes and challenges 48 screens
Screens flows branch off: Course detail 3 flows
Where the set starts: Settings, Choosing courses, Browsing Khan Academy, Filtering search results

Bookmarks from Download flow

Khan-Academy (iOS) — Bookmarks, screen 1 of 1

Browsing Khan Academy from Search

Khan-Academy (iOS) — Browsing Khan Academy, screen 1 of 4

Khan-Academy (iOS) — Browsing Khan Academy, screen 2 of 4

Khan-Academy (iOS) — Browsing Khan Academy, screen 3 of 4

Khan-Academy (iOS) — Browsing Khan Academy, screen 4 of 4

Choosing courses from Download flow

Khan-Academy (iOS) — Choosing courses, screen 1 of 9

Khan-Academy (iOS) — Choosing courses, screen 2 of 9

Khan-Academy (iOS) — Choosing courses, screen 3 of 9

Khan-Academy (iOS) — Choosing courses, screen 4 of 9

Khan-Academy (iOS) — Choosing courses, screen 5 of 9

Khan-Academy (iOS) — Choosing courses, screen 6 of 9

Khan-Academy (iOS) — Choosing courses, screen 7 of 9

Khan-Academy (iOS) — Choosing courses, screen 8 of 9

Khan-Academy (iOS) — Choosing courses, screen 9 of 9

Course detail from Home

Khan-Academy (iOS) — Course detail, screen 1 of 9

Khan-Academy (iOS) — Course detail, screen 2 of 9

Khan-Academy (iOS) — Course detail, screen 3 of 9

Khan-Academy (iOS) — Course detail, screen 4 of 9

Khan-Academy (iOS) — Course detail, screen 5 of 9

Khan-Academy (iOS) — Course detail, screen 6 of 9

Khan-Academy (iOS) — Course detail, screen 7 of 9

Khan-Academy (iOS) — Course detail, screen 8 of 9

Khan-Academy (iOS) — Course detail, screen 9 of 9

Course summary from Course detail

Khan-Academy (iOS) — Course summary, screen 1 of 4

Khan-Academy (iOS) — Course summary, screen 2 of 4

Khan-Academy (iOS) — Course summary, screen 3 of 4

Khan-Academy (iOS) — Course summary, screen 4 of 4

Course video from Course detail

Khan-Academy (iOS) — Course video, screen 1 of 7

Khan-Academy (iOS) — Course video, screen 2 of 7

Khan-Academy (iOS) — Course video, screen 3 of 7

Khan-Academy (iOS) — Course video, screen 4 of 7

Khan-Academy (iOS) — Course video, screen 5 of 7

Khan-Academy (iOS) — Course video, screen 6 of 7

Khan-Academy (iOS) — Course video, screen 7 of 7

Downloading courses from Bookmarks

Khan-Academy (iOS) — Downloading courses, screen 1 of 1

Editing bookmarks from Bookmarks

Khan-Academy (iOS) — Editing bookmarks, screen 1 of 3

Khan-Academy (iOS) — Editing bookmarks, screen 2 of 3

Khan-Academy (iOS) — Editing bookmarks, screen 3 of 3

Filtering search results from Searching

Khan-Academy (iOS) — Filtering search results, screen 1 of 4

Khan-Academy (iOS) — Filtering search results, screen 2 of 4

Khan-Academy (iOS) — Filtering search results, screen 3 of 4

Khan-Academy (iOS) — Filtering search results, screen 4 of 4

Home from Download flow

Khan-Academy (iOS) — Home, screen 1 of 4

Khan-Academy (iOS) — Home, screen 2 of 4

Khan-Academy (iOS) — Home, screen 3 of 4

Khan-Academy (iOS) — Home, screen 4 of 4

Logging in from Download flow

Khan-Academy (iOS) — Logging in, screen 1 of 3

Khan-Academy (iOS) — Logging in, screen 2 of 3

Khan-Academy (iOS) — Logging in, screen 3 of 3

Searching from Search

Khan-Academy (iOS) — Searching, screen 1 of 1

Settings from Download flow

Khan-Academy (iOS) — Settings, screen 1 of 11

Khan-Academy (iOS) — Settings, screen 2 of 11

Khan-Academy (iOS) — Settings, screen 3 of 11

Khan-Academy (iOS) — Settings, screen 4 of 11

Khan-Academy (iOS) — Settings, screen 5 of 11

Khan-Academy (iOS) — Settings, screen 6 of 11

Khan-Academy (iOS) — Settings, screen 7 of 11

Khan-Academy (iOS) — Settings, screen 8 of 11

Khan-Academy (iOS) — Settings, screen 9 of 11

Khan-Academy (iOS) — Settings, screen 10 of 11

Khan-Academy (iOS) — Settings, screen 11 of 11

Surprise me from Search

Khan-Academy (iOS) — Surprise me, screen 1 of 1

Taking quizzes and challenges from Course detail

Khan-Academy (iOS) — Taking quizzes and challenges, screen 1 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 2 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 3 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 4 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 5 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 6 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 7 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 8 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 9 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 10 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 11 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 12 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 13 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 14 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 15 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 16 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 17 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 18 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 19 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 20 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 21 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 22 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 23 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 24 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 25 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 26 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 27 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 28 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 29 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 30 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 31 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 32 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 33 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 34 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 35 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 36 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 37 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 38 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 39 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 40 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 41 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 42 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 43 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 44 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 45 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 46 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 47 of 48

Khan-Academy (iOS) — Taking quizzes and challenges, screen 48 of 48