Principles of Interaction Design
Master the Art of User-Centered Digital Experiences
Interaction design (IxD) is a subset of user experience (UX) design. While UX encompasses the entire user experience, IxD focuses specifically on how users interact with products.
UX Design Process Framework
Research Phase
Discover why the user experience is what it is through surveys, interviews, and data collection to understand user motivations and goals.
Definition Phase
Use collected data and analytics to create detailed user experience descriptions, including user personas, flowcharts, and mapping to uncover patterns.
Ideation Phase
Generate ideas about solving problems and improving experiences, developing rough sketches that evolve into wireframes and prototypes.
Testing Phase
Test the product or website to validate if the user experience meets expectations, potentially leading to redesign iterations.
Originally outlined as four dimensions by Gillian Crampton Smith in Bill Moggridge's 'Designing Interactions', the framework was later expanded to five dimensions when Kevin Silver added behavior as the fifth dimension.
Five Dimensions of Interaction Design
Words
Text on screens and buttons that communicate with users through language and messaging.
Visual Representations
Static images, photos, typography, and icons that convey information without movement.
Physical Objects or Space
Devices containing the product including keyboards, touch screens, fingers, and user gestures.
Time
Media that changes over time such as animations, videos, audio tracks, and interaction duration.
Behavior
How users interact with and respond to the product, encompassing all user actions and reactions.
Interaction design is guided by six fundamental principles: discoverability, feedback, framework, consistency, user control, and testing. These principles help teams create successful and enjoyable user interactions.
Information Discoverability Strategy
Essential Feedback Elements
System Status
Provide continuous information about loading, searching, and other system actions to keep users informed.
Action Results
Give clear signals about what happened after user actions and what to do next.
Conceptual vs Mental Models
| Feature | Conceptual Models | Mental Models |
|---|---|---|
| Definition | How designer intends product to work | What users create when encountering design |
| Purpose | Guide design decisions | Help users understand relationships |
| Example | Volume button design intent | User expectation of up/down volume control |
User Control Best Practices
Prevent data loss and save user work automatically
Calm users and guide them toward recovery from mistakes
Allow users to undo actions and start over when needed
Design interfaces that prevent common user errors
IxD is iterative, meaning parts of the process are repeated to improve the experience. Test prototypes on users to ensure interactions work as intended and provide successful, enjoyable experiences.
UX Design Learning Options
| Feature | In-Person Classes | Live Online Classes |
|---|---|---|
| Format | Brick-and-mortar sessions | Remote with real-time instructor |
| Interaction | Face-to-face learning | Screen sharing and live guidance |
| Flexibility | Fixed location requirement | Attend from anywhere |
| Schedule Options | Weekdays, evenings, weekends | Weekdays, evenings, weekends |
Training Program Benefits
Intensive Learning
Bootcamps and certificate programs run from weeks to months, providing comprehensive skill development.
Portfolio Development
Leave training with a professional-quality portfolio ready to show prospective employers.
Career Transition Support
Programs designed specifically to help professionals switch to UX design careers effectively.
Key Takeaways
RELATED ARTICLES
Collecting Content for Your Design Portfolio from Day One
As a designer at any level, your portfolio is a most valuable asset. It represents what you can do, the methods you can apply to implement stakeholder...
Leverage LinkedIn and Glassdoor
In today’s world, job seekers and employers connect through online job boards and networks. Job boards and online job networks overlap but are not the same...
Creating Your Design Portfolio Website
Once you have assembled your design portfolio content, the remaining piece of the puzzle is to find a place to post it for review online. Let’s quickly run...