# Action Mapping **A visual approach to designing training and experiences that focuses on what people DO, not what they KNOW** **Originated by:** Cathy Moore **Source:** Action Mapping website and workshops (2008+) **Applied in WDS:** Scenario design, interaction design, UX specifications --- ## What It Is **Action Mapping** is a visual design process that helps create effective training and user experiences by focusing on observable actions rather than information delivery. **The Core Structure:** ``` 1. Business Goal (What measurable outcome do we want?) ↓ 2. Actions (What must people DO to achieve it?) ↓ 3. Practice (How can they practice those actions?) ↓ 4. Information (What minimum info do they need?) - ONLY IF NECESSARY ``` **Revolutionary Insight:** People don't need more information. They need to practice better actions. Information should support action, not replace it. --- ## Why It Matters ### The Problem Without Action Mapping Traditional approach to design and training: - Dumps information on people - Assumes knowledge = ability - "Here's everything you might need to know" - No practice, just reading/watching - Boring, ineffective, forgettable - People leave informed but unable **Example Bad Training:** "Here are 47 slides about our CRM system. Now go use it!" ### The Solution With Action Mapping Action-focused approach: - Identifies what people must DO - Provides realistic practice - Information only when needed - Engaging, effective, memorable - People leave capable and confident **Example Good Training:** "Here's a real customer scenario. Show me how you'd handle it. [Practice] Need help? Here's the relevant info. [Just-in-time] Try again." **The Core Insight:** Behavior change, not information transfer, achieves business goals. --- ## How It's Valuable in Strategic Design ### 1. **Scenario Design** Instead of "What should users know about this feature?", ask: **"What should users be able to DO?"** **Traditional Feature Design:** ``` New Feature: Advanced Reporting Content Needed: - What reports are - Types of reports available - How reporting engine works - Report customization options ``` **Action Mapping Approach:** ``` Business Goal: Managers make data-driven decisions daily Actions Needed: - Generate weekly team report (Tuesday mornings) - Spot performance outliers in <30 seconds - Share insights with team Practice Scenarios: - "It's Tuesday. Get your team report." - "Sales dropped last week. Find out why." - "Show Sarah this insight." Info: Only what's needed to complete these actions ``` **Result:** Users learn by DOING, not reading documentation. ### 2. **Onboarding Flows** Traditional onboarding = product tour (information dump) Action Mapping onboarding = guided practice **Instead of:** "Here's where tasks live. Here's how to create them. Here's how to assign them..." **Do:** "Let's create your first task. [Do it] Great! Now assign it to yourself. [Do it] Perfect! You've got the basics." ### 3. **Help Documentation** Traditional docs = reference manual Action Mapping docs = action-oriented guides **Instead of:** "Reporting Module: The reporting module allows users to generate various types of reports..." **Do:** "Generate Your Weekly Report: 1. Click Reports, 2. Select 'Team Performance', 3. Choose date range, 4. Click Generate" ### 4. **Error Messages and Empty States** Traditional = explain what went wrong Action Mapping = guide toward successful action **Instead of:** "Error: No data available for selected parameters" **Do:** "Let's find your data: Try expanding your date range or selecting a different filter" ### 5. **Component Design** Traditional = show all options Action Mapping = guide user toward most common successful actions **Example: File Upload** - Most common action: Drag and drop - Make that HUGE and obvious - Other options smaller (browse, paste URL) - Result: Users DO the happy path naturally --- ## Attribution and History ### Cathy Moore - The Creator **Cathy Moore** is an instructional designer who developed Action Mapping in response to ineffective traditional training approaches. She noticed that most training focused on delivering information rather than changing behavior. Her background in journalism and instructional design led her to ask: "What do people need to DO differently?" rather than "What do they need to know?" ### Development and Influence **Timeline:** - Late 2000s: Developed Action Mapping methodology - 2008+: Shared freely on blog.cathy-moore.com - 2010s: Became widely adopted in e-learning community - Now: Influences UX design, product onboarding, and user experience beyond training **Impact:** - Shifted e-learning from "page-turners" to interactive scenarios - Influenced UX onboarding design - Changed how designers think about user education - Emphasis on practice over information now standard in good UX ### Philosophy Moore's core belief: **"People come to work to do a job, not to learn."** Therefore: - Focus on job performance, not knowledge transfer - Provide practice, not presentations - Give information only when needed (just-in-time) - Measure behavior change, not quiz scores --- ## Source Materials ### Website and Blog 🔗 **[Blog.Cathy-Moore.com](https://blog.cathy-moore.com)** - Original source for Action Mapping - Free detailed explanations - Case studies and examples - Downloads and templates - "The best training blog you're not reading" 🔗 **[Action Mapping: The Infographic](https://blog.cathy-moore.com/action-mapping-a-visual-approach-to-training-design/)** - Visual guide to the process - Free to download and share ### Books and Resources 📚 **Map It: The Hands-On Guide to Strategic Training Design** By Cathy Moore (2017) - Comprehensive guide to Action Mapping - Step-by-step worksheets - Real project examples - [Available on Amazon](https://www.amazon.com/Map-Hands-Guide-Strategic-Training/dp/1973967812) ### Workshops and Courses 🎓 **Action Mapping Workshops** - Cathy Moore offers periodic workshops - Check blog.cathy-moore.com for schedule 🎓 **Online Training on Action Mapping** - Various platforms offer courses teaching the methodology - Search for "Action Mapping course" on LinkedIn Learning, Udemy ### Articles 🔗 **"Action Mapping: A Visual Approach to Training Design"** - Core article explaining the methodology - Available on Cathy Moore's blog 🔗 **"Saving the World from Boring Training"** - Philosophy and approach - [Blog.Cathy-Moore.com](https://blog.cathy-moore.com) --- ## Whiteport Methods That Harness This Model ### [Phase 4: UX Design Guide](../method/phase-4-ux-design-guide.md) Scenario design uses Action Mapping principles: **Instead of "What does user need to know about this page?"** **Ask:** 1. What is the user trying to DO here? 2. What actions lead to success? 3. How can we guide those actions? 4. What info supports (not replaces) action? **Result:** Scenarios focused on user actions, not information architecture. ### Page Specifications Component specs describe actions, not features: **Traditional Spec:** ``` Component: Dashboard Widget Features: Data display, filters, export button ``` **Action Mapping Spec:** ``` User Action: Check team performance at glance Success: Spot issues in <10 seconds Design: Key metrics prominent, issues red, drill-down on click Info: Only when drilling down, not upfront ``` ### Interaction Design Flows prioritize action paths: **Traditional Flow:** ``` 1. Welcome screen (info) 2. Feature tour (info) 3. Tutorial (info) 4. Dashboard (finally do something!) ``` **Action Mapping Flow:** ``` 1. "Let's create your first project" (action) 2. [User does it] (practice) 3. "Great! Now add a task" (next action) 4. [User does it] (more practice) 5. "You're ready! Here's your dashboard" (info only if needed) ``` --- ## Imaginary Examples ### Example 1: Project Management Tool Onboarding **Traditional Information-Focused:** ``` Screen 1: "Welcome to TaskMaster!" Screen 2: "Here's your dashboard. This is where you'll see all your projects." Screen 3: "Click here to create projects. Projects contain tasks." Screen 4: "Tasks can be assigned to team members and have due dates." Screen 5: "You can view tasks in list or board view." Screen 6: "Reports help you track progress." Screen 7: "Now try it yourself!" ``` **Action Mapping Approach:** ``` Screen 1: "Let's create your first project" User: [Types project name, clicks create] ✅ Screen 2: "Every project needs tasks. Add one:" User: [Types task, clicks add] ✅ Screen 3: "Who's doing this? Assign it:" User: [Selects person] ✅ Screen 4: "You're all set! Here's your project." [Show completed project with task assigned] Tip available: "Want to add more? Click + to add tasks anytime." ``` **Result:** User has created project, added task, assigned it within 60 seconds. They KNOW how because they DID it. ### Example 2: Design System Documentation **Traditional (Information Dump):** ``` # Button Component The button component is used for user actions. It has several variants: ## Variants - Primary: Main call-to-action - Secondary: Secondary actions - Tertiary: Low-priority actions - Danger: Destructive actions ## Properties - size: 'sm' | 'md' | 'lg' - variant: 'primary' | 'secondary' | 'tertiary' | 'danger' - disabled: boolean - onClick: function ## Examples [Code examples] ## Usage Guidelines [More information] ``` **Action Mapping Approach:** ``` # Button Component ## What Are You Trying to Do? → Create a main call-to-action Use: