User Centred Design


Published on

How we can use user centred design to build better websites

Published in: Technology, Design
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

User Centred Design

  1. 1. UX London 2011 &User centred Design<br />How we can use user centred design methods to build better websites<br />
  2. 2. What was UX London 2011?<br />Learn from pioneers in the field of user experience<br />1 day of inspiring talks<br />2 days of in-depth workshops<br />
  3. 3. What is User eXperience?<br />User<br />“a person that uses something”<br />Experience<br />“a person's perceptions, feelings, and memories of something”<br />
  4. 4. What is user centred design<br />A process with the user at the centre, that gives us the tools to make a better user experience<br />It’s a cyclical process, but can involve these stages<br />Research & analysis<br />Creating the design solution<br />Evaluating the solution<br />Continue to measure<br />
  5. 5. Research<br />1<br />Is that the part of the project where you just surf the internet all day?<br />
  6. 6. Research<br />We need to understand who we are designing for<br />Talk to users face to face<br />Use questionnaires<br />Information from the client<br />Site statistics from the existing site<br />Mosaic profiles<br />Then we can use tools to make the research useful<br />1<br />3<br />2<br />4<br />
  7. 7. Personas<br />A way to define who the users are<br />Archetypal users based on real life people<br />Consider their background, lifestyle, goals and habits<br />Should be relevant to the project<br />1<br />3<br />2<br />4<br />
  8. 8. Kim Goodwin<br />The person writing the persona should be doing the research<br />Base them on behaviour / activities not job titles<br />Everyone needs to be happy with them<br />Only do as much as you need<br />UX Consultant, over a decades worth of experience<br />1<br />3<br />2<br />4<br />Making personas work...without breaking the bank<br />UX London 2011 workshop<br />
  9. 9. User needs & goals<br />A way to define what the user wants from the site<br />Helps us understand the user and decide the functionality and content<br />Prioritise the users goals with business objectives<br />1<br />3<br />2<br />4<br />Hotel example<br />
  10. 10. User journeys<br />A way to define the user’s thought process<br />Tells us how they get from their need to their goal<br />Helps us decide the site architecture and hierarchy of actions on the site<br />1<br />3<br />2<br />4<br />Hotel example<br />
  11. 11. What else do we research?<br />Business structure and brand<br />Business services<br />Business objectives<br />Competition<br />What other industries are doing<br />What else is happening online<br />1<br />3<br />2<br />4<br />
  12. 12. Design<br />2<br />Don’t you guys just colour in?<br />
  13. 13. Design<br />Bring the research together to get the functionality right and put the right content in the right place<br />What we’re designing must satisfy the user, but must also satisfy the business objectives<br />3<br />1<br />4<br />2<br />
  14. 14. Alan Cooper<br />Created the ‘goal oriented design methodology’<br />Brings the user together with the business and technology<br />What does the user desire?<br />How can the business provide it?<br />How can we actually create something that can do it?<br />Creating a balanced team<br />Everyone works together to find a solution<br />The ‘experts’ control the direction of the project<br />A “software visionary”, owner of Cooper, design consultancy<br />It’s all us<br />3<br />1<br />4<br />2<br />UX London 2011 talk<br />
  15. 15. Creating a good user experience<br />Use the research, business objectives and scoped out requirements as a basis<br />Consider the interactions, as well as the look & feel<br />Keep the interface as simple as possible<br />3<br />1<br />4<br />2<br />
  16. 16. Giles Colborne<br />Think about ‘Extreme Usability’<br />Think about who the user is<br />Expert vs. Mainstreamer <br />Perceived efficiency vs. actual efficiency<br />Working in user centred design since 1991<br />Advanced Simplicity<br />3<br />1<br />4<br />2<br />UX London 2011 workshop<br />
  17. 17. 3<br />1<br />4<br />2<br />How John Lewis and Amazon have created simpler shopping process in longer steps<br />
  18. 18. 3<br />1<br />4<br />2<br />How do you simply a remote?<br />From Giles Colborne<br />
  19. 19. 3<br />1<br />4<br />2<br />Remove<br />From Giles Colborne<br />
  20. 20. 3<br />1<br />4<br />2<br />Organise<br />From Giles Colborne<br />
  21. 21. 3<br />1<br />4<br />2<br />Hide<br />From Giles Colborne<br />
  22. 22. 3<br />1<br />4<br />2<br />Displace<br />From Giles Colborne<br />
  23. 23. Evaluate<br />3<br />It’s rubbish. Do it again, but this time make it good!<br />
  24. 24. Evaluate<br />No matter how thorough you’ve been you won’t get it right first time<br />Do user testing to find out what works and what doesn’t<br />2<br />1<br />4<br />3<br />
  25. 25. User testing<br />You can find out early on what isn’t working<br />When creating a prototype only test what you need to and set the expectations of the client<br />Choose the right tool for the job <br />Often should be the tool you know how to use<br />Must be capable of prototyping the functionality require<br />We’ve used Umbraco, wireframes, Hotgloo, InvisionApp<br />2<br />1<br />4<br />3<br />
  26. 26. Todd Zakiwarfel<br />Better for complicated interactions<br />Local data storage<br />May help later on with final build (risky!)<br />Founder of Messagefirst, design research consulting firm<br />Prototyping using HTML5 & CSS3<br />2<br />1<br />4<br />3<br />UX London 2011 workshop<br />
  27. 27. Measure<br />4<br />It’s gone live! We never have to think about it again <br />
  28. 28. Measure<br />Once a site is live we need to keep measuring it and find ways to improve it<br />2<br />1<br />3<br />4<br />
  29. 29. Lou Rosenfeld<br />Doesn’t fix the problems<br />Instead...<br />Prioritise – Focus on the important pages / features<br />Tune – Constantly refine<br />Be opportunistic – Find high value easy fixes and just do them<br />Independent information architecture consultant<br />Why redesign must die<br />2<br />1<br />3<br />4<br />UX London 2011 talk & workshop<br />
  30. 30. So how can this help us create better websites?<br />
  31. 31. What it means for us<br />UX London 2011 confirmed that we’re already doing a lot of the right things<br />It can help us think about how to refine our process and do more of it, and do it better<br />
  32. 32. What it means for us<br />Thinking about the user and the client will make projects more successful<br />Working better as a team will make us more productive and efficient<br />
  33. 33. The end<br />