SlideShare une entreprise Scribd logo
1  sur  14
DESIGNING A USABLE
WEBSITE
Concepts in User-Centered Design
HELLO!
Carolyn Ellis
Digital User Experience Librarian
Technology Project Manager Librarian
The University of Texas at San Antonio Libraries
WHAT IS USER-CENTERED DESIGN (UCD)?
 Approach to design
 Process is grounded in information about your users
 Focused on users through all stages in the process:
planning, discovery, design and validation
HOW USER-CENTERED DESIGN EVOLVED
The Palm Beach Post,
March 8, 1936
„THE HAZARDS OF THE HUMAN‟

The New York Times,
May 25, 1952

• Human Factors Design
• Ergonomics
THREE MILE ISLAND
The T.M.I. accident
was, according to
a 1979 President‟s
Commission
report, “initiated
by mechanical
malfunctions in
the plant and
made much worse
by a combination
of human errors.”

http://www.nytimes.com/2007/09/16/magazine/16wwln-freakonomicst.html?ex=1348632000&en=7444b218f80b1d1b&ei=5124&partner=permalink&exprod=permalink
http://freakonomics.com/2007/09/15/freakonomics-in-the-times-magazine-the-jane-fonda-effect/
FROM THREE MILE ISLAND TO MAC
Designing for Usability: Key Principles and What Designers
Think
J. Gould and Clayton Lewis, IBM, 1985
 Early focus on users and tasks

 Empirical measurement
 Iterative design

Test Drive a Macintosh, 1985
 http://www.youtube.com/watch?v= t5YV4FLVBKI
WHEN CAN YOU USE
USER-CENTERED DESIGN?
 Website design
 Service design
 Product design

How Usable is your Teapot?
DISCOVERY (USER RESEARCH)

Who are are users?
What are their activities?
DESIGN
Test early and often!

Possible methodologies
• Paper prototypes
• Think aloud
• First click
VALIDATION
Usability testing
Ensure the website meets user requirements
It never ends – create a plan for ongoing
testing
MANY METHODS- WHICH IS BEST?
 Determine the best method for each phase of the
process
 Not all methods need to be used

 Considerations: Resources, time, objectives
REDESIGN OR INCREMENTAL CHANGE?
USER-CENTERED DESIGN AND UX
Peter Moreville‟s Honeycomb of UX
Other areas of UX:
•
•
•
•
•

http://semanticstudios.com/publications/semantics/000029.php

Accessibility and 508
Mobile accessibility
Design and credibility
Emotion and pleasure
Value is more than just usability

Contenu connexe

Similaire à UX Unconference - Designing a Usable Website (Carolyn Ellis)

20130221 ucd leuven_leuven
20130221 ucd leuven_leuven20130221 ucd leuven_leuven
20130221 ucd leuven_leuven
Erik Duval
 
Richard florida @ technology
Richard florida @ technologyRichard florida @ technology
Richard florida @ technology
Michael McCallum
 
20130219 chi chi-overzicht
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzicht
Erik Duval
 
Future of Messaging with Mozilla values
Future of Messaging with Mozilla valuesFuture of Messaging with Mozilla values
Future of Messaging with Mozilla values
davidascher
 

Similaire à UX Unconference - Designing a Usable Website (Carolyn Ellis) (10)

Updated! -- #AIIM16 keynote -- Why the H**** Should You Care About Informatio...
Updated! -- #AIIM16 keynote -- Why the H**** Should You Care About Informatio...Updated! -- #AIIM16 keynote -- Why the H**** Should You Care About Informatio...
Updated! -- #AIIM16 keynote -- Why the H**** Should You Care About Informatio...
 
20130221 ucd leuven_leuven
20130221 ucd leuven_leuven20130221 ucd leuven_leuven
20130221 ucd leuven_leuven
 
Deadly Human Errors
Deadly Human ErrorsDeadly Human Errors
Deadly Human Errors
 
Designing for usability: key principles and what designers think
Designing for usability: key principles and what designers thinkDesigning for usability: key principles and what designers think
Designing for usability: key principles and what designers think
 
Richard florida @ technology
Richard florida @ technologyRichard florida @ technology
Richard florida @ technology
 
20130219 chi chi-overzicht
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzicht
 
Understanding the Past and Present to Determine the Future of Design
Understanding the Past and Present to Determine the Future of DesignUnderstanding the Past and Present to Determine the Future of Design
Understanding the Past and Present to Determine the Future of Design
 
Michiganworks
MichiganworksMichiganworks
Michiganworks
 
Designing Better Experiences - UX London 2013
Designing Better Experiences - UX London 2013Designing Better Experiences - UX London 2013
Designing Better Experiences - UX London 2013
 
Future of Messaging with Mozilla values
Future of Messaging with Mozilla valuesFuture of Messaging with Mozilla values
Future of Messaging with Mozilla values
 

Plus de Rebecca Blakiston

Plus de Rebecca Blakiston (20)

Dos and Don'ts from the User Perspective
Dos and Don'ts from the User PerspectiveDos and Don'ts from the User Perspective
Dos and Don'ts from the User Perspective
 
Fostering a UX Culture Across Campus
Fostering a UX Culture Across CampusFostering a UX Culture Across Campus
Fostering a UX Culture Across Campus
 
Advancing Student Success: A Design Thinking Workshop
Advancing Student Success: A Design Thinking WorkshopAdvancing Student Success: A Design Thinking Workshop
Advancing Student Success: A Design Thinking Workshop
 
Creating User-Centered Website Navigation
Creating User-Centered Website NavigationCreating User-Centered Website Navigation
Creating User-Centered Website Navigation
 
Designing Inclusive Web Content
Designing Inclusive Web ContentDesigning Inclusive Web Content
Designing Inclusive Web Content
 
A Human-Centered Strategy for Advancing Library Value
A Human-Centered Strategy for Advancing Library ValueA Human-Centered Strategy for Advancing Library Value
A Human-Centered Strategy for Advancing Library Value
 
Do No Harm: Making Better Forms for People
Do No Harm: Making Better Forms for PeopleDo No Harm: Making Better Forms for People
Do No Harm: Making Better Forms for People
 
Understanding the Graduate Student Experience
Understanding the Graduate Student ExperienceUnderstanding the Graduate Student Experience
Understanding the Graduate Student Experience
 
Design Thinking for the Masses: Creating a Culture of Empathy Across a Librar...
Design Thinking for the Masses: Creating a Culture of Empathy Across a Librar...Design Thinking for the Masses: Creating a Culture of Empathy Across a Librar...
Design Thinking for the Masses: Creating a Culture of Empathy Across a Librar...
 
Writing with Clarity on the Web
Writing with Clarity on the WebWriting with Clarity on the Web
Writing with Clarity on the Web
 
Writing for the User Experience
Writing for the User ExperienceWriting for the User Experience
Writing for the User Experience
 
Creating Usable Websites: An Introduction
Creating Usable Websites: An IntroductionCreating Usable Websites: An Introduction
Creating Usable Websites: An Introduction
 
Building Your Content Strategy Toolkit
Building Your Content Strategy ToolkitBuilding Your Content Strategy Toolkit
Building Your Content Strategy Toolkit
 
Content Strategy for Naysayers
Content Strategy for NaysayersContent Strategy for Naysayers
Content Strategy for Naysayers
 
Presentation for Department Visioning
Presentation for Department VisioningPresentation for Department Visioning
Presentation for Department Visioning
 
Web Writing with the User in Mind
Web Writing with the User in MindWeb Writing with the User in Mind
Web Writing with the User in Mind
 
Content Strategy
Content StrategyContent Strategy
Content Strategy
 
Writing for the Web
Writing for the WebWriting for the Web
Writing for the Web
 
Content Strategy for Library Websites
Content Strategy for Library WebsitesContent Strategy for Library Websites
Content Strategy for Library Websites
 
Content Strategy in Action: Taming a 5,000 Page Franken-site
Content Strategy in Action: Taming a 5,000 Page Franken-siteContent Strategy in Action: Taming a 5,000 Page Franken-site
Content Strategy in Action: Taming a 5,000 Page Franken-site
 

UX Unconference - Designing a Usable Website (Carolyn Ellis)

  • 1. DESIGNING A USABLE WEBSITE Concepts in User-Centered Design
  • 2. HELLO! Carolyn Ellis Digital User Experience Librarian Technology Project Manager Librarian The University of Texas at San Antonio Libraries
  • 3. WHAT IS USER-CENTERED DESIGN (UCD)?  Approach to design  Process is grounded in information about your users  Focused on users through all stages in the process: planning, discovery, design and validation
  • 4. HOW USER-CENTERED DESIGN EVOLVED The Palm Beach Post, March 8, 1936
  • 5. „THE HAZARDS OF THE HUMAN‟ The New York Times, May 25, 1952 • Human Factors Design • Ergonomics
  • 6. THREE MILE ISLAND The T.M.I. accident was, according to a 1979 President‟s Commission report, “initiated by mechanical malfunctions in the plant and made much worse by a combination of human errors.” http://www.nytimes.com/2007/09/16/magazine/16wwln-freakonomicst.html?ex=1348632000&en=7444b218f80b1d1b&ei=5124&partner=permalink&exprod=permalink http://freakonomics.com/2007/09/15/freakonomics-in-the-times-magazine-the-jane-fonda-effect/
  • 7. FROM THREE MILE ISLAND TO MAC Designing for Usability: Key Principles and What Designers Think J. Gould and Clayton Lewis, IBM, 1985  Early focus on users and tasks  Empirical measurement  Iterative design Test Drive a Macintosh, 1985  http://www.youtube.com/watch?v= t5YV4FLVBKI
  • 8. WHEN CAN YOU USE USER-CENTERED DESIGN?  Website design  Service design  Product design How Usable is your Teapot?
  • 9. DISCOVERY (USER RESEARCH) Who are are users? What are their activities?
  • 10. DESIGN Test early and often! Possible methodologies • Paper prototypes • Think aloud • First click
  • 11. VALIDATION Usability testing Ensure the website meets user requirements It never ends – create a plan for ongoing testing
  • 12. MANY METHODS- WHICH IS BEST?  Determine the best method for each phase of the process  Not all methods need to be used  Considerations: Resources, time, objectives
  • 14. USER-CENTERED DESIGN AND UX Peter Moreville‟s Honeycomb of UX Other areas of UX: • • • • • http://semanticstudios.com/publications/semantics/000029.php Accessibility and 508 Mobile accessibility Design and credibility Emotion and pleasure Value is more than just usability