SlideShare a Scribd company logo
UX London 2011 &User centred DesignHow we can use user centred design methods to build better websites
What was UX London 2011?Learn from pioneers in the field of user experience1 day of inspiring talks2 days of in-depth workshops
What is User eXperience?User“a person that uses something”Experience“a person's perceptions, feelings, and memories of something”
What is user centred designA process with the user at the centre, that gives us the tools to make a better user experienceIt’s a cyclical process, but can involve these stagesResearch & analysisCreating the design solutionEvaluating the solutionContinue to measure
Research1Is that the part of the project where you just surf the internet all day?
ResearchWe need to understand who we are designing forTalk to users face to faceUse questionnairesInformation from the clientSite statistics from the existing siteMosaic profilesThen we can use tools to make the research useful1324
PersonasA way to define who the users areArchetypal users based on real life peopleConsider their background, lifestyle, goals and habitsShould be relevant to the project1324
Kim GoodwinThe person writing the persona should be doing the researchBase them on behaviour / activities not job titlesEveryone needs to be happy with themOnly do as much as you needUX Consultant, over a decades worth of experience1324Making personas work...without breaking the bankUX London 2011 workshop
User needs & goalsA way to define what the user wants from the siteHelps us understand the user and decide the functionality and contentPrioritise the users goals with business objectives1324Hotel example
User journeysA way to define the user’s thought processTells us how they get from their need to their goalHelps us decide the site architecture and hierarchy of actions on the site1324Hotel example
What else do we research?Business structure and brandBusiness servicesBusiness objectivesCompetitionWhat other industries are doingWhat else is happening online1324
Design2Don’t you guys just colour in?
DesignBring the research together to get the functionality right and put the right content in the right placeWhat we’re designing must satisfy the user, but must also satisfy the business objectives3142
Alan CooperCreated the ‘goal oriented design methodology’Brings the user together with the business and technologyWhat does the user desire?How can the business provide it?How can we actually create something that can do it?Creating a balanced teamEveryone works together to find a solutionThe ‘experts’ control the direction of the projectA “software visionary”, owner of Cooper, design consultancyIt’s all us3142UX London 2011 talk
Creating a good user experienceUse the research, business objectives and scoped out requirements as a basisConsider the interactions, as well as the look & feelKeep the interface as simple as possible3142
Giles ColborneThink about ‘Extreme Usability’Think about who the user isExpert vs. Mainstreamer Perceived efficiency vs. actual efficiencyWorking in user centred design since 1991Advanced Simplicity3142UX London 2011 workshop
3142How John Lewis and Amazon have created simpler shopping process in longer steps
3142How do you simply a remote?From Giles Colborne
3142RemoveFrom Giles Colborne
3142OrganiseFrom Giles Colborne
3142HideFrom Giles Colborne
3142DisplaceFrom Giles Colborne
Evaluate3It’s rubbish. Do it again, but this time make it good!
EvaluateNo matter how thorough you’ve been you won’t get it right first timeDo user testing to find out what works and what doesn’t2143
User testingYou can find out early on what isn’t workingWhen creating a prototype only test what you need to and set the expectations of the clientChoose the right tool for the job	Often should be the tool you know how to useMust be capable of prototyping the functionality requireWe’ve used Umbraco, wireframes, Hotgloo, InvisionApp2143
Todd ZakiwarfelBetter for complicated interactionsLocal data storageMay help later on with final build (risky!)Founder of Messagefirst, design research consulting firmPrototyping using HTML5 & CSS32143UX London 2011 workshop
Measure4It’s gone live! We never have to think about it again 
MeasureOnce a site is live we need to keep measuring it and find ways to improve it2134
Lou RosenfeldDoesn’t fix the problemsInstead...Prioritise – Focus on the important pages / featuresTune – Constantly refineBe opportunistic – Find high value easy fixes and just do themIndependent information architecture consultantWhy redesign must die2134UX London 2011 talk & workshop
So how can this help us create better websites?
What it means for usUX London 2011 confirmed that we’re already doing a lot of the right thingsIt can help us think about how to refine our process and do more of it, and do it better
What it means for usThinking about the user and the client will make projects more successfulWorking better as a team will make us more productive and efficient
The end

More Related Content

PDF
The perfect ux designer toolkit
PDF
Introduction to UX Design Workshop | CodingGirls
PPTX
Designing a Cohesive Customer Experience
PPTX
Remote Fieldwork: How observational studies elevated usability at AutoTrader.com
PPTX
Usability and User Experience Training Seminar
PPT
World Usability day: Bridging Research-Practice Gap
PDF
M Hawley Desirability Studies Boston Upa Presentation V4
PPTX
The UX Interview
The perfect ux designer toolkit
Introduction to UX Design Workshop | CodingGirls
Designing a Cohesive Customer Experience
Remote Fieldwork: How observational studies elevated usability at AutoTrader.com
Usability and User Experience Training Seminar
World Usability day: Bridging Research-Practice Gap
M Hawley Desirability Studies Boston Upa Presentation V4
The UX Interview

What's hot (20)

PDF
UX Designer's Toolkit - to design a better world
PDF
Lean User Research - UXPA 2013 Workshop
PDF
Designing user experience (ux) for digital products
PPTX
#flashtest: User Research Live
PPTX
User Experience Design + Agile: The Good, The Bad, and the Ugly
PDF
Collaborative Brainstorming for Better UX Workshop
PDF
UX Design Process 101: Where to start with UX
PDF
Best Practices From 10 Years of Remote Research
PDF
2014 Evolving Your UX Process 1up
PDF
UX Research - Overview
PPTX
Choosing the Right Research Methods for Your Project (webinar)
PPTX
The UX Process Behind Compelling User Experiences
PDF
UXPA 2021: How do you know your users feel satisfied
PPTX
The Secret Sauce for Effective Usability Testing
PPTX
User experience
PDF
User Experience Design: 5 Techniques for Creating Better Websites and Applica...
PDF
Lean UX Workshop
PDF
The tiny internal agency
PDF
Design process
PDF
User Testing: Adapt to Fit Your Needs
UX Designer's Toolkit - to design a better world
Lean User Research - UXPA 2013 Workshop
Designing user experience (ux) for digital products
#flashtest: User Research Live
User Experience Design + Agile: The Good, The Bad, and the Ugly
Collaborative Brainstorming for Better UX Workshop
UX Design Process 101: Where to start with UX
Best Practices From 10 Years of Remote Research
2014 Evolving Your UX Process 1up
UX Research - Overview
Choosing the Right Research Methods for Your Project (webinar)
The UX Process Behind Compelling User Experiences
UXPA 2021: How do you know your users feel satisfied
The Secret Sauce for Effective Usability Testing
User experience
User Experience Design: 5 Techniques for Creating Better Websites and Applica...
Lean UX Workshop
The tiny internal agency
Design process
User Testing: Adapt to Fit Your Needs
Ad

Viewers also liked (16)

PPTX
Accessibility, Usability and User Centred Design (Accessibility)
PPTX
AR/VR and designing for human interaction
PDF
User-Centered Design in IT: the Low-Hanging Fruit
PPTX
Experiences in user centred design at the University of Edinburgh (IWMW2012 w...
PDF
A theoritical model construction in user research by empathic design with per...
PDF
User-centred design
PPTX
Accessibility, Usability and User Centred Design (User centred design)
PDF
Pragmatic user-centred design
PDF
User Centred Design For Web2.0 And Beyond
PDF
Application Prototyping - Pablo González - Capturing and Managing Requirements
PDF
Interaction design methods
PDF
User Centred Design - Designing Better Experiences - General Assembly - April...
PPT
Interaction Design History
PPTX
User interface design: definitions, processes and principles
PDF
User centred design (UCD) and the connected home
PDF
Foundations of Interaction Design
Accessibility, Usability and User Centred Design (Accessibility)
AR/VR and designing for human interaction
User-Centered Design in IT: the Low-Hanging Fruit
Experiences in user centred design at the University of Edinburgh (IWMW2012 w...
A theoritical model construction in user research by empathic design with per...
User-centred design
Accessibility, Usability and User Centred Design (User centred design)
Pragmatic user-centred design
User Centred Design For Web2.0 And Beyond
Application Prototyping - Pablo González - Capturing and Managing Requirements
Interaction design methods
User Centred Design - Designing Better Experiences - General Assembly - April...
Interaction Design History
User interface design: definitions, processes and principles
User centred design (UCD) and the connected home
Foundations of Interaction Design
Ad

Similar to User Centred Design (20)

PDF
Introduction to User Experience - Mike Biggs
PDF
Demystifying User Experience - General Assembly
PDF
Introduction to UX Design
PDF
Designing the user experience
PDF
What ux is
PPTX
Integrating User Centered Design with Agile Development
PDF
User Experience Design: an Overview
PPTX
User Interface Design: Definitions, Processes and Principles
PPTX
Winning hearts and minds: how to embed UX from scratch in a large organisation
PDF
UX workshop
PDF
2017 ux design tour in uk
PPSX
UX Explained
PPTX
Ux Overview
PPTX
The Importance of UX
PPTX
Trends & Tools in UX
PPT
Agile User Experience Design
PDF
UX/UI Introduction
PPT
Designing Better Applications, Website and Intranets
PPT
Designing Better Applications, Websites and Intranets
PDF
UX crash course - part 1
Introduction to User Experience - Mike Biggs
Demystifying User Experience - General Assembly
Introduction to UX Design
Designing the user experience
What ux is
Integrating User Centered Design with Agile Development
User Experience Design: an Overview
User Interface Design: Definitions, Processes and Principles
Winning hearts and minds: how to embed UX from scratch in a large organisation
UX workshop
2017 ux design tour in uk
UX Explained
Ux Overview
The Importance of UX
Trends & Tools in UX
Agile User Experience Design
UX/UI Introduction
Designing Better Applications, Website and Intranets
Designing Better Applications, Websites and Intranets
UX crash course - part 1

Recently uploaded (20)

PDF
Machine learning based COVID-19 study performance prediction
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
DOCX
The AUB Centre for AI in Media Proposal.docx
PPTX
A Presentation on Artificial Intelligence
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
PDF
Empathic Computing: Creating Shared Understanding
PDF
Encapsulation theory and applications.pdf
PDF
Electronic commerce courselecture one. Pdf
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Machine learning based COVID-19 study performance prediction
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
“AI and Expert System Decision Support & Business Intelligence Systems”
CIFDAQ's Market Insight: SEC Turns Pro Crypto
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Dropbox Q2 2025 Financial Results & Investor Presentation
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
The AUB Centre for AI in Media Proposal.docx
A Presentation on Artificial Intelligence
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Unlocking AI with Model Context Protocol (MCP)
Chapter 3 Spatial Domain Image Processing.pdf
Mobile App Security Testing_ A Comprehensive Guide.pdf
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
Empathic Computing: Creating Shared Understanding
Encapsulation theory and applications.pdf
Electronic commerce courselecture one. Pdf
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
NewMind AI Weekly Chronicles - August'25 Week I
Build a system with the filesystem maintained by OSTree @ COSCUP 2025

User Centred Design

  • 1. UX London 2011 &User centred DesignHow 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 experience1 day of inspiring talks2 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 designA process with the user at the centre, that gives us the tools to make a better user experienceIt’s a cyclical process, but can involve these stagesResearch & analysisCreating the design solutionEvaluating the solutionContinue to measure
  • 5. Research1Is that the part of the project where you just surf the internet all day?
  • 6. ResearchWe need to understand who we are designing forTalk to users face to faceUse questionnairesInformation from the clientSite statistics from the existing siteMosaic profilesThen we can use tools to make the research useful1324
  • 7. PersonasA way to define who the users areArchetypal users based on real life peopleConsider their background, lifestyle, goals and habitsShould be relevant to the project1324
  • 8. Kim GoodwinThe person writing the persona should be doing the researchBase them on behaviour / activities not job titlesEveryone needs to be happy with themOnly do as much as you needUX Consultant, over a decades worth of experience1324Making personas work...without breaking the bankUX London 2011 workshop
  • 9. User needs & goalsA way to define what the user wants from the siteHelps us understand the user and decide the functionality and contentPrioritise the users goals with business objectives1324Hotel example
  • 10. User journeysA way to define the user’s thought processTells us how they get from their need to their goalHelps us decide the site architecture and hierarchy of actions on the site1324Hotel example
  • 11. What else do we research?Business structure and brandBusiness servicesBusiness objectivesCompetitionWhat other industries are doingWhat else is happening online1324
  • 12. Design2Don’t you guys just colour in?
  • 13. DesignBring the research together to get the functionality right and put the right content in the right placeWhat we’re designing must satisfy the user, but must also satisfy the business objectives3142
  • 14. Alan CooperCreated the ‘goal oriented design methodology’Brings the user together with the business and technologyWhat does the user desire?How can the business provide it?How can we actually create something that can do it?Creating a balanced teamEveryone works together to find a solutionThe ‘experts’ control the direction of the projectA “software visionary”, owner of Cooper, design consultancyIt’s all us3142UX London 2011 talk
  • 15. Creating a good user experienceUse the research, business objectives and scoped out requirements as a basisConsider the interactions, as well as the look & feelKeep the interface as simple as possible3142
  • 16. Giles ColborneThink about ‘Extreme Usability’Think about who the user isExpert vs. Mainstreamer Perceived efficiency vs. actual efficiencyWorking in user centred design since 1991Advanced Simplicity3142UX London 2011 workshop
  • 17. 3142How John Lewis and Amazon have created simpler shopping process in longer steps
  • 18. 3142How do you simply a remote?From Giles Colborne
  • 23. Evaluate3It’s rubbish. Do it again, but this time make it good!
  • 24. EvaluateNo matter how thorough you’ve been you won’t get it right first timeDo user testing to find out what works and what doesn’t2143
  • 25. User testingYou can find out early on what isn’t workingWhen creating a prototype only test what you need to and set the expectations of the clientChoose the right tool for the job Often should be the tool you know how to useMust be capable of prototyping the functionality requireWe’ve used Umbraco, wireframes, Hotgloo, InvisionApp2143
  • 26. Todd ZakiwarfelBetter for complicated interactionsLocal data storageMay help later on with final build (risky!)Founder of Messagefirst, design research consulting firmPrototyping using HTML5 & CSS32143UX London 2011 workshop
  • 27. Measure4It’s gone live! We never have to think about it again 
  • 28. MeasureOnce a site is live we need to keep measuring it and find ways to improve it2134
  • 29. Lou RosenfeldDoesn’t fix the problemsInstead...Prioritise – Focus on the important pages / featuresTune – Constantly refineBe opportunistic – Find high value easy fixes and just do themIndependent information architecture consultantWhy redesign must die2134UX London 2011 talk & workshop
  • 30. So how can this help us create better websites?
  • 31. What it means for usUX London 2011 confirmed that we’re already doing a lot of the right thingsIt can help us think about how to refine our process and do more of it, and do it better
  • 32. What it means for usThinking about the user and the client will make projects more successfulWorking better as a team will make us more productive and efficient