Ref: https://brilliant.org/

  1. Not all the contents are shown initially when entering a page. Instead, initially a single concept or introduction is shown and buttons like continue is used to bring additional content once the user transfers the knowledge to his brain - Represent knowledge which consumes less cognitive load
  2. The content adds up for every click of continue or other buttons with text as asking doubt or a question on top of the content. - Progressive Disclosure
  3. Usage of sounds - Multi sensory modalities
  4. Showing the progress bar at the top
  5. Interactive elements - Interactive user inputs
  6. Gifs
  7. Flip cards with explanation
  8. Streaks
  9. Points, Leaderboard - Gamification
  10. Lot of white spaces - clean UI
  11. Using higher font weight / font size to emphasise important keywords.
  12. Having tests for each lessons
  13. Maps for the overall contents with progress

Other thoughts:

  • They take the truth (STEM knowledge) and put it in an accessible format.

Questions:

  • How to scale it?