INTERACTIVE GRAPHICS

 
 

01.01 What are Interactive Graphics?

01.02 Five Dimensions of Interaction

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.


1D | Words


Elements users interact with

Define interactions


2D | Visuals


Elements users view

Typography, icons, graphics, diagrams, infographics


3D | Space


Objects or spaces within which users interact

Tangible means of control (keyboard, mouse, touchscreen)


4D | Time


Time during which users interact with an interface

Video, animation, sound


5D | Behavior


How users respond to an interface

Action, operation, reaction

01.03 Creating Great Interactions

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.

Web Interaction Quiz

1 Learnability

 

Does this interface use familiar interactions so that the user can easily navigate the interface?

Consider intuition, consistency and predictability.

2 Efficiency

 

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.

3 Memorability

 

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.

4 Errors

 

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.

5 Satisfaction

 

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!

6 Understandability

 

Does the interface clarify data-heavy information for improved understandability, readability and relatability? Have I considered web readability in my design decisions?

Nice work!

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.