interaction design concepts
DESCRIPTION
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.TRANSCRIPT
What is Interaction Design?
• Defines structure and behaviour of interactive products and services and user interactions with those products and services.
~Interaction Design Association
TD Green Machine
Machine lets you control when you put cash/cheque into slot.
Forms
webpages
Conceptual Model
Design Model
System Image
User Model
Conceptual Model
Design Model
System Image
User Model
Human to Human Communication is heart of all Interaction Design.
Information Theory
• Based on 2nd law of thermodynamics
• Energy tends toward entropy
• Info degrades over time
• Signal to Noise ratio
scientific literacy page
Decrease Noise
-ambiguous graphics or wording
-Chaotic layout
-excessive ads, promotions, branding
-gratuitous graphics
Signal vs. Noise
Avoid obfuscation, over-branding.
Signal vs. Noise
Signal to Noise
• When System Image is not communicating your side of conversation clearly & unambiguously– Increase the signal– Or– Reduce the noise
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
Metaphors Case Study
• 16.8 million colours
• Whoa!
• Too much?
Metaphors Case Study
• Apple Colour Picker
• Familiar metaphor
• 48 Colours
• Labelled
• Advanced mode available
• Everyone loves crayons
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
Creating Articles is an Illegal Act
Efficiency of the User Principle
Does this error message allow me to be more efficient?
Efficiency of the User Principle
Does this error message allow me to be more efficient?
Data Viz
Voter Turnout Graph
Fitts LawTime to acquire a target is a function of the distance to and size of the target.
Voter Turnout Graph
-directly under cursor-four sides of the screen-corners of the screen
Continuous Improvement
Continuous Improvement-W. Edwards Deming-responsible for quality of Japanese products-ISO 9000 standards
Results in
DESIGN MODEL ≠ USER MODEL
User Testing
Iterative Cycle
Design + Prototype
User Test
Perfect?
Fin.
Yes!
No
