Skip to main content

dont-make-me-think

Usability framework emphasizing intuitive, self-evident interface design where users accomplish tasks without cognitive friction

Aller à l'installation

Informations de source

Dépôt
lev-os/agents
Dernière activité de la source
7 mars 2026 à 00:14
Langue détectée de SKILL.md
anglais
Étoiles
21
Forks
2

Options d'installation

Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.

Vérifiez les fichiers source

Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.

Affichage de SKILL.md

SKILL.md
Instructions source · Aperçu en lecture seule
name
Don't Make Me Think
description
Usability framework emphasizing intuitive, self-evident interface design where users accomplish tasks without cognitive friction
# Don't Make Me Think ## OVERVIEW Steve Krug's seminal usability framework emphasizing intuitive, self-evident interface design. First published in 2000, revised in 2013 with mobile UX additions, sold 700,000+ copies. Core premise: users should accomplish tasks as easily and directly as possible without cognitive friction. **Why this matters**: Reduces learning curves, increases completion rates, minimizes support costs. Foundational to modern UX practice across web and mobile platforms. ## WHEN TO USE - Designing new interfaces or features requiring minimal user training - Refactoring complex workflows with high abandonment rates - Evaluating existing designs for usability bottlenecks - Creating products for diverse user skill levels - Mobile-first experiences where cognitive load is critical **Trigger**: User testing reveals confusion, hesitation, or repeated errors on basic tasks. ## KEY PRINCIPLES ### 1. Self-Evident Design **Concept**: Eliminate need for instructions by making everything self-explanatory. **Application**: - Use familiar UI patterns (e.g., shopping cart icon for e-commerce) - Clear, descriptive labels over clever copywriting - Visual hierarchy that communicates priority at a glance - Contextual help only when truly necessary ### 2. Satisficing Behavior **Concept**: Users take first available solution, rarely seeking optimal path. **Application**: - Design for "good enough" choices, not perfect decisions - Prominent placement for primary actions - Accept user shortcuts and workarounds as valid paths - Reduce options to prevent decision paralysis ### 3. Clarity Over Cleverness **Concept**: Obvious always beats cute. **Application**: - Descriptive button text ("Create Account") vs. vague ("Get Started") - Standard iconography over custom symbols requiring learning - Direct language over brand-voice experimentation in critical moments - Conventional layouts for navigation and forms ### 4. Usability Testing Primacy **Concept**: Empirical testing defeats opinion-based design. **Application**: - Recruit 3-5 users per testing round (Krug's "discount testing") - Monthly testing cycles to catch issues early - Observe real user behavior over stated preferences - Test early prototypes, not finished products ## EXECUTION STEPS ### Phase 1: Design for Scanning 1. **Create visual hierarchy** - Size, color, spacing to prioritize elements 2. **Break up pages** - Headings, bullet points, short paragraphs 3. **Make it obvious** - Clear clickable elements with hover states 4. **Reduce noise** - Remove unnecessary words and graphics ### Phase 2: Eliminate Question Marks 5. **Test critical paths** - Checkout, signup, primary user flows 6. **Watch for hesitation** - Any pause indicates uncertainty 7. **Fix ambiguity immediately** - Don't wait for data; if 1 user stumbles, others will too 8. **Document wins** - Catalog what worked for future reference ### Phase 3: Mobile Optimization 9. **44-pixel minimum tap targets** - Accommodate imprecise finger touches 10. **Thumb-zone optimization** - Place primary actions within easy reach 11. **Progressive disclosure** - Show essentials first, advanced features on demand 12. **Test on real devices** - Emulators miss physical ergonomics ## SUCCESS METRICS - **Task completion rate** ≥ 90% for primary flows - **Time on task** - 30-50% reduction post-redesign - **Support ticket volume** - Decrease in "how do I..." queries - **Error recovery** - Users self-correct without external help - **Qualitative feedback** - "It just works" vs. "Where do I..." ## REAL-WORLD EXAMPLES ### Amazon One-Click Ordering Eliminated multi-step checkout for repeat customers. Reduced abandonment by 20%, became patented differentiator. ### Apple iOS Settings Search Addressed "Where is..." problem by adding global search to Settings app. Users find options 3x faster than navigating menus. ### Basecamp's "Post a Message" Giant, obvious button vs. buried "New Thread" link. Increased engagement 35% by removing cognitive friction. ## ANTI-PATTERNS **What NOT to do**: - **Mystery meat navigation** - Icons without labels requiring guesswork - **Modal overload** - Interrupting user flow with unnecessary confirmations - **Form field ambiguity** - Unclear formats, missing examples, no inline validation - **Buried critical actions** - Hide primary task behind submenus - **Clever over clear** - "Summon your ride" instead of "Request Car" ## EDGE CASES - **Power users want complexity** - Provide shortcuts, don't force simplicity on experts (e.g., keyboard commands) - **Brand requires uniqueness** - Apply creativity to visual design, not interaction patterns - **Accessibility conflicts** - Screen readers need verbose labels; visual users need brevity (use aria-label) ## INTEGRATION **Pairs well with**: - **Nielsen's Heuristics** - Structured evaluation framework - **Jobs-to-be-Done** - Understand user intent before designing solutions - **Continuous Discovery** - Ongoing user research cadence - **Design Systems** - Codify self-evident patterns for reuse **Contrasts with**: - **Gamification** - Can add cognitive load if not carefully implemented - **Personalization** - Over-customization creates inconsistency - **Feature-rich design** - Adding options increases decision burden ## FURTHER READING - **Primary Source**: *Don't Make Me Think, Revisited* (3rd Edition, 2013) - Steve Krug - **Companion**: *Rocket Surgery Made Easy* (2009) - Krug's usability testing cookbook - **Foundational**: *The Design of Everyday Things* - Don Norman - **Advanced**: *100 Things Every Designer Needs to Know About People* - Susan Weinschenk ## SCORING RATIONALE **Total: 48/50** | Criterion | Score | Reasoning | |-----------|-------|-----------| | Practitioner | 10/10 | Krug is usability consultant; 25+ years shipping tested interfaces | | Clarity | 10/10 | Book itself exemplifies principles; actionable on first read | | ROI | 10/10 | Documented conversion improvements, reduced support costs | | Novelty | 8/10 | Revolutionary in 2000; now industry standard but still differentiating | | Cross-Domain | 10/10 | Applies to web, mobile, desktop, physical products, documentation | **Evidence**: Amazon, Apple, Basecamp openly credit these principles. 700K+ copies sold. Required reading at FAANG design orgs.
Voir sur GitHub