1 / 44

Interaction design

Interaction design. IS 403: User Interface Design Shaun Kane. Today. More on interaction design Getting started with user testing. Check-in on A6. How is everybody doing? Problems? Need feedback? A7 posted. Interaction design.

jered
Télécharger la présentation

Interaction design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Interaction design IS 403: User Interface Design Shaun Kane

  2. Today More on interaction design Getting started with user testing

  3. Check-in on A6 How is everybody doing? Problems? Need feedback? A7posted

  4. Interaction design “Most people make the mistake of thinking design is what it looks like. People think it’s this veneer – that the designers are handed this box and told, ‘Make it look good!’ That’s not what we think design is. It’s not just what it looks like and feels like. Design is how it works.” – Steve Jobs

  5. What makes a good design? • What skills have we picked up so far?

  6. What makes a good design? Requirements gathering Good information design and architecture (IS 387) Good interaction design Testing, iteration, improvement

  7. Some recap from IS 387

  8. Consider a web site… What questionsmight a user have?

  9. Consider a web site… What questionsmight a user have? Where am I? Where can I go? What can I do here? What did I just do?

  10. Tools from IS 387 Site ID Global / persistent navigation “You are here” Breadcrumbs

  11. Site ID The main site, brand identity Click to go home

  12. Global navigation It should be persistent 5 elements

  13. Utilities Site-wide elements that are not part of the content hierarchy Separate them, so we don’t have to shoehorn them into content

  14. “You are here” Show user’s position in hierarchy Helps user understand hierarchy Can be shown in several ways

  15. Breadcrumbs Hierarchical vs. chronological

  16. Buttons and links Make them actions

  17. More about interaction design

  18. The holy texts of usability

  19. The holy texts of usability <- how people think tools, methods ->processes

  20. Norman • You’ve probably read it before • Worth a reread • Now you have fun projects to apply it to

  21. Important ideas from Norman It’s not the user’s fault Affordances Conceptual models Make things visible (system status, feedback) Feedback Mapping Constraints Next time: execution and evaluating

  22. Affordances Examples in everyday life/this class?

  23. Affordances Jared Sinclair, “Untouchtable”. http://blog.jaredsinclair.com/post/64880801326/untouchable

  24. Perceived vs. actual affordance Affords sitting Affords pushing Perceived affordance

  25. Affordances vs. convention What does thisdo?

  26. Affordances vs. convention What does thisdo? A cultural convention: blue underlined things are web links

  27. Conceptual models How the system works vs. how the user thinks it works Examples?

  28. Conceptual models

  29. Conceptual models Good conceptual models aren’t always the same as the system model

  30. System status and feedback What’s going on? What did I just do?

  31. System status

  32. System status Good? Bad?

  33. System status • Good? • - Tells me I need to wait • Bad? • Why? • How long? • What is it doing?

  34. Feedback

  35. Mapping What is it? What is a good mapping?

  36. Mapping

  37. Mapping Arbitrary mapping Natural mapping

  38. Constraints What are they? Good/bad?

  39. Constraints

  40. Don’t do this Phone number: Phone number MUST be formatted XXX-YYY-ZZZZ

  41. Class activity • Take out your phones (no really!) • In groups of two, find good and bad examples of: • Affordances, mapping, feedback, constraints

  42. Next time Norman, model of execution Usability heuristics (Nielsen)

More Related