why the best gov sites use user-centered design

62
Howto.gov/ firstfridays Why the best gov sites use User- Centered Design Jonathan Rubin First Fridays Usability Program

Upload: digitalgov-from-general-services-administration

Post on 17-Nov-2014

359 views

Category:

Government & Nonprofit


3 download

DESCRIPTION

Jonathan Rubin, First Fridays Usability Program PPT, 4.93 MB, 62 slides, November 2013

TRANSCRIPT

Page 1: Why the best gov sites use User-Centered Design

Howto.gov/firstfridays

Why the best gov sites use User-Centered Design

Jonathan RubinFirst Fridays Usability Program

Page 2: Why the best gov sites use User-Centered Design

User-Centered Design Takeaways

1. UCD saves money and improves websites

2. Gov’t and top companies already use it

3. UCD = good customer service

4. Use early and often

5. First Fridays can help teach you about UCD

Howto.gov/firstfridays

Page 3: Why the best gov sites use User-Centered Design

Howto.gov/firstfridays

1. What is User-Centered Design?

Page 4: Why the best gov sites use User-Centered Design

You are not your users

Howto.gov/firstfridays

YouTarget

Audience

Page 5: Why the best gov sites use 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

Page 6: Why the best gov sites use User-Centered Design

User-Centered Design

Research Design User Testing (Usability)

• Planning

• Requirements

• Surveys

• Focus Groups

• Personas

• Interviews

• Content Organization

• Tasks

• Prototypes

• Usability Testing

• Expert Eval.

• Interviews

• 508 Testing

Howto.gov/firstfridays

Page 7: Why the best gov sites use User-Centered Design

5 E’s of Usable Products

• Effective

• Efficient

• Engaging

• Error Tolerant

• Easy to Learn

- Whitney Quesenbery (2004) ‘Balancing the 5Es: Usability’

Howto.gov/firstfridays

Page 8: Why the best gov sites use User-Centered Design
Page 9: Why the best gov sites use User-Centered Design

Here!

Page 10: Why the best gov sites use User-Centered Design
Page 11: Why the best gov sites use User-Centered Design

Howto.gov/firstfridays

Page 12: Why the best gov sites use User-Centered Design

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

Page 13: Why the best gov sites use User-Centered Design

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

Page 14: Why the best gov sites use User-Centered Design

From 2013 Survey: # UCD staff

Howto.gov/firstfridaysHowto.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

Page 15: Why the best gov sites use User-Centered Design

Howto.gov/firstfridaysHowto.gov/firstfridays

Top to Bottom UX

Used frequently

Occasional UX

Know but don't practice

No one knows UX

0% 5% 10% 15% 20% 25% 30% 35% 40% 45% 50%

3%

19%

46%

25%

8%

How widespread is UCD / UX at your organization?

Page 16: Why the best gov sites use User-Centered Design

Increase• User success on tasks• Site visits • Customer Satisfaction

Decrease• Time to complete tasks• Volume of emails / help calls• Development Costs

Howto.gov/firstfridays

Benefits of good design

Page 17: Why the best gov sites use User-Centered Design

UCD = Good Customer Service

Page 18: Why the best gov sites use User-Centered Design

Poor design = budget overruns

Three reasons websites go over budget:

1. Requests for changes by users

2. Users can't accomplish key tasks

3. Lack of communication with users

- Lederer & Prasad, ‘Nine Management Guidelines for Better Cost Estimating’ CACM 35 (2).

Howto.gov/firstfridays

Page 19: Why the best gov sites use User-Centered Design

The user is always right. If there is a problem with the use of the system, the system is the problem, not the user.

- IBM usability expert Dr. Clare-Marie Karat

Howto.gov/firstfridays

Page 20: Why the best gov sites use User-Centered Design

For developers and manufacturers, the advantages of creating usable products far outweigh the costs.

The rule of thumb: Every dollar invested in ease of use returns $10 to $100.

- IBM "On User-Centered Design"

Howto.gov/firstfridays

Page 21: Why the best gov sites use User-Centered Design

Howto.gov/firstfridays

2. Usability Testing 101

Page 22: Why the best gov sites use User-Centered Design

User-Centered Design

Research Design User Testing (Usability)

• Surveys

• Focus Groups

• Personas

• User Requirements

• Interviews

• Content Organization

• Tasks

• Prototypes

• Usability Testing

• Expert Eval.

• Interviews

• 508 Testing

Howto.gov/firstfridays

Page 23: Why the best gov sites use User-Centered Design
Page 24: Why the best gov sites use User-Centered Design

Usability Testing (aka User Testing)

Setting a series of tasks for people to complete and noting any problems they encounter

– Andy Budd

Howto.gov/firstfridays

Page 25: Why the best gov sites use User-Centered Design

@jonathan_rubin

Usability is like oxygen - you never notice it until it is missing - Anonymous

Page 26: Why the best gov sites use User-Centered Design

What you need to do a test

1. Something to test (site, poster, service, etc.)

2. Tasks for people to do

Howto.gov/firstfridays

Page 27: Why the best gov sites use User-Centered Design

Top Tasks – Why they’re here

• Learn about your services• Find your contact information• Register for a class• Purchase something• Leave a comment• Get a rate quote

Howto.gov/firstfridays

Page 28: Why the best gov sites use User-Centered Design
Page 29: Why the best gov sites use User-Centered Design

What’s on a testing script

• Give intro and ground rules• Questions about user• Sign release (if recording)• Easy Tasks• Harder tasks• Post-test questions (optional)• Thanks and incentive (if any)

Howto.gov/firstfridays

Page 30: Why the best gov sites use User-Centered Design

Active Listening / Think-Aloud Protocol

• Silent, Traditional, or Coaching (we’ll use this)• Designed to get unbiased data• Tester does 90% of talking• Ask Open Ended Questions (if any)• Be unbiased: Don’t let on if they are right or

wrong

Howto.gov/firstfridays

Page 31: Why the best gov sites use User-Centered Design

If… Don’t Say Say

They aren’t talking

“Hey – we’re paying you here…”

“What are you thinking?”

They get a task wrong

“Oops – that’s wrong!”

“Thanks for the feedback!”

They get a task right

“Good job!” “That’s very helpful!”

Howto.gov/firstfridays

Page 32: Why the best gov sites use User-Centered Design

If… Don’t Say Say

They screw up majorly and get upset

“Ha ha ha.. OMG!”

“Remember, you can’t do anything wrong,” or “You’re doing a great job!”

They criticize your design

“Hey – we worked really hard on this!”

“Thanks for the feedback!”

Howto.gov/firstfridays

Page 33: Why the best gov sites use User-Centered Design

If… Say

They aren’t talking

They get a task wrong

They get a task right

Howto.gov/firstfridays

Page 34: Why the best gov sites use User-Centered Design

If… Say

They screw up majorly and get upset

They criticize your design

Howto.gov/firstfridays

Page 35: Why the best gov sites use User-Centered Design

Howto.gov/firstfridays

4. Website Best Practices

Page 36: Why the best gov sites use User-Centered Design

Most common website problems

1. Users can't understand purpose of site

2. Top tasks difficult to complete

3. Too much text / information not prioritized

4. Confusing or obscure terms

5. Navigation not consistent

Howto.gov/firstfridays

Page 37: Why the best gov sites use User-Centered Design

Website Best Practices

1. Clear starting point

2. Have cream rise to the top

3. Make search simple

4. Plain Language

5. Consistent navigation

Howto.gov/firstfridays

Page 38: Why the best gov sites use User-Centered Design

1. Give a clear starting point

Howto.gov/firstfridays

Page 39: Why the best gov sites use User-Centered Design

Howto.gov/firstfridays

Page 40: Why the best gov sites use User-Centered Design

Howto.gov/firstfridays

Page 41: Why the best gov sites use User-Centered Design

2. Make cream rise to the top

Howto.gov/firstfridays

Page 42: Why the best gov sites use User-Centered Design

5. Difficulty with top tasks1. Can’t find info via any means or know

where to begin

Page 43: Why the best gov sites use User-Centered Design

5. Difficulty with top tasks1. Can’t find info via any means or know

where to begin

Page 44: Why the best gov sites use User-Centered Design
Page 45: Why the best gov sites use User-Centered Design

3. Use Plain Language

Howto.gov/firstfridays

Page 46: Why the best gov sites use User-Centered Design

Howto.gov/firstfridays

Page 47: Why the best gov sites use User-Centered Design

Howto.gov/firstfridays

Page 48: Why the best gov sites use User-Centered Design

4. Make search simple

Howto.gov/firstfridaysHowto.gov/firstfridays

Page 49: Why the best gov sites use User-Centered Design

Howto.gov/firstfridaysHowto.gov/firstfridays

Page 50: Why the best gov sites use User-Centered Design

Howto.gov/firstfridaysHowto.gov/firstfridays

Page 51: Why the best gov sites use User-Centered Design

Howto.gov/firstfridaysHowto.gov/firstfridays

Page 52: Why the best gov sites use User-Centered Design

Howto.gov/firstfridaysHowto.gov/firstfridays

Page 53: Why the best gov sites use User-Centered Design

Howto.gov/firstfridaysHowto.gov/firstfridays

Before: 7 text items to scan

After: 3 text items to scan

Page 54: Why the best gov sites use User-Centered Design

5. Consistent Navigation

Howto.gov/firstfridays

Page 55: Why the best gov sites use User-Centered Design

Howto.gov/firstfridays

Page 56: Why the best gov sites use User-Centered Design

Howto.gov/firstfridays

Page 57: Why the best gov sites use User-Centered Design
Page 58: Why the best gov sites use User-Centered Design

6 things you can do right now

1. Talk to users

2. Define top 3 target audience groups

3. Determine top tasks / Prioritize content

4. Expert Evaluation (Howto.gov/firstfridays )

5. Usability test (Rocket Surgery Made Easy)

6. Training (us or DigitalGov University)

Howto.gov/firstfridays

Page 59: Why the best gov sites use User-Centered Design
Page 60: Why the best gov sites use User-Centered Design

Howto.gov/firstfridays

6. In Conclusion

Page 61: Why the best gov sites use User-Centered Design

User-Centered Design Takeaways

1. UCD saves money and improves websites

2. Gov’t and top companies already use it

3. UCD = good customer service

4. Use early and often

5. First Fridays can help teach you about UCD

Howto.gov/firstfridays

Page 62: Why the best gov sites use User-Centered Design

First Fridays Usability Program

Jonathan Rubin

[email protected]

Twitter: @govnewmedia

www.Howto.gov/firstfridays

Howto.gov/firstfridaysHowto.gov/firstfridays