cognitive-load_skill

Overview

This skill helps designers apply Cognitive Load Theory to create interfaces and flows that respect human working memory limits. It guides analysis of intrinsic, extraneous, and germane load and produces concrete interventions to reduce errors and boost learnability. Use it to improve onboarding, forms, navigation, and task flows.

How this skill works

The skill inspects a task or flow by decomposing it into steps, labeling each step’s intrinsic, extraneous, and germane load, and identifying decision counts and friction points. It recommends targeted interventions—chunking, progressive disclosure, visual hierarchy, and scaffolding—then maps expected impact and success metrics. Finally, it produces a concise cognitive load analysis you can embed in design reviews or specs.

When to use it

• Designing complex forms or multi-step workflows
• Creating or improving onboarding and learning paths
• Simplifying dense, feature-rich interfaces
• Planning information architecture or navigation
• Conducting usability reviews to reduce abandonment

Best practices

• Map tasks into 3–5 step chunks and count decisions per step
• Eliminate decorative noise; prioritize a clear visual hierarchy
• Provide progressive disclosure and smart defaults for novices
• Design consistent patterns so learned behavior transfers across screens
• Measure impact with task completion, time, error rate, and abandonment

Example use cases

• Assessing a checkout flow to reduce abandoned carts by lowering extraneous load
• Designing a multi-step onboarding that builds skills progressively (germane load)
• Reworking a settings page to group options and apply smart defaults (reduce intrinsic load)
• Auditing a dashboard for visual clutter and inconsistent interactions (remove extraneous load)
• Creating an A/B test to measure time to complete and error rates after layout changes