
Interaction Pattern Validation & Refinement
Validate interaction patterns against accessibility, cognitive load & user mental models
What You Can Do
You can stress-test interaction patterns across multiple validation criteria simultaneously—accessibility compliance, cognitive load, user mental models, and usability principles. This skill identifies friction points in form workflows, modal sequences, navigation hierarchies, and state transitions, then generates specific, evidence-based refinements. You'll catch design issues before they reach development, reducing rework and support burden post-launch.
Features
Validates keyboard navigation, focus management, semantic structure, color contrast, and assistive technology compatibility
Evaluates decision complexity, working memory demands, information scent, and progressive disclosure patterns
Compares interaction sequences against user research, conceptual models, and domain conventions
Flags error recovery gaps, unclear state indicators, confirmation workflows, and recovery paths
Generates comparative analysis across accessibility, usability, learnability, and efficiency dimensions
Documents state transitions, edge cases, and user pathways to visualize interaction sequences
Produces specific, actionable design recommendations with rationale tied to accessibility standards or cognitive science
Evaluates interaction pattern libraries against compliance and consistency criteria
Example Output
Input: Multi-step checkout form with address auto-complete, optional fields, and real-time validation
Output:
Validation Results
-
✅ Accessibility (WCAG 2.1 AA): 78/100
-
PASS: Semantic form markup, error messages linked to fields
-
WARN: Real-time validation triggers may interrupt screen reader users before form submission
-
FAIL: Auto-complete dropdown not keyboard accessible; Enter key submits form instead of populating field
-
🧠 Cognitive Load: 82/100
-
PASS: Progressive disclosure (optional fields hidden)
-
WARN: Three validation states (error, warning, success) create decision fatigue
-
ACTION: Consolidate to pass/fail only; move warnings to post-submission review
-
👤 User Mental Models: 71/100
-
ISSUE: Auto-complete confidence score not visible; users unsure if address is correct
-
FIX: Add visual confirmation badge + "Edit address" fallback
Recommended Refinements
- Defer real-time validation to blur event (not keystroke)
- Make auto-complete keyboard-navigable with Escape to dismiss
- Show single validation state per field; batch secondary warnings
What's Included
- SKILL.md: Complete instruction framework for interaction validation workflows
- WCAG 2.1 AA Compliance Checklist: Keyboard, focus, semantic, sensory, motion criteria
- Cognitive Load Assessment Template: Decision complexity, working memory, scent, disclosure patterns
- Interaction Flow Mapping Canvas: State diagram template with edge cases and recovery paths
- Design Handoff Checklist: Pre-development validation sign-off for interaction patterns
Who It's For
- UX/Interaction Designers — Validate workflows before design specifications reach development
- Product Managers — Audit interaction patterns for usability and compliance risk before launch
- Accessibility Specialists — Stress-test patterns against WCAG 2.1 AA standards across user types
- Design Systems Managers — Evaluate pattern library components for consistency and accessibility
- Design QA/Testers — Identify interaction gaps during design review phases
Best For
- Multi-step workflows (forms, checkout, onboarding, setup wizards)
- State management patterns (modal stacking, undo/redo, real-time collaboration)
- Navigation hierarchies and information architecture validation
- Error recovery and edge case design review
- Accessibility compliance audits in regulated industries
- Design system pattern library evaluation
- Interaction refinement before developer handoff







