How we can use user centred design to build better websites

1. UX London 2011 &User centred Design How we can use user centred design methods to build better websites

2. What was UX London 2011? Learn from pioneers in the field of user experience 1 day of inspiring talks 2 days of in-depth workshops

3. What is User eXperience? User “a person that uses something” Experience “a person's perceptions, feelings, and memories of something”

4. What is user centred design A process with the user at the centre, that gives us the tools to make a better user experience It’s a cyclical process, but can involve these stages Research & analysis Creating the design solution Evaluating the solution Continue to measure

5. Research 1 Is that the part of the project where you just surf the internet all day?

6. Research We need to understand who we are designing for Talk to users face to face Use questionnaires Information from the client Site statistics from the existing site Mosaic profiles Then we can use tools to make the research useful 1 3 2 4

7. Personas A way to define who the users are Archetypal users based on real life people Consider their background, lifestyle, goals and habits Should be relevant to the project 1 3 2 4

8. Kim Goodwin The person writing the persona should be doing the research Base them on behaviour / activities not job titles Everyone needs to be happy with them Only do as much as you need UX Consultant, over a decades worth of experience 1 3 2 4 Making personas work...without breaking the bank UX London 2011 workshop

9. User needs & goals A way to define what the user wants from the site Helps us understand the user and decide the functionality and content Prioritise the users goals with business objectives 1 3 2 4 Hotel example

10. User journeys A way to define the user’s thought process Tells us how they get from their need to their goal Helps us decide the site architecture and hierarchy of actions on the site 1 3 2 4 Hotel example

11. What else do we research? Business structure and brand Business services Business objectives Competition What other industries are doing What else is happening online 1 3 2 4

12. Design 2 Don’t you guys just colour in?

13. Design Bring the research together to get the functionality right and put the right content in the right place What we’re designing must satisfy the user, but must also satisfy the business objectives 3 1 4 2

14. Alan Cooper Created the ‘goal oriented design methodology’ Brings the user together with the business and technology What does the user desire? How can the business provide it? How can we actually create something that can do it? Creating a balanced team Everyone works together to find a solution The ‘experts’ control the direction of the project A “software visionary”, owner of Cooper, design consultancy It’s all us 3 1 4 2 UX London 2011 talk

15. Creating a good user experience Use the research, business objectives and scoped out requirements as a basis Consider the interactions, as well as the look & feel Keep the interface as simple as possible 3 1 4 2

16. Giles Colborne Think about ‘Extreme Usability’ Think about who the user is Expert vs. Mainstreamer Perceived efficiency vs. actual efficiency Working in user centred design since 1991 Advanced Simplicity 3 1 4 2 UX London 2011 workshop

17. 3 1 4 2 How John Lewis and Amazon have created simpler shopping process in longer steps

18. 3 1 4 2 How do you simply a remote? From Giles Colborne

19. 3 1 4 2 Remove From Giles Colborne

20. 3 1 4 2 Organise From Giles Colborne

21. 3 1 4 2 Hide From Giles Colborne

22. 3 1 4 2 Displace From Giles Colborne

23. Evaluate 3 It’s rubbish. Do it again, but this time make it good!

24. Evaluate No matter how thorough you’ve been you won’t get it right first time Do user testing to find out what works and what doesn’t 2 1 4 3

25. User testing You can find out early on what isn’t working When creating a prototype only test what you need to and set the expectations of the client Choose the right tool for the job Often should be the tool you know how to use Must be capable of prototyping the functionality require We’ve used Umbraco, wireframes, Hotgloo, InvisionApp 2 1 4 3

26. Todd Zakiwarfel Better for complicated interactions Local data storage May help later on with final build (risky!) Founder of Messagefirst, design research consulting firm Prototyping using HTML5 & CSS3 2 1 4 3 UX London 2011 workshop

27. Measure 4 It’s gone live! We never have to think about it again 

28. Measure Once a site is live we need to keep measuring it and find ways to improve it 2 1 3 4

29. Lou Rosenfeld Doesn’t fix the problems Instead... Prioritise – Focus on the important pages / features Tune – Constantly refine Be opportunistic – Find high value easy fixes and just do them Independent information architecture consultant Why redesign must die 2 1 3 4 UX London 2011 talk & workshop

30. So how can this help us create better websites?

31. What it means for us UX London 2011 confirmed that we’re already doing a lot of the right things It can help us think about how to refine our process and do more of it, and do it better

32. What it means for us Thinking about the user and the client will make projects more successful Working better as a team will make us more productive and efficient

33. The end