SlideShare ist ein Scribd-Unternehmen logo
1 von 33
UX London 2011 &User centred Design How we can use user centred design methods to build better websites
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
What is User eXperience? User “a person that uses something” Experience “a person's perceptions, feelings, and memories of something”
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
Research 1 Is that the part of the project where you just surf the internet all day?
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
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
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
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
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
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
Design 2 Don’t you guys just colour in?
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
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
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
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
3 1 4 2 How John Lewis and Amazon have created simpler shopping process in longer steps
3 1 4 2 How do you simply a remote? From Giles Colborne
3 1 4 2 Remove From Giles Colborne
3 1 4 2 Organise From Giles Colborne
3 1 4 2 Hide From Giles Colborne
3 1 4 2 Displace From Giles Colborne
Evaluate 3 It’s rubbish. Do it again, but this time make it good!
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
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
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
Measure 4 It’s gone live! We never have to think about it again 
Measure Once a site is live we need to keep measuring it and find ways to improve it 2 1 3 4
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
So how can this help us create better websites?
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
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
The end

Weitere ähnliche Inhalte

Was ist angesagt?

Collaborative Brainstorming for Better UX Workshop
Collaborative Brainstorming for Better UX WorkshopCollaborative Brainstorming for Better UX Workshop
Collaborative Brainstorming for Better UX Workshop
Jessica Ivins
 
2014 Evolving Your UX Process 1up
2014 Evolving Your UX Process 1up2014 Evolving Your UX Process 1up
2014 Evolving Your UX Process 1up
Tom Brinck
 
User Experience Design: 5 Techniques for Creating Better Websites and Applica...
User Experience Design: 5 Techniques for Creating Better Websites and Applica...User Experience Design: 5 Techniques for Creating Better Websites and Applica...
User Experience Design: 5 Techniques for Creating Better Websites and Applica...
nForm User Experience
 

Was ist angesagt? (20)

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

Ähnlich wie User centred design

25 march introducing design methods
25 march introducing design methods25 march introducing design methods
25 march introducing design methods
Abhishek Sagar
 
Multi Platform User Exerience
Multi Platform User ExerienceMulti Platform User Exerience
Multi Platform User Exerience
Tanya Zavialova
 

Ähnlich wie User centred design (20)

User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an Overview
 
Design Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardDesign Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris Bernard
 
DIY Usability
DIY UsabilityDIY Usability
DIY Usability
 
Ux matters2016-final
Ux matters2016-finalUx matters2016-final
Ux matters2016-final
 
What ux is
What ux isWhat ux is
What ux is
 
Fundamentals of UX Design
Fundamentals of UX DesignFundamentals of UX Design
Fundamentals of UX Design
 
25 march introducing design methods
25 march introducing design methods25 march introducing design methods
25 march introducing design methods
 
25 march introducing design methods
25 march introducing design methods25 march introducing design methods
25 march introducing design methods
 
Requirements Engineering for the Humanities
Requirements Engineering for the HumanitiesRequirements Engineering for the Humanities
Requirements Engineering for the Humanities
 
Multi Platform User Exerience
Multi Platform User ExerienceMulti Platform User Exerience
Multi Platform User Exerience
 
Code clan industry expert talk
Code clan industry expert talkCode clan industry expert talk
Code clan industry expert talk
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for Developers
 
Jan Moons at WUD16
Jan Moons at WUD16Jan Moons at WUD16
Jan Moons at WUD16
 
Understanding User Experience Workshop - Interlink Conference 2012
Understanding User Experience Workshop - Interlink Conference 2012Understanding User Experience Workshop - Interlink Conference 2012
Understanding User Experience Workshop - Interlink Conference 2012
 
Richard Marsh, Enterprising User Experience - Flex and the city
Richard Marsh, Enterprising User Experience - Flex and the cityRichard Marsh, Enterprising User Experience - Flex and the city
Richard Marsh, Enterprising User Experience - Flex and the city
 
UX principles for co-founders
UX principles for co-foundersUX principles for co-founders
UX principles for co-founders
 
Mobile Best Practices for UX
Mobile Best Practices for UXMobile Best Practices for UX
Mobile Best Practices for UX
 
UX for start-ups, presented to start-ups in Wayra, London
UX for start-ups, presented to start-ups in Wayra, LondonUX for start-ups, presented to start-ups in Wayra, London
UX for start-ups, presented to start-ups in Wayra, London
 
Webinar on UX ToolBox for Product Managers : UX-PM
Webinar on UX ToolBox for Product Managers : UX-PMWebinar on UX ToolBox for Product Managers : UX-PM
Webinar on UX ToolBox for Product Managers : UX-PM
 
UX Research Methodologies
UX Research MethodologiesUX Research Methodologies
UX Research Methodologies
 

Kürzlich hochgeladen

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 

Kürzlich hochgeladen (20)

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Cyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdfCyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdf
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 

User centred design

  • 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