Your SlideShare is downloading. ×
0
An Introduction to  User Centred Design Techniques Suze Ingram November 2009
Introduction What is UCD? Techniques <ul><ul><li>Personas and Scenarios </li></ul></ul><ul><ul><li>Wireframing </li></ul><...
What is UCD? <ul><li>The best websites, intranets and applications result from understanding the needs of the people who w...
Suze Ingram November 2009 Contextual enquiries
Suze Ingram November 2009 Contextual enquiries <ul><li>Call centre example </li></ul><ul><li>Shadow the participant  </li>...
Suze Ingram November 2009 Diary studies
Suze Ingram November 2009 Diary studies <ul><li>Brief the participants and provide a kit </li></ul><ul><li>Kits can contai...
Suze Ingram November 2009 User workshops
Suze Ingram November 2009 User workshops <ul><li>About 2 hours  </li></ul><ul><li>Collaborative </li></ul><ul><li>Design y...
Suze Ingram November 2009 Card sorting
Suze Ingram November 2009 Card sorting <ul><li>Each card contains the name of one content item </li></ul><ul><li>Sort a se...
Personas and Scenarios
Personas and Scenarios <ul><li>Analyse outcomes of user research </li></ul><ul><li>Amalgamate findings from many sources <...
Wireframes
Wireframes <ul><li>Can be handrawn or computer based (Visio, Axure) </li></ul><ul><li>Creates the layout and functionality...
Paper prototyping
Paper prototyping <ul><li>Design and testing </li></ul><ul><li>User performs realistic tasks by interacting with the paper...
User testing
User testing <ul><li>One person per test session </li></ul><ul><li>45min – 1 hour </li></ul><ul><li>Users work through a s...
Recap… Suze Ingram November 2009
Suze Ingram November 2009 Contextual enquiries
Suze Ingram November 2009 Diary studies
Suze Ingram November 2009 User workshops
Suze Ingram November 2009 Card sorting
Personas and Scenarios
Wireframes
Paper prototyping
User testing
If there’s one thing to take away… <ul><li>You are not your audience </li></ul><ul><li>Add some UCD techniques into your w...
Keep in touch… [email_address] Mobile  0413 473 151 My blog  (google “suze ingram”) Suze Ingram November 2009
Photo credits Suze Ingram November 2009 Contextual enquiries  http://www.flickr.com/photos/psmithson/44990517/ Diary studi...
Upcoming SlideShare
Loading in...5
×

An Introduction To User Centred Design Techniques

5,169

Published on

Published in: Technology, Business

Transcript of "An Introduction To User Centred Design Techniques"

  1. 1. An Introduction to User Centred Design Techniques Suze Ingram November 2009
  2. 2. Introduction What is UCD? Techniques <ul><ul><li>Personas and Scenarios </li></ul></ul><ul><ul><li>Wireframing </li></ul></ul><ul><ul><li>Paper Prototyping </li></ul></ul><ul><ul><li>User Testing </li></ul></ul><ul><ul><li>Contextual enquiries </li></ul></ul><ul><ul><li>Diary studies </li></ul></ul><ul><ul><li>User workshops </li></ul></ul><ul><ul><li>Card sorting </li></ul></ul>Suze Ingram November 2009
  3. 3. What is UCD? <ul><li>The best websites, intranets and applications result from understanding the needs of the people who will use them </li></ul><ul><li>learn about users and their tasks and goals </li></ul><ul><li>Inform the vision and direction of a website or intranet </li></ul><ul><li>Benefits </li></ul><ul><ul><li>ideas generated early </li></ul></ul><ul><ul><li>unfavourable ideas ruled out early </li></ul></ul><ul><ul><li>hidden requirements uncovered </li></ul></ul><ul><ul><li>final product matches what users need </li></ul></ul>Suze Ingram November 2009
  4. 4. Suze Ingram November 2009 Contextual enquiries
  5. 5. Suze Ingram November 2009 Contextual enquiries <ul><li>Call centre example </li></ul><ul><li>Shadow the participant </li></ul><ul><li>Observe normal, day-to-day tasks </li></ul><ul><li>Pretend this is my induction </li></ul><ul><li>Ask what would make their job easier </li></ul><ul><li>Why do it? </li></ul><ul><ul><li>you really need to understand the users' work context </li></ul></ul><ul><ul><li>learning about work practices in domains that you know nothing about </li></ul></ul>
  6. 6. Suze Ingram November 2009 Diary studies
  7. 7. Suze Ingram November 2009 Diary studies <ul><li>Brief the participants and provide a kit </li></ul><ul><li>Kits can contain a diary, stickers, a camera, a voice recorder, pens, post-it notes, staplers etc </li></ul><ul><li>Reminders… </li></ul><ul><li>Follow-up interview </li></ul><ul><li>Why do it? </li></ul><ul><ul><li>gather information from users with minimal influence on their actions </li></ul></ul><ul><ul><li>the process or event takes place intermittently or over a long period </li></ul></ul>
  8. 8. Suze Ingram November 2009 User workshops
  9. 9. Suze Ingram November 2009 User workshops <ul><li>About 2 hours </li></ul><ul><li>Collaborative </li></ul><ul><li>Design your own homepage </li></ul><ul><li>Bullseye Priotisation </li></ul><ul><li>Why do it? </li></ul><ul><ul><li>Brings users into the design process as partners </li></ul></ul><ul><ul><li>Start to conceptualise the solution </li></ul></ul>
  10. 10. Suze Ingram November 2009 Card sorting
  11. 11. Suze Ingram November 2009 Card sorting <ul><li>Each card contains the name of one content item </li></ul><ul><li>Sort a set of cards into groups which made sense to them </li></ul><ul><li>Create labels for each of their card groups </li></ul><ul><li>Look for patterns in the groups and labels </li></ul><ul><li>Why do it? </li></ul><ul><ul><li>Simple </li></ul></ul><ul><ul><li>Cheap </li></ul></ul><ul><ul><li>Quick to execute (not analyse) </li></ul></ul><ul><ul><li>Provides a good foundation </li></ul></ul>
  12. 12. Personas and Scenarios
  13. 13. Personas and Scenarios <ul><li>Analyse outcomes of user research </li></ul><ul><li>Amalgamate findings from many sources </li></ul><ul><li>Look for pattern and themes in user needs, beharviours and motivations </li></ul><ul><li>Why do it? </li></ul><ul><ul><li>Understand your users, their needs, behaviours and motivations </li></ul></ul><ul><ul><li>Puts observations and learnings into memorable stories </li></ul></ul><ul><ul><li>Provides a constant touchstone allowing the project team to maintain focus on the user and their needs throughout the project. </li></ul></ul>
  14. 14. Wireframes
  15. 15. Wireframes <ul><li>Can be handrawn or computer based (Visio, Axure) </li></ul><ul><li>Creates the layout and functionality of a page </li></ul><ul><li>Takes user needs and user journeys into account </li></ul><ul><li>No colour or decoration invovled </li></ul><ul><li>Why do it? </li></ul><ul><ul><li>Provides an early visual that that can be used to review with the client </li></ul></ul><ul><ul><li>Can be tested with users </li></ul></ul><ul><ul><li>Saves considerable time and money </li></ul></ul>
  16. 16. Paper prototyping
  17. 17. Paper prototyping <ul><li>Design and testing </li></ul><ul><li>User performs realistic tasks by interacting with the paper prototype </li></ul><ul><li>Inclusive nature of paper </li></ul><ul><li>Users can cut up the design, cross things out and add new features </li></ul><ul><li>Why do it? </li></ul><ul><ul><li>helps identify usability problems even before any code is written </li></ul></ul><ul><ul><li>Cheap and simple </li></ul></ul>
  18. 18. User testing
  19. 19. User testing <ul><li>One person per test session </li></ul><ul><li>45min – 1 hour </li></ul><ul><li>Users work through a set of tasks using the product being evaluated </li></ul><ul><li>Usability laboratory, at the person's desk or in a room </li></ul><ul><li>Why do it? </li></ul><ul><ul><li>Evaluate, from the user's perspective, the ease of use and intuitiveness </li></ul></ul><ul><ul><li>Discover likes and dislikes </li></ul></ul><ul><ul><li>Uncover difficulties users may have </li></ul></ul><ul><ul><li>Used during redesign or to evaluate an existing product </li></ul></ul>
  20. 20. Recap… Suze Ingram November 2009
  21. 21. Suze Ingram November 2009 Contextual enquiries
  22. 22. Suze Ingram November 2009 Diary studies
  23. 23. Suze Ingram November 2009 User workshops
  24. 24. Suze Ingram November 2009 Card sorting
  25. 25. Personas and Scenarios
  26. 26. Wireframes
  27. 27. Paper prototyping
  28. 28. User testing
  29. 29. If there’s one thing to take away… <ul><li>You are not your audience </li></ul><ul><li>Add some UCD techniques into your work </li></ul>Suze Ingram November 2009
  30. 30. Keep in touch… [email_address] Mobile 0413 473 151 My blog (google “suze ingram”) Suze Ingram November 2009
  31. 31. Photo credits Suze Ingram November 2009 Contextual enquiries http://www.flickr.com/photos/psmithson/44990517/ Diary studies http://www.flickr.com/photos/jderuna/2312274541/ User workshops http://www.flickr.com/photos/jbarahona/2033523991/sizes/l/ Card sorting http://www.flickr.com/photos/yandle/907991950/in/set-72157600662519454/ Personas and scenarios http://www.flickr.com/photos/katiekills/2271842696/ Wireframes http://www.flickr.com/photos/collylogic/2715890481/ Paper prototyping http://www.flickr.com/photos/21218849@N03/2880770542/ User testing http://www.flickr.com/photos/l-i-n-k/3654390818/in/set-72157620252713653/
  1. A particular slide catching your eye?

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

×