cognitive-load

Applies cognitive- load theory to optimize web and mobile interface designs.

Updated Nov 8, 2022
One-click install
npx skills add https://github.com/abhilash-nandkumar/dot_config --skill cognitive-load-abhilash-nandkumar
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: cognitive-load
Source: https://github.com/abhilash-nandkumar/dot_config/tree/main/opencode/skills/cognitive-load
Command: npx skills add https://github.com/abhilash-nandkumar/dot_config --skill cognitive-load-abhilash-nandkumar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Cognitive Load Theory provides a framework to design experiences that respect the limits of human working memory, reducing user effort and frustration.

Core Features & Use Cases

  • Design guidelines to minimize extraneous load, chunk intrinsic load, and optimize germane load.
  • Use cases include onboarding flows, forms, dashboards, multi-step workflows, and information architecture across web and mobile.

Quick Start

Apply progressive disclosure and consistent interaction patterns to minimize cognitive load in a complex UI.

Frequently Asked Questions about cognitive-load

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I reduce cognitive load in complex dashboard interfaces?

Reduce cognitive load in dashboards by applying Cognitive Load Theory: chunk intrinsic information into manageable sections, eliminate extraneous visual noise, and optimize germane load using progressive disclosure and consistent interaction patterns.

What is the framework for managing intrinsic, extraneous, and germane load in UX design?

The framework structures information by minimizing extraneous load to remove distractions, chunking intrinsic load to simplify complex data, and optimizing germane load to help users process and retain information more effectively across web and mobile experiences.

How do I design onboarding flows that respect human memory limits?

Design onboarding flows that respect human memory limits by applying progressive disclosure to present information incrementally, reducing user effort and frustration while preventing working memory overload across multi-step workflows.

Does this cognitive load approach work for both web and mobile product experiences?

Yes, the cognitive load approach applies to both web and mobile product experiences, providing evaluation methods and guardrails for onboarding flows, forms, dashboards, and information architecture across platforms.

What is the best way to structure information architecture to minimize user effort?

The best way to structure information architecture to minimize user effort is to apply Cognitive Load Theory frameworks, using progressive disclosure and consistent patterns to reduce extraneous load and chunk intrinsic content effectively.

When should I not use progressive disclosure in interface design?

Avoid progressive disclosure when it obscures critical information or forces unnecessary interaction steps, increasing extraneous load rather than reducing it. Evaluate whether hiding content truly optimizes germane load or merely adds friction.