Interaction Design 101

Transcript

1. 1.

   The road to creating a well thought-out engaging customer experience

2. 2.

   PREPARED BY // GHIS

3. 3.

   PREPARED BY // GHIS

4. 4.

    Understanding how users and technology communicate with each other

   is fundamental  You can anticipate how someone might interact with the system, fix problems early, as well as invent new ways of doing things PREPARED BY // GHIS
5. 5.

    The five dimensions  Usability  Affordances  Goal

   driven interactions  Interaction strategy PREPARED BY // GHIS
6. 6.

    Words  Visual  Physical  Time  Behaviour

   PREPARED BY // GHIS
7. 7.

   1D: Words  Words - especially those used in interactions,

   like button labels - should be meaningful and simple to understand  They should communicate information to users, but not too much information to overwhelm the user PREPARED BY // GHIS
8. 8.

   2D: Visual  This concerns graphical elements like images, icons

   and typography that users interact with  These usually supplement the words used to communicate information to users PREPARED BY // GHIS
9. 9.

   3D: Physical objects or space  Through what physical objects

   do users interact with the product?  What are some of external effects on user interactions with the product? PREPARED BY // GHIS
10. 10.

    4D: Time  This dimension refers to media that changes

    with time (animation, videos, sounds)  Motion and sounds play a crucial role in giving visual and audio feedback to users’ interactions PREPARED BY // GHIS
11. 11.

    5D: Behaviour  This includes the mechanism of a product:

    how do users perform actions on the website? How do users operate the product?  It’s how the previous dimensions define the interactions of a product PREPARED BY // GHIS
12. 12.

    None
13. 13.

    Nielsen and Schneiderman explain usability as being made up of

    five principles:  Learnability  Efficiency  Memorability  Errors  Satisfaction PREPARED BY // GHIS
14. 14.

     How easily can a new user learn to navigate

    the interface?  How quickly can users perform tasks?  If a user hasn’t visited the system in a while, how well will they remember the interface?  How many errors do users make, and how quickly can they recover from errors?  Do users enjoy using the interface, and are they pleased with the results? PREPARED BY // GHIS
15. 15.

    None
16. 16.

     Things that are not only designed to do something,

    but that are designed to look like they are designed to do something.  A button that looks like a physical object you can push, for example, is an affordance designed so that someone unfamiliar with the button will still understand how to interact with it. PREPARED BY // GHIS
17. 17.

    None
18. 18.

    None
19. 19.

    None
20. 20.

    The focus of G.D.D is first satisfying specific needs and

    desires of the end-user, as it opposed to older methods of design, which focused on what capabilities were available on the technology side of things PREPARED BY // GHIS
21. 21.

    I. Design first, develop later II. Separate design and programming

    responsibilities III. Hold designers accountable for product quality and user satisfaction IV. Define personas V. Work in teams of two: Design communicator PREPARED BY // GHIS
22. 22.

    None
23. 23.

     An interaction designer assess the target user’s goals provided

    by user researcher and develop an interaction strategy  A well crafted design strategy helps team members have a common understanding of what interactions need to take place to facilitate user goals PREPARED BY // GHIS
24. 24.

     Define how users can interact with the interface 

    Give users clues of behaviour before actions are taken  Consider system feedback, response time and anticipate errors  Think about each element strategically  Simplify for learnability PREPARED BY // GHIS
25. 25.

    None
26. 26.

     The interaction cost is the sum of efforts -

    mental and physical to the end user  Design interactions with care so user interacting with the product reach their goals at ease PREPARED BY // GHIS
27. 27.

     Designing for Interaction: Creating Innovative Applications and Devices 

    Interaction Design: Beyond Human - Computer Interaction
28. 28.

     Interaction Design Foundation  “Interaction Design: Beyond Human-Computer Interaction”

     Interaction Design Association  Interaction Design Checklist for designers
29. 29.

    None