mental-model

Aligns product interaction design with users' prior mental models.

6|3|Updated May 3, 2026
One-click install
npx skills add https://github.com/HDeibler/universal-design-principles --skill mental-model-hdeibler
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mental-model
Source: https://github.com/HDeibler/universal-design-principles/tree/main/plugins/cognition-and-learnability-principles/skills/mental-model
Command: npx skills add https://github.com/HDeibler/universal-design-principles --skill mental-model-hdeibler

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Mental-model misalignment creates confusion, wrong actions, and avoidable mistakes because users predict system behavior based on assumptions formed from prior experiences.

Core Features & Use Cases

  • Match existing expectations: Use familiar metaphors and conventions (e.g., folders, email, shopping cart) when they accurately reflect how your system works.
  • Teach the new model when needed: Explicitly introduce a different interaction model through onboarding, naming, and a faithful system image that makes the underlying behavior obvious.
  • Diagnose mismatch and fix the moment of divergence: Identify what users believe versus what the system actually does, then surface the difference at the time of action with clear, state-revealing UI patterns.

Quick Start

Use the mental-model skill to evaluate a new onboarding flow, decide which users’ prior expectations will transfer, and write guidance to teach or correct the model so actions reliably produce the expected outcomes.

Frequently Asked Questions about mental-model

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

FAQPage Schema
How do I align interaction design with user expectations during product migration?

Diagnose mental model misalignment by identifying what users believe versus actual system behavior. Use this analysis to design a faithful system image that either matches existing expectations or teaches a new model through onboarding.

Why do users make repeated errors when interacting with my system?

Review reported misunderstandings to identify the exact moment of divergence between user assumptions and actual system behavior. Surface the difference at the time of action with clear, state-revealing UI patterns to prevent repeated user errors.

What is the best way to design UX onboarding for a new interaction model?

Evaluate which prior user expectations will transfer to the new interaction model, then write onboarding guidance to teach or correct the model. Ensure the underlying behavior is obvious so actions reliably produce the expected outcomes.

When do I need to use familiar metaphors in interaction design?

Apply familiar metaphors such as folders or a shopping cart in interaction design when they accurately reflect your system's actual behavior. This leverages existing user expectations and avoids the need to explicitly teach a new mental model.

How do I fix user confusion after a feature-by-feature migration audit?

Fix post-migration user confusion by identifying mismatches between the user's mental model and actual system behavior. Design a faithful system image and surface state-revealing UI patterns at the moment of action to clarify underlying behavior.

Can I use the mental-model skill for evaluating a new onboarding flow?

Yes, use the mental-model skill to evaluate a new onboarding flow by identifying which prior user expectations will transfer. Write guidance to teach or correct the interaction model so user actions reliably produce expected outcomes.