A very quick presentation I put together awhile ago to school my colleagues in the concept of Interaction Design. Yep, it's very basic, not super 'I'm using other people's Flickr photos of flowers' flashy.

1. What is Interaction Design?
• Defines structure and behaviour of
interactive products and services and
user interactions with those products
and services.
~Interaction Design Association

2. TD Green Machine
Machine lets you control when
you put cash/cheque into slot.

3. Forms

4. webpages

5. Conceptual Model
Design
Model
System
Image
User
Model

6. Conceptual Model
Design
Model
System
Image
User
Model
Human to Human Communication is heart of all
Interaction Design.

7. Information Theory
•
•
•
•
Based on 2nd law of thermodynamics
Energy tends toward entropy
Info degrades over time
Signal to Noise ratio

8. Signal vs. Noise
Decrease Noise
-ambiguous graphics or
wording
-Chaotic layout
-excessive ads,
promotions, branding
-gratuitous graphics
scientific literacy page

9. Signal vs. Noise
Avoid obfuscation, over-branding.

10. Signal to Noise
• When System Image is not
communicating your side of
conversation clearly & unambiguously
– Increase the signal
– Or
– Reduce the noise

11. Metaphors
• Allows users to instantly grasp concept
– Evokes the familiar
– Convey a story
– Create a visual picture in the mind
– Empowering & demystifying to beginners
– Increases productivity for experts

12. Metaphors Case Study
• 16.8 million
colours
• Whoa!
• Too much?

13. Metaphors Case Study
•
•
•
•
•
Apple Colour Picker
Familiar metaphor
48 Colours
Labelled
Advanced mode
available
• Everyone loves crayons

14. Principles for Effective Design
•
•
•
•
•
•
•
•
•
•
•
•
•
•
Aesthetics
Animation
Anticipation
Autonomy
Consistency
Customization
Defaults
Efficiency of the User
Envision Information
Explorable Interfaces
Flow
Freedom
Human-Interface Objects
Illusions Good & Bad
•
•
•
•
•
•
•
•
•
•
•
•
•
•
Kinesthesia
Latency Reduction
Learnability
Leverage
Memorability
Metaphors
Modes
Protect Users’ Work
Readability
Simplicity
Stability
State
Undo
Visible Interfaces

15. Creating Articles is an Illegal
Act Principle
Efficiency of the User
Does this error message allow me to
be more efficient?

16. Data Viz
Voter Turnout Graph

17. Fitts Law
Time to acquire a target is a function of
the distance to and size of the target.
-directly under cursor
-four sides of the screen
-corners of the screen
Voter Turnout Graph

18. Continuous Improvement

19. Continuous Improvement
-W. Edwards Deming
-responsible for quality of Japanese products
-ISO 9000 standards
Results in

20. DESIGN MODEL ≠ USER MODEL

21. User Testing

22. Iterative Cycle
Design + Prototype
User Test
No
Perfect?
Yes!
Fin.