SlideShare une entreprise Scribd logo
1  sur  10
Télécharger pour lire hors ligne
User Centric Design (UCD)
Basic defintions: User Experince (UX) is about how a product works when a person comes in to contact with it and has to use it. UX quality is measured by the level of satisfaction an average user gets from the product.  A goodUXencourages users to “convert“ to the next level (e.g. subscribe to the site or buy a product). Conversion rate is a common way of measuring the effectiveness (Return of Investment, ROI) of a user experince.  A badUX drives people away from your site, makes them feel stupid, angry or frustrated. User Centered Design (UCD) puts the intended users of a product at the centre of its design and development.  UCDdoes this by taking the user into account every step of the way as the product is being developed.  Involvement of the users are carried out in an iterative fashion.
UCD Basic Workflow The development and  involvement of the users are carried out in an iterative fashion, with the cycle being repeated until the project‘s usability objectives have been attained. The primary steps are: 1) Concept, 2) Research, 3) Prototype, 4) Test, 5) Build/ amend 6)  Testing/ buildinguntilright, 7) Launch, 8) PostLaunchTesting.
5 Planes: Elements of UCD The Five Planes Model provides a conceptual framework for talking about user experience problems and the tools to solve them.  The five planes are built from bottom to top, from an abstract level to a more concrete level. Decisions made on the lower/ higer planes can have ripple effect in both directions.
5 Planes: Elements of UCD The 5Planes are devided in to: Strategy: define sites & user centric goals, do research (interviews, Focus groups), create Personas). Scope: decide content & functional features, create user stories & scenarios. Structure: develop site structure, information architecture, use Card sorting & user stories. Site mapping in Core Process terminology. Skeleton: wireframes, navigation, placement of photos, text, buttons etc. Surface: visual design, concept, colors, mood boards etc. Work on the next plane shall start before the work on the previous plane is finished
User Centric Strategy Create attributes list (Primary goals for visiting the website, Roles: job seeker, information seeker, client etc., Demographics: sex, age, income, single, married etc., Experience: education, tech know-how etc., Organizational: type of job, type of company user works for etc. Prioritize and define what attributes are important for user/ sites goals. Describe segments or user groups to do research on. “Do we know what the problem is, and does this (product, website) solve the problem for those that will use it?”  “What should the user be able to do?”  Our goal is to improve efficiency: Help people work faster and help them make fewer mistakes. First step is to define the average user:
UCD Research Methods Research techniques can be devided in to qualitative (insight)and quantitative (validation) research.  Qualitative research is about discovering new things with a small sample size.  Examples of qualitativeresearch are: 1)Focusgroups (intended/ actual users share thoughts, feelings, 2)User interviews (1 to 1),3)Fieldstudies (observe, asking users in working situation),  4) Cardsorting (suggest structures/ categories) and 5)Usabilitytesting(collect data from people as they use, e.g. think-aloud test). Quantitative research is about testing something with a large sample size. Example: Surveys and Site trafficorlog file analysis. Quantitative research is better at telling you what is happening, qualitativewhy it does.
Personas: Tool for UCD Another way to look at UCD research is to study what people say(goals&attitudes they have) versus what they actually do (behaviors).  When research is finished we create personas, description of typical users. By building a fictional representation of the users we are able to empathize with them and understand their needs.  Personasare marketing-targeted  (purchase motivations) or interactive(usage behaviors).
Personas: Tool for UCD Personas must be actionable. “What are their goals, attitudes and behaviors?”,  are the basic questions we should ask ourselves. Personadescription should include:  Photo (not posed but natural) – Name (normal one) – Age – Location (for cultural and behavioral differences) – Occupation – Biography(facts, anecdote, stories that makes the persona more real). It might also include: Education– Salary – Motto – Online/ offline activities – Loyalty towards a brand – Tech/ Computer knowledge – Social network behavior – Motivationto use brand – User goals. Storytelling: Creating stories about the personas helps us cast a more meaningful vision of the project. Single line stories that include the role of the user and the activity they wish to perform.
Practical Example of UCD  Write short paragraphs and use everyday words. Have good readability.  Large enough body text, high contrast betwean text and background. Have excerpt and bigheadings for light scanning. Have Content and links go-down and go-up in long pages. Use small file graphics so they download quickly. Use meaningful and consistentelements across site. Help and video tutorials on how to use website. Make obvious what’s clickable and what’s not (links, buttons). If possible stay in one window. Printer friendly version. Create shortest paths to completing tasks.  Include a site map or breadcrumbs to show users were they are and were to go. Use good space between lines (1.5) and all elements.

Contenu connexe

Tendances

User Experience & Design Research
User Experience & Design ResearchUser Experience & Design Research
User Experience & Design ResearchVivian Huang
 
Principles of Interactive Design
Principles of Interactive DesignPrinciples of Interactive Design
Principles of Interactive DesignKaren Krull
 
Congresso HCI International
Congresso HCI InternationalCongresso HCI International
Congresso HCI InternationalLuiz Agner
 
Fundamentals and practices of UX research
Fundamentals and practices of UX research Fundamentals and practices of UX research
Fundamentals and practices of UX research Lucia Trezova
 
5 principles of Interactive design
5 principles of Interactive design 5 principles of Interactive design
5 principles of Interactive design Steelers50
 
Milan UX Book Club: Personas
Milan UX Book Club: PersonasMilan UX Book Club: Personas
Milan UX Book Club: PersonasBarbara Vasi
 
Strategic Discipline Overlap - Who's in Charge of Strategy?
Strategic Discipline Overlap - Who's in Charge of Strategy? Strategic Discipline Overlap - Who's in Charge of Strategy?
Strategic Discipline Overlap - Who's in Charge of Strategy? Sarah Weinstein
 
Module 01: Intro and Definitions of UX
Module 01: Intro and Definitions of UXModule 01: Intro and Definitions of UX
Module 01: Intro and Definitions of UXDaniel Drew Turner
 
CoCo - case study
CoCo - case studyCoCo - case study
CoCo - case studyGemma .
 
Interaction design: desiging user interfaces for digital products
Interaction design: desiging user interfaces for digital productsInteraction design: desiging user interfaces for digital products
Interaction design: desiging user interfaces for digital productsDavid Little
 
An Introduction to User Experience (UX) Fundamentals
An Introduction to User Experience (UX) FundamentalsAn Introduction to User Experience (UX) Fundamentals
An Introduction to User Experience (UX) FundamentalsChris LaRoche
 
Demystifying Information Architecture
Demystifying Information ArchitectureDemystifying Information Architecture
Demystifying Information ArchitecturePatrick Kennedy
 
User Experience: An Industry (Always) in Transition
User Experience: An Industry (Always) in TransitionUser Experience: An Industry (Always) in Transition
User Experience: An Industry (Always) in TransitionGino Zahnd
 

Tendances (20)

User Experience & Design Research
User Experience & Design ResearchUser Experience & Design Research
User Experience & Design Research
 
UX for Dummies
UX for DummiesUX for Dummies
UX for Dummies
 
Principles of Interactive Design
Principles of Interactive DesignPrinciples of Interactive Design
Principles of Interactive Design
 
Congresso HCI International
Congresso HCI InternationalCongresso HCI International
Congresso HCI International
 
Myth & fact - Designing for UX
Myth & fact - Designing for UXMyth & fact - Designing for UX
Myth & fact - Designing for UX
 
Summ11 useinterx
Summ11 useinterxSumm11 useinterx
Summ11 useinterx
 
IxD13 Redux
IxD13 ReduxIxD13 Redux
IxD13 Redux
 
Fundamentals and practices of UX research
Fundamentals and practices of UX research Fundamentals and practices of UX research
Fundamentals and practices of UX research
 
5 principles of Interactive design
5 principles of Interactive design 5 principles of Interactive design
5 principles of Interactive design
 
Milan UX Book Club: Personas
Milan UX Book Club: PersonasMilan UX Book Club: Personas
Milan UX Book Club: Personas
 
Strategic Discipline Overlap - Who's in Charge of Strategy?
Strategic Discipline Overlap - Who's in Charge of Strategy? Strategic Discipline Overlap - Who's in Charge of Strategy?
Strategic Discipline Overlap - Who's in Charge of Strategy?
 
Module 03: UX Thinking
Module 03: UX ThinkingModule 03: UX Thinking
Module 03: UX Thinking
 
Module 01: Intro and Definitions of UX
Module 01: Intro and Definitions of UXModule 01: Intro and Definitions of UX
Module 01: Intro and Definitions of UX
 
CoCo - case study
CoCo - case studyCoCo - case study
CoCo - case study
 
Interaction design: desiging user interfaces for digital products
Interaction design: desiging user interfaces for digital productsInteraction design: desiging user interfaces for digital products
Interaction design: desiging user interfaces for digital products
 
User Research 101
User Research 101User Research 101
User Research 101
 
An Introduction to User Experience (UX) Fundamentals
An Introduction to User Experience (UX) FundamentalsAn Introduction to User Experience (UX) Fundamentals
An Introduction to User Experience (UX) Fundamentals
 
Hci [6]interaction design
Hci [6]interaction designHci [6]interaction design
Hci [6]interaction design
 
Demystifying Information Architecture
Demystifying Information ArchitectureDemystifying Information Architecture
Demystifying Information Architecture
 
User Experience: An Industry (Always) in Transition
User Experience: An Industry (Always) in TransitionUser Experience: An Industry (Always) in Transition
User Experience: An Industry (Always) in Transition
 

Similaire à User centric design (ucd)

What is UX and Why should I care in Line of Business Applications?
What is UX and Why should I care in Line of Business Applications?What is UX and Why should I care in Line of Business Applications?
What is UX and Why should I care in Line of Business Applications?Will Tschumy
 
User Centered Design
User Centered DesignUser Centered Design
User Centered DesignShawn Calvert
 
UX Research Methods: Behind the Scenes At Process Street
UX Research Methods: Behind the Scenes At Process StreetUX Research Methods: Behind the Scenes At Process Street
UX Research Methods: Behind the Scenes At Process StreetQuekelsBaro
 
Requirements Engineering for the Humanities
Requirements Engineering for the HumanitiesRequirements Engineering for the Humanities
Requirements Engineering for the HumanitiesShawn Day
 
Design process interaction design basics
Design process interaction design basicsDesign process interaction design basics
Design process interaction design basicsPreeti Mishra
 
Power to the People!
Power to the People!Power to the People!
Power to the People!Zef Fugaz
 
User Experience & Design…Designing for others…UED
User Experience & Design…Designing for others…UEDUser Experience & Design…Designing for others…UED
User Experience & Design…Designing for others…UEDPreeti Chopra
 
Ux Overview
Ux OverviewUx Overview
Ux Overviewmbrosset
 
Symplicit Ark Persona Presentation V2.1
Symplicit   Ark Persona Presentation   V2.1Symplicit   Ark Persona Presentation   V2.1
Symplicit Ark Persona Presentation V2.1jodie moule
 
Growth Hacking with Lean UX
Growth Hacking with Lean UXGrowth Hacking with Lean UX
Growth Hacking with Lean UXJohn Rockson
 
UX / UI Mobile Trends
UX / UI Mobile TrendsUX / UI Mobile Trends
UX / UI Mobile TrendsMark N Swaine
 
Website Usability | Day 1
Website Usability | Day 1Website Usability | Day 1
Website Usability | Day 1studiokandm
 
UX Research - Overview
UX Research - OverviewUX Research - Overview
UX Research - OverviewMike Gallers
 
User Research Portfolio3
User Research Portfolio3User Research Portfolio3
User Research Portfolio3geoffwillcher
 
Enterprise User Experience in Higher Education
Enterprise User Experience in Higher EducationEnterprise User Experience in Higher Education
Enterprise User Experience in Higher EducationTarik (Rick) Dzekman
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for DevelopersSarah Dutkiewicz
 

Similaire à User centric design (ucd) (20)

What is UX and Why should I care in Line of Business Applications?
What is UX and Why should I care in Line of Business Applications?What is UX and Why should I care in Line of Business Applications?
What is UX and Why should I care in Line of Business Applications?
 
Ux design process
Ux design processUx design process
Ux design process
 
User Centered Design
User Centered DesignUser Centered Design
User Centered Design
 
UX Research Methods: Behind the Scenes At Process Street
UX Research Methods: Behind the Scenes At Process StreetUX Research Methods: Behind the Scenes At Process Street
UX Research Methods: Behind the Scenes At Process Street
 
Requirements Engineering for the Humanities
Requirements Engineering for the HumanitiesRequirements Engineering for the Humanities
Requirements Engineering for the Humanities
 
Design process interaction design basics
Design process interaction design basicsDesign process interaction design basics
Design process interaction design basics
 
Power to the People!
Power to the People!Power to the People!
Power to the People!
 
Synopsis 48hour-test
Synopsis 48hour-testSynopsis 48hour-test
Synopsis 48hour-test
 
User Experience & Design…Designing for others…UED
User Experience & Design…Designing for others…UEDUser Experience & Design…Designing for others…UED
User Experience & Design…Designing for others…UED
 
Ux Overview
Ux OverviewUx Overview
Ux Overview
 
Symplicit Ark Persona Presentation V2.1
Symplicit   Ark Persona Presentation   V2.1Symplicit   Ark Persona Presentation   V2.1
Symplicit Ark Persona Presentation V2.1
 
Growth Hacking with Lean UX
Growth Hacking with Lean UXGrowth Hacking with Lean UX
Growth Hacking with Lean UX
 
UX / UI Mobile Trends
UX / UI Mobile TrendsUX / UI Mobile Trends
UX / UI Mobile Trends
 
Website Usability | Day 1
Website Usability | Day 1Website Usability | Day 1
Website Usability | Day 1
 
UX Research - Overview
UX Research - OverviewUX Research - Overview
UX Research - Overview
 
UX Psychology 1st Track.
UX Psychology 1st Track.UX Psychology 1st Track.
UX Psychology 1st Track.
 
User Research Portfolio3
User Research Portfolio3User Research Portfolio3
User Research Portfolio3
 
User Centerd Design
User Centerd DesignUser Centerd Design
User Centerd Design
 
Enterprise User Experience in Higher Education
Enterprise User Experience in Higher EducationEnterprise User Experience in Higher Education
Enterprise User Experience in Higher Education
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for Developers
 

Plus de Gudmundur Sigurfreyr

Plus de Gudmundur Sigurfreyr (8)

Gestaboð Hallgerðar
Gestaboð HallgerðarGestaboð Hallgerðar
Gestaboð Hallgerðar
 
Poor Man's Guide to Publishing
Poor Man's Guide to PublishingPoor Man's Guide to Publishing
Poor Man's Guide to Publishing
 
Sativex: Social Media Strategy
Sativex: Social Media StrategySativex: Social Media Strategy
Sativex: Social Media Strategy
 
SIGURFREYR.COM: E-Magazine, Video-Gallery, Forum, Blog & Survey
SIGURFREYR.COM: E-Magazine, Video-Gallery, Forum, Blog & SurveySIGURFREYR.COM: E-Magazine, Video-Gallery, Forum, Blog & Survey
SIGURFREYR.COM: E-Magazine, Video-Gallery, Forum, Blog & Survey
 
Word Press And Blogging
Word Press And  BloggingWord Press And  Blogging
Word Press And Blogging
 
Word Press And Blogging
Word Press And  BloggingWord Press And  Blogging
Word Press And Blogging
 
Word press and blogging
Word press and bloggingWord press and blogging
Word press and blogging
 
Word Press And Blogging
Word Press And BloggingWord Press And Blogging
Word Press And Blogging
 

User centric design (ucd)

  • 2. Basic defintions: User Experince (UX) is about how a product works when a person comes in to contact with it and has to use it. UX quality is measured by the level of satisfaction an average user gets from the product. A goodUXencourages users to “convert“ to the next level (e.g. subscribe to the site or buy a product). Conversion rate is a common way of measuring the effectiveness (Return of Investment, ROI) of a user experince. A badUX drives people away from your site, makes them feel stupid, angry or frustrated. User Centered Design (UCD) puts the intended users of a product at the centre of its design and development. UCDdoes this by taking the user into account every step of the way as the product is being developed. Involvement of the users are carried out in an iterative fashion.
  • 3. UCD Basic Workflow The development and involvement of the users are carried out in an iterative fashion, with the cycle being repeated until the project‘s usability objectives have been attained. The primary steps are: 1) Concept, 2) Research, 3) Prototype, 4) Test, 5) Build/ amend 6) Testing/ buildinguntilright, 7) Launch, 8) PostLaunchTesting.
  • 4. 5 Planes: Elements of UCD The Five Planes Model provides a conceptual framework for talking about user experience problems and the tools to solve them. The five planes are built from bottom to top, from an abstract level to a more concrete level. Decisions made on the lower/ higer planes can have ripple effect in both directions.
  • 5. 5 Planes: Elements of UCD The 5Planes are devided in to: Strategy: define sites & user centric goals, do research (interviews, Focus groups), create Personas). Scope: decide content & functional features, create user stories & scenarios. Structure: develop site structure, information architecture, use Card sorting & user stories. Site mapping in Core Process terminology. Skeleton: wireframes, navigation, placement of photos, text, buttons etc. Surface: visual design, concept, colors, mood boards etc. Work on the next plane shall start before the work on the previous plane is finished
  • 6. User Centric Strategy Create attributes list (Primary goals for visiting the website, Roles: job seeker, information seeker, client etc., Demographics: sex, age, income, single, married etc., Experience: education, tech know-how etc., Organizational: type of job, type of company user works for etc. Prioritize and define what attributes are important for user/ sites goals. Describe segments or user groups to do research on. “Do we know what the problem is, and does this (product, website) solve the problem for those that will use it?” “What should the user be able to do?” Our goal is to improve efficiency: Help people work faster and help them make fewer mistakes. First step is to define the average user:
  • 7. UCD Research Methods Research techniques can be devided in to qualitative (insight)and quantitative (validation) research. Qualitative research is about discovering new things with a small sample size. Examples of qualitativeresearch are: 1)Focusgroups (intended/ actual users share thoughts, feelings, 2)User interviews (1 to 1),3)Fieldstudies (observe, asking users in working situation), 4) Cardsorting (suggest structures/ categories) and 5)Usabilitytesting(collect data from people as they use, e.g. think-aloud test). Quantitative research is about testing something with a large sample size. Example: Surveys and Site trafficorlog file analysis. Quantitative research is better at telling you what is happening, qualitativewhy it does.
  • 8. Personas: Tool for UCD Another way to look at UCD research is to study what people say(goals&attitudes they have) versus what they actually do (behaviors). When research is finished we create personas, description of typical users. By building a fictional representation of the users we are able to empathize with them and understand their needs. Personasare marketing-targeted (purchase motivations) or interactive(usage behaviors).
  • 9. Personas: Tool for UCD Personas must be actionable. “What are their goals, attitudes and behaviors?”, are the basic questions we should ask ourselves. Personadescription should include: Photo (not posed but natural) – Name (normal one) – Age – Location (for cultural and behavioral differences) – Occupation – Biography(facts, anecdote, stories that makes the persona more real). It might also include: Education– Salary – Motto – Online/ offline activities – Loyalty towards a brand – Tech/ Computer knowledge – Social network behavior – Motivationto use brand – User goals. Storytelling: Creating stories about the personas helps us cast a more meaningful vision of the project. Single line stories that include the role of the user and the activity they wish to perform.
  • 10. Practical Example of UCD Write short paragraphs and use everyday words. Have good readability. Large enough body text, high contrast betwean text and background. Have excerpt and bigheadings for light scanning. Have Content and links go-down and go-up in long pages. Use small file graphics so they download quickly. Use meaningful and consistentelements across site. Help and video tutorials on how to use website. Make obvious what’s clickable and what’s not (links, buttons). If possible stay in one window. Printer friendly version. Create shortest paths to completing tasks. Include a site map or breadcrumbs to show users were they are and were to go. Use good space between lines (1.5) and all elements.