The first four categories were developed in the mid-1980's by Bill Moggridge, the co-founder of IDEO. A fifth category was later added by Kevin Silver, senior interaction designer at IDEXX Laboratories.
Elements users interact with
Elements users view
Typography, icons, graphics, diagrams, infographics
Objects or spaces within which users interact
Tangible means of control (keyboard, mouse, touchscreen)
Time during which users interact with an interface
Video, animation, sound
How users respond to an interface
Action, operation, reaction
The most successful interactions focus on usability to improve the flow of information between computer and user. This enhanced communication is crafted through language, graphics, flow and hierarchy. When successful, such carefully considered interactions will increase customer engagement.
To fully understand the power of interaction design, compare the interactive content on this web page with an un-styled, non-interactive outline containing identical content here.
Does this interface use familiar interactions so that the user can easily navigate the interface?
Consider intuition, consistency and predictability.
Do all interactions serve a purpose? Have I included only essential choices and information? Can the user quickly and easily perform tasks and access information?
Be concise! Users expect the interface to respond quickly
and may lose interest in content on the page
if this is not the case.
Can the user easily remember how to use the interface? Do design decisions and tone reinforce brand recognition?
Build for success by creating page structures and design
hierarchies that will be familiar to repeat users.
Have I included clear, simple instructions to encourage interaction and exploration? Does the user make minimal errors and is he/she able to quickly recover from those errors?
Help the user discover exciting page features!
Conduct user testing in order to identify and correct
any potential space for frustration within your designs.
Does the user have a positive, rich and engaging experience with the interface?
The best overall user experience requires seamless design,
solid content and thoughtful usability. Every detail counts!
Does the interface clarify data-heavy information for improved understandability, readability and relatability? Have I considered web readability in my design decisions?
You're right on track to build a successful web interaction using all the best practices. Go flex those interactive web muscles!
Users consume information differently on the web, as compared to
print. Focus on organizing information into digestible bites.
Implement visuals whenever possible and simplify complex tasks.