SlideShare ist ein Scribd-Unternehmen logo
1 von 22
Downloaden Sie, um offline zu lesen
Introduction to User-Centered Design
JA-SIG Unconference
11/13/07

Allison Bloodworth, Senior User Interaction Designer, University of California, Berkeley
Gary Thompson, User Experience Leader, Unicon, Inc.
•
•
•
•
•
•
•

What is User Experience?
What is Design?
What is User-Centered Design?
What do designers do?
What is our design process?
How to take it home
Questions
What is User Experience
(UX)?
• User Experience is the sum experience of a user
interacting with a product.

- Peter Morville

- James Melzer
What is Design?
• The aim of design is to create good user
experiences.
What is Design?
• Design is a craft – an artistic science – that melds
technology and humanity
What is User-Centered
Design (UCD)?
• The user is put in the center of the design
Why UCD/UX?
•
•
•
•
•

Increased customer satisfaction
Increased user productivity/efficiency/accuracy
Increased service/site usage and adoption
Decreased support and training costs
Reduced development time and costs
– Create only the features users need

• Reduced maintenance costs
– Do it right the first time

Adapted from Usability Professionals’ Association website,
http://www.upassoc.org/usability_resources/about_usability/definitions_of_usability.html
What do designers do?
•
•
•
•
•
•

User Research
Usability Analysis
Information Architecture
Interaction Design
User Interface Design
Visual/Graphic Design

- Jesse James Garrett
What is our design process?
1.
2.
3.
4.
5.
6.
7.

User Needs Assessment
Competitive/Comparative Analysis
Heuristic Evaluation
Personas
Goals, Tasks & Scenarios
Design Concepts
User Testing
1. User Needs Assessment
•
•
•
•

Surveys
Interviews
Focus groups
Advanced observation techniques
– Field studies
– Contextual inquiries
– Ethnography
2. Competitive/Comparative
Analysis
• Try using similar services or products in order to find
out:
–
–
–
–
–

Current trends in the marketplace
What expectations your users will have
What to do, what not to do
Interface conventions
“Must have” standard features
3. Heuristic Evaluation
• Evaluate an existing interface (or new interface
concept) based on set of usability criteria
• Mostly used to highlight usability problems and
deficiencies
• May or may not propose usability solutions
• Identified problem areas are addressed by
subsequent design work
• Normally done with expert evaluators, but it can be
a valuable tool for anyone
• One detailed checklist:
http://www.stcsig.org/usability/topics/articles/hechecklist.html
3. Heuristic Evaluation
•
•
•
•
•
•
•
•
•

Visibility of system status
Match between the system and the real world
User control and freedom
Consistency and standards
Error prevention
Recognition rather than recall
Flexibility and efficiency of use
Aesthetic and minimalist design
Help users recognize, diagnose, and recover from
errors
• Help and documentation
From Jakob Nielsen, “Ten Usability Heuristics,” http://www.useit.com/papers/heuristic/heuristic_list.html
4. Personas
• Models of “archetypical” users culled from user research
• Each persona is a description of one particular “typical”
user of your system
• Personas may be combined if they have the same (or
sometimes overlapping) goals
• Be specific, make them real
– Pictures, posters
– Include details about their life—humanize them

• Places the focus on specific users rather than on
"everyone”
• Helps avoid “the elastic user”
4. Sample Persona
• Edward (Eddie) Calhoun
– 35 years old
– IT Person, Computational Physics
Department
– Came to UC Berkeley for his masters
degree in CP, graduated in June of 2005.
– Hired to continue working as an IT
person for the CP department, where he
had done some work as a student.
– Is very good with computers (even
builds his own PCs), but they aren’t his
whole life
– Fell in love with Angie while a student,
they are busy planning a wedding for
June of 2007.
5. Goals, Tasks & Scenarios
• Goals:
– Are what the user wants to do, but not how the user achieves
them

• Tasks:
– Describe the steps necessary to achieve the goals
– Can vary with the available technology
– Are broken down into steps for task analysis, and are
recombined into sequence of steps for scenario development
– Designers can reorganize, combine, or remove tasks currently
performed to help users achieve their goals more efficiently

• Scenarios:
– Written description of a persona achieving a goal through a set
of tasks in a specific context
– Should start technology-neutral and become more specific as
the design progresses
6. Design Concepts
• Start rough
• Explore!
• Use personas to keep
the users in view
• Use scenarios to
inform the design
• Get frequent feedback
• Note user conventions
• Make design artifacts
public
• May be expressed in a
prototype for usability
testing

Design
Prototype

Evaluate

Image courtesy of James Landay
6. User Testing
• Let users validate or invalidate the design
• Ask the user to complete selected typical tasks (from
scenarios) and think aloud while they do it
• Test early in the process
• Can test with 3-5 users (or less!)
• “Formal” testing
• Measures “success”
– Set success criteria prior to testing (best done at the project
outset)
– Compare to baseline if you have one
– Have usability problems revealed in the heuristic evaluation
been addressed?
6. User Testing
•
•
•
•
•
•
•

Define what is to be tested
Select users based on personas
Administer the tests
Analyze the data
Document the findings in a brief
Share the findings with the development team
Determine what design changes will be made based
on test results
6. Facilitating a User Test
•
•
•
•
•

Explain that you are testing the product, not the user
Distance yourself from the product
Don’t react
Don’t help
No need to write down exactly what each user does
– trends will emerge
• Save discussion or explanations for the end
How to take it home
• What is the climate of your institution when it comes
to design?
• Do you have resources with the right skillsets for a
UCD process?
• How much UCD can you reasonably accomplish in
your current reality?
• Can you support UCD activity with tools and/or
budget?
• Who is your primary audience?
Questions?

Weitere ähnliche Inhalte

Was ist angesagt?

Usability methods to improve EMRs
Usability methods to improve EMRsUsability methods to improve EMRs
Usability methods to improve EMRsJeffery Belden
 
An Introduction To User Centred Design Techniques
An Introduction To User Centred Design TechniquesAn Introduction To User Centred Design Techniques
An Introduction To User Centred Design Techniquessuzeingram
 
Building a ux team
Building a ux team Building a ux team
Building a ux team Bruno Mendes
 
UX Strategy as told by the paintings of Jan Steen
UX Strategy as told by the paintings of Jan SteenUX Strategy as told by the paintings of Jan Steen
UX Strategy as told by the paintings of Jan SteenJonathan Arnowitz
 
Tackle the Problem with Design Thinking - GDSC UAD
Tackle the Problem with Design Thinking - GDSC UADTackle the Problem with Design Thinking - GDSC UAD
Tackle the Problem with Design Thinking - GDSC UADgallangsadewa
 
What is Usability
What is UsabilityWhat is Usability
What is UsabilityTed Tschopp
 
Great Agile in a UX World
Great Agile in a UX WorldGreat Agile in a UX World
Great Agile in a UX WorldAnthony Viviano
 
User Centred Design (UCD) Presentation
User Centred Design (UCD) PresentationUser Centred Design (UCD) Presentation
User Centred Design (UCD) PresentationVinai Kumar
 
How User Experience Evolves in a Company - a New Look at UX Maturity Models
How User Experience Evolves in a Company - a New Look at UX Maturity ModelsHow User Experience Evolves in a Company - a New Look at UX Maturity Models
How User Experience Evolves in a Company - a New Look at UX Maturity ModelsUXPA Boston
 
The theory of great UX/UI Design
The theory of great UX/UI DesignThe theory of great UX/UI Design
The theory of great UX/UI DesignSachin Karweer
 
A Developers Take on Cooper
A Developers Take on CooperA Developers Take on Cooper
A Developers Take on CooperAdam Jordens
 
Ux design process&docmenteiton
Ux design process&docmenteitonUx design process&docmenteiton
Ux design process&docmenteitonShunsuke Kawai
 
HoytUX Design Process 2016
HoytUX Design Process 2016HoytUX Design Process 2016
HoytUX Design Process 2016Rob Hoyt
 
User Interface Prototyping - Low- and High-Fidelity Prototyping Today
User Interface Prototyping - Low- and High-Fidelity Prototyping TodayUser Interface Prototyping - Low- and High-Fidelity Prototyping Today
User Interface Prototyping - Low- and High-Fidelity Prototyping TodayThomas Memmel
 
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
 
Understanding The Value Of User Research, Usability Testing, and Information ...
Understanding The Value Of User Research, Usability Testing, and Information ...Understanding The Value Of User Research, Usability Testing, and Information ...
Understanding The Value Of User Research, Usability Testing, and Information ...Kyle Soucy
 
Design Thinking - Overview - 05 August 2014
Design Thinking - Overview - 05 August 2014Design Thinking - Overview - 05 August 2014
Design Thinking - Overview - 05 August 2014Ian H Smith
 

Was ist angesagt? (20)

Usability methods to improve EMRs
Usability methods to improve EMRsUsability methods to improve EMRs
Usability methods to improve EMRs
 
An Introduction To User Centred Design Techniques
An Introduction To User Centred Design TechniquesAn Introduction To User Centred Design Techniques
An Introduction To User Centred Design Techniques
 
Building a ux team
Building a ux team Building a ux team
Building a ux team
 
UX Strategy as told by the paintings of Jan Steen
UX Strategy as told by the paintings of Jan SteenUX Strategy as told by the paintings of Jan Steen
UX Strategy as told by the paintings of Jan Steen
 
Tackle the Problem with Design Thinking - GDSC UAD
Tackle the Problem with Design Thinking - GDSC UADTackle the Problem with Design Thinking - GDSC UAD
Tackle the Problem with Design Thinking - GDSC UAD
 
UX Maturity Models
UX Maturity ModelsUX Maturity Models
UX Maturity Models
 
What is Usability
What is UsabilityWhat is Usability
What is Usability
 
Great Agile in a UX World
Great Agile in a UX WorldGreat Agile in a UX World
Great Agile in a UX World
 
User Centred Design (UCD) Presentation
User Centred Design (UCD) PresentationUser Centred Design (UCD) Presentation
User Centred Design (UCD) Presentation
 
How User Experience Evolves in a Company - a New Look at UX Maturity Models
How User Experience Evolves in a Company - a New Look at UX Maturity ModelsHow User Experience Evolves in a Company - a New Look at UX Maturity Models
How User Experience Evolves in a Company - a New Look at UX Maturity Models
 
The theory of great UX/UI Design
The theory of great UX/UI DesignThe theory of great UX/UI Design
The theory of great UX/UI Design
 
A Developers Take on Cooper
A Developers Take on CooperA Developers Take on Cooper
A Developers Take on Cooper
 
Introduction to Usability
Introduction to UsabilityIntroduction to Usability
Introduction to Usability
 
Ux design process&docmenteiton
Ux design process&docmenteitonUx design process&docmenteiton
Ux design process&docmenteiton
 
HoytUX Design Process 2016
HoytUX Design Process 2016HoytUX Design Process 2016
HoytUX Design Process 2016
 
User Interface Prototyping - Low- and High-Fidelity Prototyping Today
User Interface Prototyping - Low- and High-Fidelity Prototyping TodayUser Interface Prototyping - Low- and High-Fidelity Prototyping Today
User Interface Prototyping - Low- and High-Fidelity Prototyping Today
 
User Centered Design 101
User Centered Design 101User Centered Design 101
User Centered Design 101
 
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?
 
Understanding The Value Of User Research, Usability Testing, and Information ...
Understanding The Value Of User Research, Usability Testing, and Information ...Understanding The Value Of User Research, Usability Testing, and Information ...
Understanding The Value Of User Research, Usability Testing, and Information ...
 
Design Thinking - Overview - 05 August 2014
Design Thinking - Overview - 05 August 2014Design Thinking - Overview - 05 August 2014
Design Thinking - Overview - 05 August 2014
 

Andere mochten auch

Listen to your Users. Building an Intranet with User Centered Design at Novartis
Listen to your Users. Building an Intranet with User Centered Design at NovartisListen to your Users. Building an Intranet with User Centered Design at Novartis
Listen to your Users. Building an Intranet with User Centered Design at NovartisMarek Nowakowski
 
Ux lady-designing-for-error
Ux lady-designing-for-errorUx lady-designing-for-error
Ux lady-designing-for-errorsilvana churruca
 
User-centered design: A road map to usability
User-centered design: A road map to usabilityUser-centered design: A road map to usability
User-centered design: A road map to usabilityWill Sansbury
 
Bringing User-Centered Design Practices into Agile Development Projects
Bringing User-CenteredDesign Practices intoAgile Development ProjectsBringing User-CenteredDesign Practices intoAgile Development Projects
Bringing User-Centered Design Practices into Agile Development Projectsabcd82
 
User centered design in mobile app development
User centered design in mobile app developmentUser centered design in mobile app development
User centered design in mobile app developmentMichael Ong
 
The UX Disciplines
The UX DisciplinesThe UX Disciplines
The UX DisciplinesNick Finck
 
User Centered Design in short
User Centered Design in shortUser Centered Design in short
User Centered Design in shortsilvana churruca
 

Andere mochten auch (7)

Listen to your Users. Building an Intranet with User Centered Design at Novartis
Listen to your Users. Building an Intranet with User Centered Design at NovartisListen to your Users. Building an Intranet with User Centered Design at Novartis
Listen to your Users. Building an Intranet with User Centered Design at Novartis
 
Ux lady-designing-for-error
Ux lady-designing-for-errorUx lady-designing-for-error
Ux lady-designing-for-error
 
User-centered design: A road map to usability
User-centered design: A road map to usabilityUser-centered design: A road map to usability
User-centered design: A road map to usability
 
Bringing User-Centered Design Practices into Agile Development Projects
Bringing User-CenteredDesign Practices intoAgile Development ProjectsBringing User-CenteredDesign Practices intoAgile Development Projects
Bringing User-Centered Design Practices into Agile Development Projects
 
User centered design in mobile app development
User centered design in mobile app developmentUser centered design in mobile app development
User centered design in mobile app development
 
The UX Disciplines
The UX DisciplinesThe UX Disciplines
The UX Disciplines
 
User Centered Design in short
User Centered Design in shortUser Centered Design in short
User Centered Design in short
 

Ähnlich wie Introduction to User-Centered Design

User Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and PrinciplesUser Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and PrinciplesMoodLabs
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principlesDavid Little
 
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
 
Guerilla Human Computer Interaction and Customer Based Design
Guerilla Human Computer Interaction and Customer Based DesignGuerilla Human Computer Interaction and Customer Based Design
Guerilla Human Computer Interaction and Customer Based DesignQuentin Christensen
 
Dey alexander usability_training_notes_01
Dey alexander usability_training_notes_01Dey alexander usability_training_notes_01
Dey alexander usability_training_notes_01danamato
 
Evaluation methods
Evaluation methodsEvaluation methods
Evaluation methodsEva Durall
 
Usability Evaluation
Usability EvaluationUsability Evaluation
Usability EvaluationSaqib Shehzad
 
Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012Samantha Bailey
 
User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an OverviewJulie Grundy
 
UXD - A quick overview on what you need to work with your UX team
UXD - A quick overview on what you need to work with your UX team UXD - A quick overview on what you need to work with your UX team
UXD - A quick overview on what you need to work with your UX team Guilherme Rodrigues
 
Introduction to UX Research: Fundamentals of Contextual Inquiry
Introduction to UX Research: Fundamentals of Contextual InquiryIntroduction to UX Research: Fundamentals of Contextual Inquiry
Introduction to UX Research: Fundamentals of Contextual InquiryMarc Niola
 
11 - Evaluating Framework in Interaction Design_new.pptx
11 - Evaluating Framework in Interaction Design_new.pptx11 - Evaluating Framework in Interaction Design_new.pptx
11 - Evaluating Framework in Interaction Design_new.pptxZahirahZairul2
 
UserExperienceWebroot
UserExperienceWebrootUserExperienceWebroot
UserExperienceWebrootNancy Shepard
 
Conducting User Research
Conducting User ResearchConducting User Research
Conducting User ResearchJeremy Horn
 
Don’t just test Usability – build it!
Don’t just test Usability – build it! Don’t just test Usability – build it!
Don’t just test Usability – build it! KAROLINA ZMITROWICZ
 
Website Usability & User Experience: Veel bezoekers, weinig klanten?
Website Usability & User Experience: Veel bezoekers, weinig klanten?Website Usability & User Experience: Veel bezoekers, weinig klanten?
Website Usability & User Experience: Veel bezoekers, weinig klanten?Johan Verhaegen
 
Selling userneedsassessment 7-30-07_full
Selling userneedsassessment 7-30-07_fullSelling userneedsassessment 7-30-07_full
Selling userneedsassessment 7-30-07_fullAllison Bloodworth
 

Ähnlich wie Introduction to User-Centered Design (20)

User Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and PrinciplesUser Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and Principles
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principles
 
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
 
Guerilla Human Computer Interaction and Customer Based Design
Guerilla Human Computer Interaction and Customer Based DesignGuerilla Human Computer Interaction and Customer Based Design
Guerilla Human Computer Interaction and Customer Based Design
 
Dey alexander usability_training_notes_01
Dey alexander usability_training_notes_01Dey alexander usability_training_notes_01
Dey alexander usability_training_notes_01
 
Evaluation methods
Evaluation methodsEvaluation methods
Evaluation methods
 
Usability Evaluation
Usability EvaluationUsability Evaluation
Usability Evaluation
 
Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012
 
User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an Overview
 
UXD - A quick overview on what you need to work with your UX team
UXD - A quick overview on what you need to work with your UX team UXD - A quick overview on what you need to work with your UX team
UXD - A quick overview on what you need to work with your UX team
 
Introduction to UX Research: Fundamentals of Contextual Inquiry
Introduction to UX Research: Fundamentals of Contextual InquiryIntroduction to UX Research: Fundamentals of Contextual Inquiry
Introduction to UX Research: Fundamentals of Contextual Inquiry
 
11 - Evaluating Framework in Interaction Design_new.pptx
11 - Evaluating Framework in Interaction Design_new.pptx11 - Evaluating Framework in Interaction Design_new.pptx
11 - Evaluating Framework in Interaction Design_new.pptx
 
UserExperienceWebroot
UserExperienceWebrootUserExperienceWebroot
UserExperienceWebroot
 
Conducting User Research
Conducting User ResearchConducting User Research
Conducting User Research
 
Don’t just test Usability – build it!
Don’t just test Usability – build it! Don’t just test Usability – build it!
Don’t just test Usability – build it!
 
Website Usability & User Experience: Veel bezoekers, weinig klanten?
Website Usability & User Experience: Veel bezoekers, weinig klanten?Website Usability & User Experience: Veel bezoekers, weinig klanten?
Website Usability & User Experience: Veel bezoekers, weinig klanten?
 
Selling userneedsassessment 7-30-07_full
Selling userneedsassessment 7-30-07_fullSelling userneedsassessment 7-30-07_full
Selling userneedsassessment 7-30-07_full
 
VIGC Academy
VIGC AcademyVIGC Academy
VIGC Academy
 
ICS3211_lecture 04 2023.pdf
ICS3211_lecture 04 2023.pdfICS3211_lecture 04 2023.pdf
ICS3211_lecture 04 2023.pdf
 
Heuristic evaluation principles
Heuristic evaluation principlesHeuristic evaluation principles
Heuristic evaluation principles
 

Mehr von Allison Bloodworth

Make Your Data Come Alive: Visual Design's Role in Creating Compelling Visual...
Make Your Data Come Alive: Visual Design's Role in Creating Compelling Visual...Make Your Data Come Alive: Visual Design's Role in Creating Compelling Visual...
Make Your Data Come Alive: Visual Design's Role in Creating Compelling Visual...Allison Bloodworth
 
Model-driven Application Design for a Campus Calendar Network
Model-driven Application Design for a Campus Calendar NetworkModel-driven Application Design for a Campus Calendar Network
Model-driven Application Design for a Campus Calendar NetworkAllison Bloodworth
 
User-Centered Design in IT: the Low-Hanging Fruit
User-Centered Design in IT: the Low-Hanging FruitUser-Centered Design in IT: the Low-Hanging Fruit
User-Centered Design in IT: the Low-Hanging FruitAllison Bloodworth
 
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...Allison Bloodworth
 
Use Cases in the Fluid Project
Use Cases in the Fluid ProjectUse Cases in the Fluid Project
Use Cases in the Fluid ProjectAllison Bloodworth
 
Using Personas to Create User-centered Designs
Using Personas to Create User-centered DesignsUsing Personas to Create User-centered Designs
Using Personas to Create User-centered DesignsAllison Bloodworth
 

Mehr von Allison Bloodworth (7)

Make Your Data Come Alive: Visual Design's Role in Creating Compelling Visual...
Make Your Data Come Alive: Visual Design's Role in Creating Compelling Visual...Make Your Data Come Alive: Visual Design's Role in Creating Compelling Visual...
Make Your Data Come Alive: Visual Design's Role in Creating Compelling Visual...
 
Model-driven Application Design for a Campus Calendar Network
Model-driven Application Design for a Campus Calendar NetworkModel-driven Application Design for a Campus Calendar Network
Model-driven Application Design for a Campus Calendar Network
 
Fluid Design Pattern Library
Fluid Design Pattern LibraryFluid Design Pattern Library
Fluid Design Pattern Library
 
User-Centered Design in IT: the Low-Hanging Fruit
User-Centered Design in IT: the Low-Hanging FruitUser-Centered Design in IT: the Low-Hanging Fruit
User-Centered Design in IT: the Low-Hanging Fruit
 
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
 
Use Cases in the Fluid Project
Use Cases in the Fluid ProjectUse Cases in the Fluid Project
Use Cases in the Fluid Project
 
Using Personas to Create User-centered Designs
Using Personas to Create User-centered DesignsUsing Personas to Create User-centered Designs
Using Personas to Create User-centered Designs
 

Kürzlich hochgeladen

New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxBkGupta21
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
What is Artificial Intelligence?????????
What is Artificial Intelligence?????????What is Artificial Intelligence?????????
What is Artificial Intelligence?????????blackmambaettijean
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteDianaGray10
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 

Kürzlich hochgeladen (20)

New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptx
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
What is Artificial Intelligence?????????
What is Artificial Intelligence?????????What is Artificial Intelligence?????????
What is Artificial Intelligence?????????
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdf
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 

Introduction to User-Centered Design

  • 1. Introduction to User-Centered Design JA-SIG Unconference 11/13/07 Allison Bloodworth, Senior User Interaction Designer, University of California, Berkeley Gary Thompson, User Experience Leader, Unicon, Inc.
  • 2. • • • • • • • What is User Experience? What is Design? What is User-Centered Design? What do designers do? What is our design process? How to take it home Questions
  • 3. What is User Experience (UX)? • User Experience is the sum experience of a user interacting with a product. - Peter Morville - James Melzer
  • 4. What is Design? • The aim of design is to create good user experiences.
  • 5. What is Design? • Design is a craft – an artistic science – that melds technology and humanity
  • 6. What is User-Centered Design (UCD)? • The user is put in the center of the design
  • 7. Why UCD/UX? • • • • • Increased customer satisfaction Increased user productivity/efficiency/accuracy Increased service/site usage and adoption Decreased support and training costs Reduced development time and costs – Create only the features users need • Reduced maintenance costs – Do it right the first time Adapted from Usability Professionals’ Association website, http://www.upassoc.org/usability_resources/about_usability/definitions_of_usability.html
  • 8. What do designers do? • • • • • • User Research Usability Analysis Information Architecture Interaction Design User Interface Design Visual/Graphic Design - Jesse James Garrett
  • 9. What is our design process? 1. 2. 3. 4. 5. 6. 7. User Needs Assessment Competitive/Comparative Analysis Heuristic Evaluation Personas Goals, Tasks & Scenarios Design Concepts User Testing
  • 10. 1. User Needs Assessment • • • • Surveys Interviews Focus groups Advanced observation techniques – Field studies – Contextual inquiries – Ethnography
  • 11. 2. Competitive/Comparative Analysis • Try using similar services or products in order to find out: – – – – – Current trends in the marketplace What expectations your users will have What to do, what not to do Interface conventions “Must have” standard features
  • 12. 3. Heuristic Evaluation • Evaluate an existing interface (or new interface concept) based on set of usability criteria • Mostly used to highlight usability problems and deficiencies • May or may not propose usability solutions • Identified problem areas are addressed by subsequent design work • Normally done with expert evaluators, but it can be a valuable tool for anyone • One detailed checklist: http://www.stcsig.org/usability/topics/articles/hechecklist.html
  • 13. 3. Heuristic Evaluation • • • • • • • • • Visibility of system status Match between the system and the real world User control and freedom Consistency and standards Error prevention Recognition rather than recall Flexibility and efficiency of use Aesthetic and minimalist design Help users recognize, diagnose, and recover from errors • Help and documentation From Jakob Nielsen, “Ten Usability Heuristics,” http://www.useit.com/papers/heuristic/heuristic_list.html
  • 14. 4. Personas • Models of “archetypical” users culled from user research • Each persona is a description of one particular “typical” user of your system • Personas may be combined if they have the same (or sometimes overlapping) goals • Be specific, make them real – Pictures, posters – Include details about their life—humanize them • Places the focus on specific users rather than on "everyone” • Helps avoid “the elastic user”
  • 15. 4. Sample Persona • Edward (Eddie) Calhoun – 35 years old – IT Person, Computational Physics Department – Came to UC Berkeley for his masters degree in CP, graduated in June of 2005. – Hired to continue working as an IT person for the CP department, where he had done some work as a student. – Is very good with computers (even builds his own PCs), but they aren’t his whole life – Fell in love with Angie while a student, they are busy planning a wedding for June of 2007.
  • 16. 5. Goals, Tasks & Scenarios • Goals: – Are what the user wants to do, but not how the user achieves them • Tasks: – Describe the steps necessary to achieve the goals – Can vary with the available technology – Are broken down into steps for task analysis, and are recombined into sequence of steps for scenario development – Designers can reorganize, combine, or remove tasks currently performed to help users achieve their goals more efficiently • Scenarios: – Written description of a persona achieving a goal through a set of tasks in a specific context – Should start technology-neutral and become more specific as the design progresses
  • 17. 6. Design Concepts • Start rough • Explore! • Use personas to keep the users in view • Use scenarios to inform the design • Get frequent feedback • Note user conventions • Make design artifacts public • May be expressed in a prototype for usability testing Design Prototype Evaluate Image courtesy of James Landay
  • 18. 6. User Testing • Let users validate or invalidate the design • Ask the user to complete selected typical tasks (from scenarios) and think aloud while they do it • Test early in the process • Can test with 3-5 users (or less!) • “Formal” testing • Measures “success” – Set success criteria prior to testing (best done at the project outset) – Compare to baseline if you have one – Have usability problems revealed in the heuristic evaluation been addressed?
  • 19. 6. User Testing • • • • • • • Define what is to be tested Select users based on personas Administer the tests Analyze the data Document the findings in a brief Share the findings with the development team Determine what design changes will be made based on test results
  • 20. 6. Facilitating a User Test • • • • • Explain that you are testing the product, not the user Distance yourself from the product Don’t react Don’t help No need to write down exactly what each user does – trends will emerge • Save discussion or explanations for the end
  • 21. How to take it home • What is the climate of your institution when it comes to design? • Do you have resources with the right skillsets for a UCD process? • How much UCD can you reasonably accomplish in your current reality? • Can you support UCD activity with tools and/or budget? • Who is your primary audience?