Flag

We stand with Ukraine and our team members from Ukraine. Here are ways you can help

Get exclusive access to thought-provoking articles, bonus podcast content, and cutting-edge whitepapers. Become a member of the UX Magazine community today!

Home ›› Customer Experience ›› Balancing Cognitive Load and Discoverability

Balancing Cognitive Load and Discoverability

by Ed Orozco
3 min read
Share this post on
Tweet
Share
Post
Share
Email
Print

Save

Balancing-cognitive-load-and-discoverability

When less is usually — but not always — more

When we’re designing an app’s information architecture, whether we’re aware of it or now, we draw a line between the discoverability of options and cognitive load.

In order words, we’re thinking about the information density of the product.

Less is usually more

I’ve spoken about reducing cognitive load in the past and how it helps user interfaces seem easier to use.

Yet, as with all things in life though, focusing exclusively on reducing the number of options comes with a tradeoff.

Keeping cognitive load to a minimum can get in the way of discoverability.

Information Architecture & Cognitive Load

An abundance of options demands higher mental effort and is traditionally regarded as bad design.

The high cognitive load comes primarily from a high number of options arranged in a flat-hierarchy architecture, also commonly known as index page architecture.

It’s one of the most common information architecture patterns on the web.

Balancing Cognitive Load and Discoverability

Taken to an extreme, can result in things like the overwhelming interfaces from the 90s and early 2000s.

Balancing Cognitive Load and Discoverability

Low cognitive load is typically achieved by hiding away non-essential information, which results in one of the various types of staggered-hierarchy architecture.

Examples of staggered architecture are:

A lot has been written about these types of architecture. Feel free to review the links at the bottom of the article to learn more.

Balancing Cognitive Load and Discoverability

Staggered vs Flat Information Hierarchies

Let’s take a look at the two architectural approaches and their tradeoffs more in detail.

Balancing Cognitive Load and Discoverability

The case for a flat hierarchy

If we go for a completely flat hierarchy we risk overwhelming the user with too many options.

Hick’s law dictates that too many options will impair the user’s ability to make a choice. It induces decision paralysis.

A flat hierarchy, however, exposes the user to many features as they lay bare. To an extent, it helps with discoverability as long as the amount of information doesn’t become overwhelming.

The case for a staggered hierarchy

If we minimize the number of options — through progressive disclosure techniques, for example — we reduce cognitive load. That’s good.

But a careless application of progressive disclosure techniques comes at a cost. It increases the number of layers in the architecture, making it more complex.

Multi-layered information architectures force the user to learn and remember under which menu each option might be.

Solution — What to do instead

Know thy customer

If you’ve been designing for a while this won’t surprise you at all. Knowing how your customer can help you determine a couple of key things:

  1. How your customer reacts to varying levels of information density
  2. What elements in your product are most important to them
  3. Which navigation and organization patterns are they familiar with

Conclusion — When to use which

A more complex information architecture can be useful if you rank pieces of information from more to least important. Exercises such as card sorting can be very useful for this.

It is also manageable if you adhere to widely common patterns. E.g. Changing my password should be under “My Account” or “Settings”.

Balancing Cognitive Load and Discoverability

With these two things, you can

  • More sophisticated users may deal very well with higher levels of information density
  • Users with pre-existing compatible conceptual models
  • Progressive discovery to ease them in into a greater number of options until they feel comfortable

You may also explore alternative architectural patterns such as the Daisy model in which the user always returns to a base point after completing tasks. The Daisy model is common in web-based applications and video games.

Balancing cognitive load and information density requires a lot of skill and deep knowledge of your customer but the rewards can more than makeup for the extra effort ✌️

Further reading

  1. https://www.altexsoft.com/blog/uxdesign/information-architecture/
  2. https://www.webfx.com/blog/web-design/information-architecture-101-techniques-and-best-practices/
  3. https://uxplanet.org/information-architecture-effective-techniques-for-designers-3c993956b1e1
  4. https://www.usability.gov/what-and-why/information-architecture.html
  5. https://blog.tubikstudio.com/information-architecture-basics-for-designers/
  6. https://www.nngroup.com/articles/progressive-disclosure/
  7. http://edutechwiki.unige.ch/en/Information_architecture#Hub-and-spoke_.2F_Daisy
post authorEd Orozco

Ed Orozco

He specializes in creating processes that enable design teams to scale and be more productive. His focus is on standardizing and optimizing processes for onboarding, discovery, stakeholder alignment, research, delivery, and collaboration with engineering.

Tweet
Share
Post
Share
Email
Print
Ideas In Brief
  • The author explains how reducing cognitive load helps user interfaces seem easier to use.
  • The article covers:
    • Information Architecture & Cognitive Load
    • Staggered vs Flat Information Hierarchies
    • The case for a flat hierarchy
    • The case for a staggered hierarchy
  • Balancing cognitive load and information density requires a lot of skill and deep knowledge of your customer.

Related Articles

Are we on the brink of an AI-first revolution? As more products are built entirely around AI engines, designers must adapt. From dynamic interfaces and non-linear journeys to helping users optimize prompts, discover how the next generation of AI-driven products will reshape UX design.

Article by Tom Rowson
AI-First: Designing the Next Generation of AI Products
  • The article introduces “AI-first” products, designed around AI engines to offer more than just chat interfaces and improve over time.
  • It highlights key challenges for designers: creating flexible interfaces, helping users with prompts, and managing AI errors like hallucinations.
  • The piece stresses the need to adapt to non-linear, iterative user journeys as AI-first apps evolve.
Share:AI-First: Designing the Next Generation of AI Products
4 min read

Discover how AI-first design principles let you build beautiful, functional UIs in minutes — without ever opening Figma or writing any code.

Article by Adam Judelson, Ryan Brotman
Making Designs Without a Designer
  • AI-first design turns simple text prompts into fully functional, production-ready UIs — no coding or Figma required.
  • Learn how to develop structured AI prototyping workflows to eliminate bottlenecks, and ensure fast, scalable, and consistent UX across projects.
  • This isn’t just faster design — it’s the future of product design, making high-quality UI creation accessible to everyone.
Share:Making Designs Without a Designer
10 min read

AI is shifting designers from creators to curators. How can we refine AI-driven designs while keeping creativity and user needs at the core?

Article by Krunal Rasik Patel
The Future of Product Design: From Creators to Curators in an AI-First World
  • The article explores how AI shifts product designers from creators to curators.
  • It highlights AI Agents and Copilots transforming design workflows.
  • The piece stresses guiding AI outputs to ensure human-centered design.
  • It advocates mastering AI tools and curating user-centric experiences.
  • The article underscores the need for human expertise in refining AI-driven designs.
Share:The Future of Product Design: From Creators to Curators in an AI-First World
4 min read

Join the UX Magazine community!

Stay informed with exclusive content on the intersection of UX, AI agents, and agentic automation—essential reading for future-focused professionals.

Hello!

You're officially a member of the UX Magazine Community.
We're excited to have you with us!

Thank you!

To begin viewing member content, please verify your email.

Tell us about you. Enroll in the course.

    This website uses cookies to ensure you get the best experience on our website. Check our privacy policy and