Khan Academy
A mastery dashboard that maps skills onto a knowledge graph.
Khan Academy organizes knowledge as a dependency graph rather than a course list: skills connect into units, units into subjects, and a color-coded mastery dashboard shows exactly where you are solid and where you are shaky. Practice problems are the core loop, hint-laddered so a stuck learner can reveal one nudge at a time instead of jumping straight to the answer. The signature visual is the mastery bar shifting from blue toward dark blue as you prove retention through spaced review, not just a single correct attempt. The interface is famously plain, almost utilitarian, which keeps focus on the math and the explanation. The weakness is breadth-induced sprawl: the sheer depth of the tree can leave a self-directed learner unsure where to start.
App store
Flows
Flows for Khan Academy are being captured
We haven't taken Khan Academy apart screen by screen yet. Explore the UX patterns it's known for, or request an audit of your own product.
Request a UX auditLanding page
We haven't captured Khan Academy's landing page yet.
Flows
Step through each flow screen by screen.
Notable UX patterns
How does your product compare to Khan Academy?
Get a free UX Snapshot of your page — a quick read on what works and what to fix.
Teardowns
Teardowns of Khan Academy are coming
We haven't published a written teardown of Khan Academy yet. Explore related topics, or request an audit.
Request a UX auditFree course
WCAG 2.2 Fundamentals: Audit a Screen for Accessibility
6 lessons · ~25 min
Start lesson 1 →