Cognitive Load Theory in MedEdMENTOR's Web Design

Here at MedEdMENTOR, we constantly work to help you apply education theories and artificial intelligence to your real-world applications.

We present a new series where you can follow along as we do the same.

I want to delve into Cognitive Load Theory and how I applied its principles to improve the Theory Database page. The goal?

To make the site more user-friendly and informationally effective.

Let's be honest, when we launched, our visual design was probably only 10% of where we wanted to be.

The digital age is a paradox: Never before has so much information been so readily available, yet it's easy to feel overwhelmed. Websites are no exception.

Too often, educational platforms are cluttered with a mixture of academic jargon, complex navigation menus, and inconsistent visuals.

(That is literally still MedEdMENTOR — for now!)

Originating from educational psychology, Cognitive Load Theory proposes that our working memory can handle only a limited amount of information at a given time. It breaks down the load into three categories:

1. Intrinsic Load: The inherent difficulty of the content.
2. Extraneous Load: The cognitive load generated by anything occupying attention that isn't part of the content.
3. Germane Load: The cognitive load devoted to actually processing and understanding the material.

Read more at Cognitive Load Theory.

Understanding these categories helps us design experiences that make effective use of our cognitive resources.

Let's break down the above improvements and why they're better. Our goal is to eliminate extraneous load, so that the brain can better manage the intrinsic load of the content itself.

Finally, actionable items were clearly highlighted. For example, actionable cards get a shadow while the header does not. This immediately tells the user where their attention is most needed, freeing up cognitive resources for deeper understanding and engagement.

Just like in our previous discussions about using a theory-based approach to tackle problems in AI and HPE (Beyond Basic Science: Why Medical Education Theory Matters, AI in Medical Education: A Theory-Based Approach) applying Cognitive Load Theory to web design means we're not just making random changes. Each modification is backed by theoretical understanding and aims to make a genuine impact on how users engage with the platform.

In implementing these changes based on Cognitive Load Theory, we are adding to the growing body of research on how this educational theory can be adapted to various platforms, including digital ones.

So the next time you find yourself effortlessly navigating MedEdMENTOR, remember—there's some serious educational theory working in the background to make your learning experience as efficient and effective as possible.

(And next time you encounter a section that's not redesigned yet, know that we're applying our intrinsic load to helping you out!)

That's all for now. Keep an eye out for future articles where we'll dive deeper into other educational theories and their practical applications. And look out for more visual design improvements!