What is Interaction Design?
Master the Art of Digital User Interactions
Interaction design (IxD) is a subset of UX design that concentrates specifically on the moment users interact with the screen, while UX encompasses the entire user experience.
The Five Dimensions Explained
Words & Visual Elements
Text, buttons, images, typography, and icons that users see and read on the interface.
Physical & Temporal
Physical devices, gestures, and time-based media like animations and videos.
Behavior
How users interact with and respond to the product during their experience.
Evolution of Interaction Design Dimensions
Original Four Dimensions
Gillian Crampton Smith outlined words, visual representations, physical objects, and time
Fifth Dimension Added
Kevin Silver later added behavior as the fifth dimension
Key Questions Interaction Designers Ask
Understanding physical interactions and gestures
Analyzing pre-action cues and post-action responses
Planning for error states and recovery processes
Optimizing interaction timing and performance
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, personas, flowcharts, and mapping to uncover patterns.
Ideation Phase
Generate ideas to solve problems and improve experiences, developing rough sketches, wireframes, and prototypes for testing.
Testing Phase
Test the product to verify if the user experience meets expectations, followed by redesign phases for further improvements.
Essential Skills for Interaction Designers
User Empathy
Ability to imagine yourself as the user and understand their motivations and behaviors.
Communication & Collaboration
Strong attention to detail and ability to work effectively with team members.
Behavioral Analysis
Skill in identifying patterns of behavior and using design to influence positive changes.
Popular Design Tools Comparison
| Feature | Platform Support | Key Features |
|---|---|---|
| Adobe XD | macOS, Windows | Vector graphics, Creative Cloud integration |
| Sketch | macOS only | Vector editing, mathematical shortcuts |
| InVision | Web, Android, iOS | Brainstorming to prototyping suite |
| Figma | Browser-based (all OS) | Real-time collaboration, Auto Layout |
Design Tool Considerations
Learning Path Options
Individual Classes
In-person or online classes for specific software like Adobe XD, Photoshop, and Illustrator.
Bootcamps & Certificates
Intensive training courses from weeks to months covering motion graphics and animation in depth.
Portfolio Development
Professional training includes creating a portfolio to show prospective employers.
Choose between in-person sessions or live online UX design courses. Find UX bootcamps in your area and get started in a new direction today.
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...