Transcript
Page 1: Users, Usability & User Experience - at PodCamp Cleveland 2011

Users, Usability & User Experience

PodCamp Cleveland 2011April 30, 2011

Page 2: Users, Usability & User Experience - at PodCamp Cleveland 2011

Carol Smith

• Midwest Research, LLC• MS in Human-Computer Interaction

Education

Page 3: Users, Usability & User Experience - at PodCamp Cleveland 2011

What You’ll Learn

• Basics of Usability and User Experience.

• Quick and cheap methods you can start now.

Page 4: Users, Usability & User Experience - at PodCamp Cleveland 2011

Designing for Everyone is

Impossible

Page 5: Users, Usability & User Experience - at PodCamp Cleveland 2011

Who will use your product?

What do they need to do?

Observing the User Experience: A Practitioner's Guide to User Research by Mike Kuniavsky

Page 6: Users, Usability & User Experience - at PodCamp Cleveland 2011

Need to Understand User’s Experience

Page 7: Users, Usability & User Experience - at PodCamp Cleveland 2011

User’s Experience

• Interaction with a product, service, or company– Functional – Emotional– Sensorial– Social

Page 8: Users, Usability & User Experience - at PodCamp Cleveland 2011

Functional

• Able to complete task– Find information– Submit form– Contact someone– Purchase item

Page 9: Users, Usability & User Experience - at PodCamp Cleveland 2011

Sensorial

• Visual– Layout– Colors– Images

• Auditory– Video– Music– Ads

Page 10: Users, Usability & User Experience - at PodCamp Cleveland 2011

Emotional

• Bring their life with them• Interface – Conveys ideas and emotions– Sets the tone

Page 11: Users, Usability & User Experience - at PodCamp Cleveland 2011

• Interactions with other people• Social networking• Help features• Chat

Social

Page 12: Users, Usability & User Experience - at PodCamp Cleveland 2011

Where They Overlap...

X➘Experience

Functional EmotionalSensorialSocial

Page 13: Users, Usability & User Experience - at PodCamp Cleveland 2011

Usability is an important characteristic

of what makes a good User Experience

Page 14: Users, Usability & User Experience - at PodCamp Cleveland 2011

Functional Aspects

• Effective• Efficient• Learnable

Page 15: Users, Usability & User Experience - at PodCamp Cleveland 2011

Key Attributes

• Usefulness• User feel in control• Supports, supplements and enhances skills

and expertise

Page 16: Users, Usability & User Experience - at PodCamp Cleveland 2011

Minimize Human Cost

• Tiredness• Discomfort• Embarrassment• Frustration• Effort

Page 17: Users, Usability & User Experience - at PodCamp Cleveland 2011

Benefits of Good User Experience

• Increased Usefulness• Increased Efficiency ($$$) • Improved Productivity

Page 18: Users, Usability & User Experience - at PodCamp Cleveland 2011

Benefits (continued)

• Fewer Errors• Reduced Training Time• Improved Acceptance

Happy Users!

Page 19: Users, Usability & User Experience - at PodCamp Cleveland 2011

Where do I start?

Page 20: Users, Usability & User Experience - at PodCamp Cleveland 2011

Who are your users?

Page 21: Users, Usability & User Experience - at PodCamp Cleveland 2011

Same Job Title, May Differ in…

UserExperience

Frequency of use

Priority of tasks Characteristics

Motivations and attitude

Expectations

Page 22: Users, Usability & User Experience - at PodCamp Cleveland 2011

Which Student?Rick Connie

http://www.flickr.com/photos/mrjkbh/ via http://creativecommons.org/licenses/by-nc-nd/2.0/deed.en http://www.flickr.com/photos/caharley72/ (Christopher Alison Photography) via http://creativecommons.org/licenses/by-nc-nd/2.0/

Page 23: Users, Usability & User Experience - at PodCamp Cleveland 2011

Scope for Success

• Takes time, energy, budget and more to:– Research and discover– Document– Analyze– Understand

Page 24: Users, Usability & User Experience - at PodCamp Cleveland 2011

Focus Your Efforts Until…

Get to 80%

Page 25: Users, Usability & User Experience - at PodCamp Cleveland 2011

We Are 80% Sure We Know…

• Primary user tasks.• User’s goals.

• Prioritize as needed with:– Vision– Business needs

• Have awareness of what we don’t know (yet).

Page 26: Users, Usability & User Experience - at PodCamp Cleveland 2011

Small,Iterative

Steps

Page 27: Users, Usability & User Experience - at PodCamp Cleveland 2011

Interview the Experts

•Customer Service•Marketing (Web statistics)•Training •Sales/Business development

Page 28: Users, Usability & User Experience - at PodCamp Cleveland 2011

Who Are the Users?

• How many are there?• Common complaints?• Show stoppers?

• Understand:– Assumptions and stereotypes – Differences between users

Page 29: Users, Usability & User Experience - at PodCamp Cleveland 2011

Tasks

• Frequency of tasks

• Importance

• Complexity of task

Page 30: Users, Usability & User Experience - at PodCamp Cleveland 2011

About Them

• Environment• Experience Level, Knowledge • Technology• Define Primary & Secondary Users

Page 31: Users, Usability & User Experience - at PodCamp Cleveland 2011

Now You Have User Groups

[perhaps very loosely defined]

Page 32: Users, Usability & User Experience - at PodCamp Cleveland 2011

Share What You Learn

Page 33: Users, Usability & User Experience - at PodCamp Cleveland 2011

Personas

• Help guide decisions about:– Navigation– Features– Design

• Archetype, based on research.

Page 34: Users, Usability & User Experience - at PodCamp Cleveland 2011
Page 35: Users, Usability & User Experience - at PodCamp Cleveland 2011

Task Analysis

Page 36: Users, Usability & User Experience - at PodCamp Cleveland 2011

Actionable Gap Analysis

Suggested Solutions

•FAQ on how to make an appointment•Online Request for Appointment online•800 number prominent

Mental States & High Level Tasks

•Make appointment•Plan for future appointments•Coordinate appointments

Change Situation

Page 37: Users, Usability & User Experience - at PodCamp Cleveland 2011

Are We Confident?

Page 38: Users, Usability & User Experience - at PodCamp Cleveland 2011
Page 39: Users, Usability & User Experience - at PodCamp Cleveland 2011

Confirm Assumptions

• Representative users who DO the tasks.• Visionaries, leaders, perhaps.

Page 40: Users, Usability & User Experience - at PodCamp Cleveland 2011

Observations

Page 41: Users, Usability & User Experience - at PodCamp Cleveland 2011

Interviews

Page 42: Users, Usability & User Experience - at PodCamp Cleveland 2011

42http://www.flickr.com/photos/rosenfeldmedia/ via http://creativecommons.org/licenses/by-nc-sa/2.0/

Card Sorting

Page 43: Users, Usability & User Experience - at PodCamp Cleveland 2011

Observations

Page 44: Users, Usability & User Experience - at PodCamp Cleveland 2011

Go to the user

44

Page 45: Users, Usability & User Experience - at PodCamp Cleveland 2011

Why Observe?

• Great way to understand your user’s situation– Find “cheat sheets” and other artifacts.– Learn real process they use.– Number and type of interruptions.– Find out more about them as people.

Page 46: Users, Usability & User Experience - at PodCamp Cleveland 2011

http://www.flickr.com/photos/heygabe/ via http://creativecommons.org/licenses/by-nc-sa/2.0/Actual Photo: http://www.flickr.com/photos/heygabe/47206241/

Page 47: Users, Usability & User Experience - at PodCamp Cleveland 2011

Sit Back and Watch

• Arrive when they will be doing related tasks.

• Observe for as long as needed:– 1/2 hour each - quick repetitive tasks– >1 hour for longer processes

– Stay out of their “space” and don’t interrupt.– Take photos and videos.

Page 48: Users, Usability & User Experience - at PodCamp Cleveland 2011

Take Detailed Notes

• Write down questions and when they occurred.

• Look for patterns and differences:– Style of tasks– Order of operations– Environment

Page 49: Users, Usability & User Experience - at PodCamp Cleveland 2011

Clarify Observations

• After observation ask about:– Why they do task?– What is their goal?– How typical was this process?– Parts of the process you found confusing.

Page 50: Users, Usability & User Experience - at PodCamp Cleveland 2011

Interviews

Page 51: Users, Usability & User Experience - at PodCamp Cleveland 2011

Interview to Discover/Confirm…

• Build on what you’ve learned:– Tasks– Attitudes and Opinions– Problems– Goals– Experience level and knowledge – Technology

51

Page 52: Users, Usability & User Experience - at PodCamp Cleveland 2011

Styles

• Structured– Question 1– Question 2– Question 3

• Open-ended

• Combination

Page 53: Users, Usability & User Experience - at PodCamp Cleveland 2011

Use Scripts

• Memory tool for facilitator• Don’t have to follow• Promote consistency– Questions– Order of questions

Page 54: Users, Usability & User Experience - at PodCamp Cleveland 2011

Questions

• Quality of questions correlates to quality of answers:– Open-ended– Unbiased– Don’t lead or make assumptions– Use participant’s words

Page 55: Users, Usability & User Experience - at PodCamp Cleveland 2011

Facilitation

• Remain passive (body, face) • Don’t confirm or reject answers• Listen for vocalizations • Watch non-verbal gestures• Encourage participant to elaborate• Ask your question and let them talk

Page 56: Users, Usability & User Experience - at PodCamp Cleveland 2011

Silence is

Golden

User’s Time to Think!

56

Page 57: Users, Usability & User Experience - at PodCamp Cleveland 2011

Card Sorting

Page 58: Users, Usability & User Experience - at PodCamp Cleveland 2011

Card Sorting

• Maximize probability of users finding content• Explore how people are likely to group items• Identify content likely to be:– Difficult to categorize– Difficult to find– Misunderstood

Gaffney, Gerry. (2000) What is Card Sorting? Usability Techniques Series, Information & Design. http://www.infodesign.com.au/usabilityresources/design/cardsorting.asphttp://www.flickr.com/photos/richtpt via http://creativecommons.org/licenses/by-nc-sa/2.0/

Page 59: Users, Usability & User Experience - at PodCamp Cleveland 2011

Benefits of Card Sorting

• Easy and inexpensive• Use to determine:– Order of information– Relationships between info– Labels for navigation– Verify correct audience

Gaffney, Gerry. (2000) What is Card Sorting? Usability Techniques Series, Information & Design. http://www.infodesign.com.au/usabilityresources/design/cardsorting.asp

Page 60: Users, Usability & User Experience - at PodCamp Cleveland 2011

• One title/subject on each card• Short for quick reading• Detailed enough to understand• Supplement - short description on back• Use printed stickers (handwriting)

• Practice session first

Card Basics

Preventive Care Guidelines

36

Page 61: Users, Usability & User Experience - at PodCamp Cleveland 2011

Participants

• Representative of users• Minimum of 6 • More participants = more data to analyze

• Allow one hour for 50 items• 30 – 100 cards

Page 62: Users, Usability & User Experience - at PodCamp Cleveland 2011

Facilitation/Direction

• Shuffle cards• Ask to: – Group items in own way– Talk out loud• Think about:– What expect to be together– When expect to see

Page 63: Users, Usability & User Experience - at PodCamp Cleveland 2011

Grouping Cards

• Ask to– Describe groups and name them– Describe overall rationale for grouping cards– Show best example from groups– What was difficult? What was easy?– Happy with final outcome?

Page 64: Users, Usability & User Experience - at PodCamp Cleveland 2011

Online Tools

• Moderated• Un-moderated

Optimal Sort, Optimal Workshop - http://www.optimalworkshop.com/

Demo: https://livedemo.optimalworkshop.com/optimalsort/supermarketdemo

Page 65: Users, Usability & User Experience - at PodCamp Cleveland 2011

How Do I Find Participants?

Page 66: Users, Usability & User Experience - at PodCamp Cleveland 2011

Create a Screener

• Guide that helps determine who will participate.• Ask people to describe, then get details:– Highest level of education.– Computer activities. – Web use.

• People who pass the screener should closely match your user group definition

Page 67: Users, Usability & User Experience - at PodCamp Cleveland 2011

Hire a Recruiter

• Allows you to focus on activity.• Can tell if person will be a good participant.• May already have a list they can start with.

• Good recruiters:– find right participants.– give regular updates.– take care of directions, confirmations, incentives,

etc.

Page 68: Users, Usability & User Experience - at PodCamp Cleveland 2011

If You Must Do it Yourself...

• Go where users go and intercept– Online user groups– Professional organizations– Craigslist

• Online tools thru your site:http://ethnio.com

• Final recruiting by phone.– Ask questions that force them to talk.– Don’t recruit non-talkers.

Page 69: Users, Usability & User Experience - at PodCamp Cleveland 2011

Number of Users to Test

• As many as possible (rarely statistically significant)• Usability Testing Research (in 1990’s)– 5 from distinct sub-group of the user population will

yield 80% of the findings (Nielsen, Virzi, Lewis)– Assumes expert has reviewed for obvious issues

• Recommend: – Early tests with 8 – 12 users per user group– Iterative testing (3 per day, iterate, 3 new users)

Barnum, Carol M. (Jan. 2003). What’s in a Number? STC Usability SIG Newsletter, Usability Interface. http://www.stcsig.org/usability/newsletter/0301-number.html Retrieved: 20080323

Page 70: Users, Usability & User Experience - at PodCamp Cleveland 2011

70

Page 71: Users, Usability & User Experience - at PodCamp Cleveland 2011

Welcome & Prepare

• Participation will help team and is appreciated.

• Purpose of research.• Expectations of the participant.• Sign paperwork:– Non-Disclosure Agreement(s)– Consent Form

Page 72: Users, Usability & User Experience - at PodCamp Cleveland 2011

We’re Looking for Patterns

• Identify repetition

• After pattern is found, continuation of study – Adds cost – Delays reporting– Low probability of many new findings

Page 73: Users, Usability & User Experience - at PodCamp Cleveland 2011

Update Communications

Page 74: Users, Usability & User Experience - at PodCamp Cleveland 2011

Do UX Early & Often

74

Page 75: Users, Usability & User Experience - at PodCamp Cleveland 2011

Go to Your Users

• Find out:– Goals– Tasks

• Share the information with your team

Page 76: Users, Usability & User Experience - at PodCamp Cleveland 2011

Recommended Readings

Page 77: Users, Usability & User Experience - at PodCamp Cleveland 2011

References• Cato, John. User-Centered Web Design. Addison Wesley Longman; 2001. • Gaffney, Gerry. (2000) What is Card Sorting? Usability Techniques Series,

Information & Design. http://www.infodesign.com.au/usabilityresources/design/cardsorting.asp

• Hackos, JoAnn T., PhD and Redish, Janice C. User and Task Analysis for Interface Design. Wiley; 1998.

• Henry, S.L. and Martinson, M. Evaluating for Accessibility, Usability Testing in Diverse Situations. Tutorial, 2003 UPA Conference. (Activity)

• Kuniavsky, Mike. Observing the User Experience: a Practitioner's Guide to User Research. Morgan Kaufmann, 2003.

• Mandel, Theo. The Elements of User Interface Design. Wiley; 1997.• Nielsen, Jakob and Robert L. Mack. Usability Inspection Methods. John Wiley &

Sons, Inc. 1994.• Powell, Thomas A. The Complete Reference: Web Design. Osborne/McGraw-Hill;

2000.• Rubin, Jeffrey. Handbook of Usability Testing. John Wiley & Sons, Inc.; 1994.

Page 78: Users, Usability & User Experience - at PodCamp Cleveland 2011

Thank You!

Carol SmithMidwest Research, LLChttp://www.mw-research.com

Twitter: @carologicCell: (773) 218-6568Email: [email protected]