Your SlideShare is downloading. ×
0
What is Interaction Design?
• Defines structure and behaviour of
interactive products and services and
user interactions w...
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 ...
Signal vs. Noise
Decrease Noise
-ambiguous graphics or
wording
-Chaotic layout
-excessive ads,
promotions, branding
-gratu...
Signal vs. Noise

Avoid obfuscation, over-branding.
Signal to Noise
• When System Image is not
communicating your side of
conversation clearly & unambiguously
– Increase the ...
Metaphors
• Allows users to instantly grasp concept
– Evokes the familiar
– Convey a story
– Create a visual picture in th...
Metaphors Case Study
• 16.8 million
colours
• Whoa!
• Too much?
Metaphors Case Study
•
•
•
•
•

Apple Colour Picker
Familiar metaphor
48 Colours
Labelled
Advanced mode
available
• Everyo...
Principles for Effective Design
•
•
•
•
•
•
•
•
•
•
•
•
•
•

Aesthetics
Animation
Anticipation
Autonomy
Consistency
Custom...
Creating Articles is an Illegal
Act Principle
Efficiency of the User
Does this error message allow me to
be more efficient...
Data Viz

Voter Turnout Graph
Fitts Law
Time to acquire a target is a function of
the distance to and size of the target.
-directly under cursor
-four s...
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
No

Perfect?
Yes!
Fin.
Interaction Design Concepts
Upcoming SlideShare
Loading in...5
×

Interaction Design Concepts

172

Published on

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.

Published in: Design, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
172
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • -not limited to the tech sphere
    -any place where people interact with systems or artifacts
    -very deep, deep discipline
    -under the wholistic discipline of user experience design
    -Communicates a system’s interactivity and functionality
    -Reveals workflows
    -Informs users about system state changes and prevents user error
    -Interaction design is grounded in an understanding of real users (goals, tasks, experiences, needs, and wants) and balances these needs with business goals and technological capabilities.
    -contest form
    -form design
  • Design model is what we want to create.
    System Image represents our Design Model.
    User Model is another term for User Mode another term for Mental Model ~ how users expect to interact.
  • Design model is what we want to create.
    System Image represents our Design Model.
    User Model is another term for User Mode another term for Mental Model ~ how users expect to interact.
    Designers and users take part in a time-shifted conversation.
  • Online, visual recognition is not as important as remembering how a site works, where content is, how to easily find it, is it relevant. User experience is the brand.
  • Make sure you track the user mode.
  • Paper prototypes:
  • Transcript of "Interaction Design Concepts"

    1. 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. 2. TD Green Machine Machine lets you control when you put cash/cheque into slot.
    3. 3. Forms
    4. 4. webpages
    5. 5. Conceptual Model Design Model System Image User Model
    6. 6. Conceptual Model Design Model System Image User Model Human to Human Communication is heart of all Interaction Design.
    7. 7. Information Theory • • • • Based on 2nd law of thermodynamics Energy tends toward entropy Info degrades over time Signal to Noise ratio
    8. 8. Signal vs. Noise Decrease Noise -ambiguous graphics or wording -Chaotic layout -excessive ads, promotions, branding -gratuitous graphics scientific literacy page
    9. 9. Signal vs. Noise Avoid obfuscation, over-branding.
    10. 10. Signal to Noise • When System Image is not communicating your side of conversation clearly & unambiguously – Increase the signal – Or – Reduce the noise
    11. 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. 12. Metaphors Case Study • 16.8 million colours • Whoa! • Too much?
    13. 13. Metaphors Case Study • • • • • Apple Colour Picker Familiar metaphor 48 Colours Labelled Advanced mode available • Everyone loves crayons
    14. 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. 15. Creating Articles is an Illegal Act Principle Efficiency of the User Does this error message allow me to be more efficient?
    16. 16. Data Viz Voter Turnout Graph
    17. 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. 18. Continuous Improvement
    19. 19. Continuous Improvement -W. Edwards Deming -responsible for quality of Japanese products -ISO 9000 standards Results in
    20. 20. DESIGN MODEL ≠ USER MODEL
    21. 21. User Testing
    22. 22. Iterative Cycle Design + Prototype User Test No Perfect? Yes! Fin.
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×