1 / 72

POETry Interaction

POETry Interaction. Alistair D N Edwards University of York, UK http://www-users.cs.york.ac.uk/~alistair/. POETS. Psychology of Everyday Things Don Norman. POETS. Design of Everyday Things Don Norman DOETS. Don Norman. http://www.jnd.org/NNg-Photographs/NNg-photographs.html. Outline.

uri
Download Presentation

POETry Interaction

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. POETry Interaction • Alistair D N Edwards • University of York, UK • http://www-users.cs.york.ac.uk/~alistair/

  2. POETS Psychology of Everyday Things Don Norman

  3. POETS Design of Everyday Things Don Norman DOETS

  4. Don Norman http://www.jnd.org/NNg-Photographs/NNg-photographs.html

  5. Outline • POETS • Nominations • Examples of everyday design • Affordances • Values • Application of these principles to interface design • Homework

  6. Action cycle

  7. Action cycle examples • Submitted by Gloria • gulf-data-form(ANQI ZHANG GLORIA AZ610).docx

  8. Affordance • ‘Interfaces’ should be intuitive • Good designs afford their use

  9. Affordances are • Ill-defined • Why is the chair the favourite example? • Culturally dependent • Evolutionary • Don Norman on affordance (1:52)

  10. Good affordance http://www.dovetailcarpentry.co.uk/images/prime-images/push-bar-door-1.jpg

  11. Good – and bad - affordance Sophia

  12. Value in design • Every design embodies the designers’ values • What are they? • Possibly conflicting

  13. Example values • Accessibility • Aesthetics • Ease-of-use • Ecology • Money-making • Safety • Others?

  14. Conflicting values • Don Norman on the Macintosh on-switch • http://www.jnd.org/dn.mss/designing_future.html

  15. Bathrooms

  16. What would you do with this object? • http://www.freefoto.com/images/13/49/13_49_59---Cold-Water-Tap_web.jpg

  17. What would you do with this?

  18. …and this?

  19. Would you twist it?

  20. More taps The affordance of the water faucet is to open it vertically, but in fact it just can be rotated horizontally.

  21. Mixer taps? • Why does a designer design a ‘very hot water’ and a ‘cold water’, not a ‘warm water’ and a ‘cold water’. The ‘hot water’ faucet is useless because it is ’very hot’.

  22. Affordances evolve? • What would you do with this object?

  23. Hand washer

  24. Hand washer – poor affordance?

  25. Hand dryers • What do you know about someone who wants to dry their hands? • Their hands are wet

  26. Hand dryers

  27. Hand dryers

  28. Hand dryers

  29. What would you do with this dryer?

  30. Nan Yang

  31. Nan Yang

  32. Charger in Zurich airport (Teng Ma) • Good: • Industrial design: battery • Clear metaphor: drawer with lock • Friendly UI

  33. Charger in Zurich airport (Teng Ma) • Clear UI design • Conceptual model • Manual • Accessible

  34. Drinks machines

  35. Drinks machine – good affordance

  36. Drinks machine

  37. Drinks machine at HCI • Printed instruction • Animated display • Hand-written instructions blu-tacked on • …and still a group of HCI experts could not use it

  38. Coffee machine in Zurich airport • (Teng Ma) • Good: • Sugar volume control • Good mapping between execution and interface feedback

  39. Vending machine in Zurich airport • Bad: • Cluttered UI design • Messy use flow • up and down when using • Poor accessibility • too high

  40. Feng Gao • In my opinion, although the competition on hardware of computer is still exist. However, as a product, it needs more to look like a work of art. Not only can satisfy the demands of work, also can let people in a good mood when use it.

  41. Heating machine timer • BAD: • Learnability: • Too complex to learn • Affordance: • How and where to rotate? • Rotating to set timer? • Need I know what time it is now?

  42. Ticket machines

  43. London tube http://www.dkimages.com/discover/previews/777/227964.JPG

  44. York station

  45. York station • Changed – but I am still not happy

  46. www.thetrainline.com • GOOD: • Using the yellow highlight to mark the cheapest one and green highlight to show the ticket time and type. • On the right side, there is a dialog to help user precede a quick buy

  47. Josh Vedder • They both display a good clear Call To Action. I'm afraid I didn't get to find out how they worked as one of the Virgin employees came and spoke to me and I didn't really fancy getting into a full conversation

  48. Door locks

More Related