Interaction Design
The practice of designing interactive digital products, environments, systems, and services with a focus on behavior—how users interact with them through actions, responses, feedback, and flows.
Also known as: IxD, Interaction Designer
Category: Software Development
Tags: design, user-experience, human-computer-interaction, interfaces, behaviors
Explanation
Interaction Design (IxD) is the practice of designing interactive digital products, environments, systems, and services with a focus on behavior—how users interact with them. The term was coined by Bill Moggridge and Bill Verplank in the mid-1980s at IDEO. While User Experience (UX) encompasses the entire user journey, interaction design specifically focuses on the moment-to-moment dialogue between user and product: actions, responses, feedback, and flows.
**The Five Dimensions of Interaction Design**:
1. **Words (1D)**: Text, labels, and microcopy like button labels and error messages
2. **Visual (2D)**: Images, typography, icons, and interface graphics
3. **Physical (3D)**: Hardware and space—mouse, touchscreen, keyboard
4. **Time (4D)**: Animation, sound, and duration—loading indicators, transitions
5. **Behavior (5D)**: How the product responds—feedback and state changes
**Core Concepts**:
- **Affordance**: What actions are possible
- **Signifier**: What communicates affordances
- **Feedback**: Response to user actions
- **Mapping**: Relationship between control and effect
- **Constraints**: Limiting possible actions
- **Consistency**: Predictable patterns
- **Mental Model**: User's understanding of the system
**Common Interaction Patterns**:
- **Direct manipulation**: Drag and drop, resize
- **Menu selection**: Choosing from options
- **Form fill-in**: Data entry
- **Command line**: Expert text input
- **Conversational**: Chatbots, voice assistants
- **Gesture**: Touch, motion control
- **WIMP**: Windows, Icons, Menus, Pointer
**The Design Process**:
1. **Research**: User interviews, observation, analysis
2. **Define**: Personas, scenarios, requirements
3. **Ideate**: Sketching, wireframing, flow diagrams
4. **Prototype**: Interactive mockups, clickable prototypes
5. **Test**: Usability testing, iteration
6. **Implement**: Collaboration with development
**IxD vs Related Fields**:
| Field | Focus |
|-------|-------|
| Interaction Design | Behavior, moment-to-moment dialogue |
| UX Design | Entire user journey, holistic |
| UI Design | Visual appearance, layout |
| HCI | Research-focused, theoretical |
Interaction design draws on cognitive psychology, human-computer interaction, and product design. Key concerns include defining how products behave in response to user input, designing clear affordances and signifiers, providing appropriate feedback, and creating coherent interaction patterns.
Related Concepts
← Back to all concepts