User-Centered Design: How to Make Usable, Customer-Centric Websites Jonathan Rubin First Fridays Usability Program Nov. 13, 2013
User-Centered Design Takeaways UCD saves money and improves websites Gov’t and top companies already use it UCD = good customer service Use early and often First Fridays can help teach you about UCD Howto.gov/firstfridays
Agenda What is User-Centered Design? Who are we + How we can help How you can use UCD Howto.gov/firstfridays Howto.gov/firstfridays
Error Wall of Shame http://errorwallofshame.tumblr.com/
Attention grabber…. Japan – land of the user experience
Howto.gov/firstfridays 1. What is User-Centered Design?
User-Centered Design = Focusing on needs, wants, and limitations of target audience of a product at each stage of the design process. Howto.gov/firstfridays
You are not your users Howto.gov/firstfridays You Target Audience
User-Centered Design Research Design User Testing (Usability) Surveys Focus Groups Personas Interviews User Tasks Content Organization Card Sorts Tree Testing Prototypes Usability Testing Expert Eval. Interviews 508 Testing Howto.gov/firstfridays
5 E’s of Usable Products E ffective E fficient E ngaging E rror Tolerant E asy to Learn - Whitney Quesenbery (2004) ‘Balancing the 5Es: Usability’ Howto.gov/firstfridays
Here!
Howto.gov/firstfridays
User-Centered Design: Not a soft science Rooted in: Cognitive Science - 1930s Human Factors and Ergonomics - WWI "Scientific Management" - 19th cen. Scientific Method Howto.gov/firstfridays
UCD degrees at 60+ Universities Stanford Carnegie Mellon Univ of Michigan NYU Penn State University of Wisconsin-Madison Fortune 500 companies with UCD teams Walmart Apple GE GM Ford Google, etc. Howto.gov/firstfridays
From 2013 Survey: # UCD staff Howto.gov/firstfridays Howto.gov/firstfridays Part Time Full Time Had at least 1 person 86% 59% Average # of people 2 3 Range of people 0-10 0-30
Howto.gov/firstfridays Howto.gov/firstfridays
Reduced developer time Reduced maintenance Reduced training time Reduced help desk calls / emails High task completion rate Increased customer satisfaction PR boost What’s the ROI? Howto.gov/firstfridays
Things that diminish goodwill By Steve Krug Hiding information that I want Punishing me for not doing things your way Asking me for information you don’t really need Disengenuousness – Your call is important… Having me wade through marketing Amatuerish design
Know the main things that people do on your site and make them obvious and easy Tell me what I want to know Save me steps whenever you can Put effort into making your site easy Know what questions I’m likely to have, and answer them Things that increase goodwill By Steve Krug
UCD = Good Customer Service
Poor design = budget overruns Three reasons websites go over budget: Requests for changes by users Users can't accomplish key tasks Lack of communication with users - Lederer & Prasad, ‘Nine Management Guidelines for Better Cost Estimating’ CACM 35 (2). Howto.gov/firstfridays
Howto.gov/firstfridays 2. What is the First Fridays Usability Program?
Howto.gov/firstfridays GSA Communities of Practice Social Media Training ( DigitalGov University) Challenges & Innovation Usability (FirstFridays) Best Practices (Howto.gov ) GSA’s Digital Services for Agencies
Training in User-Centered Design Demonstration User Tests Awareness Community of Practice Howto.gov/firstfridays
Agencies we’ve helped in 2013 SBA Dept. of Energy Library of Congress HHS Data.gov DOD FCC U.S. Air Force CFPB DHS GSA … and more Howto.gov/firstfridays
User-Centered Design Research Design User Testing (Usability) Surveys Focus Groups Personas Interviews User Tasks Content Organization Card Sorts Tree Testing Prototypes Usability Testing Expert Eval. Interviews 508 Testing Howto.gov/firstfridays
Client Begin focusing on UCD Hire a contractor (GSA Advantage)
FF: Small changes, big impact Three small fixes Low-hanging fruit 30 days Results!
Before After
Average daily visits up 50% Mobile Home visits up 32% Help Page visits up 1200% Desktop site visits up 3.3% Howto.gov/firstfridays
For app email [email protected] Our Application Presentation Training User Interviews User Test Expert Eval For Application: [email protected]
Howto.gov/firstfridays 3. How you can improve products with UCD
User-Centered Design Research Design User Testing (Usability) Surveys Focus Groups Personas Interviews User Tasks Card Sorts Tree Testing Prototypes Usability Testing Howto.gov/firstfridays
1. Just starting out: Research Know what your organization wants Know what your users want Surveys Focus Groups Interviews User Tasks Personas
1b. Personas Fictional representation major audience Composite based on demo, goals, values Card Sorts Tree Testing Google: First Fridays Persona Template
You are not your users Howto.gov/firstfridays You Target Audience
2. Design Make Data-based decisions Test content model + hierarchy Card Sorts / Information Architecture Tree Testing Prototypes
Prototypes
3. Testing Validate design with real users Test again… and again. Earlier (pre-launch) is better User Interviews Expert Evaluations Usability Testing
But we DID User Acceptance Testing! User Acceptance Testing ≠ Usability Testing UAT = kicking the tires, checking engine Usability Testing is driving the car There is NO substitute for usability testing!
If your site is already live, do this: Usability testing Analysis of metrics Use Twitter as customer service line Reviewing comments through surveys Via Usability.gov
User-Centered Design Takeaways UCD saves money and improves websites Gov’t and top companies already use it UCD = good customer service Use early and often First Fridays can help teach you about UCD Howto.gov/firstfridays
Upcoming events Howto.gov/firstfridays Usability Testing Workshop at www.howto.gov/training (Nov. 21) Usability Test Volunteers (ongoing)
First Fridays Usability Program Jonathan Rubin [email protected] Twitter: @govnewmedia www.Howto.gov/firstfridays Howto.gov/firstfridays Howto.gov/firstfridays