edui 2016: how to implement low-tech, high-impact usability testing

33
edUI October 2016 How to Implement Low Tech, High Impact Usability Testing Workshop with Julie Grundy (@julie_away) and Melissa Eggleston (@melissa_egg) You will want Wifi - Network: edUi2016 PW: eduiconf Download materials - melissaegg.com/blog

Upload: melissa-eggleston

Post on 15-Apr-2017

246 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

edUI October 2016

How to Implement Low Tech, High Impact Usability Testing

Workshop with Julie Grundy (@julie_away) and Melissa Eggleston (@melissa_egg)

You will want Wifi - Network: edUi2016 PW: eduiconfDownload materials - melissaegg.com/blog

Page 2: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Please feel free to jump in with questions. This is an interactive workshop, not a keynote by Steve Krug!

Introductions & Icebreaker

Page 3: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Discuss

What is the worst experience you've ever had with a website? Why was it bad? How did you feel?

Page 4: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Goals

Page 5: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Goals for our session

1. Understand how to set up and conduct tests “guerrilla style.”

2. Practice creating and conducting a usability test.

3. Give you ideas to sell usability testing to others in your organization.

4. Have fun!

Page 6: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

The 5 Fs

Guerrilla Usability Testing Overview

Page 7: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Fast

Photo courtesy of Justin Faberge on Flickr Creative Commons https://www.flickr.com/photos/jml78/

Page 8: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Photo courtesy of Vince Alongi on Flicker Creative Commons https://www.flickr.com/photos/vincealongi/

Page 9: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Photo courtesy of Jelene Morris on Flicker Creative Commons https://www.flickr.com/photos/jelene/

Page 10: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Photo courtesy of Zemlinki! on Flicker Creative Commons https://www.flickr.com/photos/zemlinki/

Page 11: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Photo courtesy of Eden, Janine and Jim on Flicker Creative Commons https://www.flickr.com/photos/edenpictures/

Page 12: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

5 Main Components of a Test

1. Determine your research question

2. Develop a testing plan

3. Conduct your test

4. Analyze your data

5. Share your new insights

Page 13: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Determine your research question

Examples:

1. Do visitors know that this is a button?2. Is the search box obvious enough?3. Is this directory search effective?4. Do visitors quickly get what this website is?5. Can students find financial aid information?6. Can people find and download software?7. Do people know the difference between a pledge

and a gift?

Page 14: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Testing Plan

What WhoWhenWhereHow

We’ll talk about getting

buy in for your testing plan

near the end of our session!

Page 15: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Keys for Successful Tests

Page 16: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Plan your time

● 1 hour to write your test script

● 15 minutes to beta test and make changes

● 2 hours to set up and test 6 - 10 people

● 1 hour to write up findings

A little over 4 hours for super helpful direction on what to improve on your website!

Page 17: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Things you’ll need

● Sign - “Want a free cup of coffee?”

● Computer - yours or theirs

● Table and three chairs - for ease

● Something to take notes - pen and notebook, another computer

● Good attitude - you will get some “no”s

Page 18: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Have an incentive

Photo courtesy of http://www.cookiesociety.com/

Page 19: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Three Roles: Facilitator, Notetaker, Bouncer

Page 20: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Be professional and friendly

Page 21: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Prep your poker face

Photo courtesy of Play Among Friends Paf on Flicker Creative Commons https://www.flickr.com/photos/playamongfriends/

Page 22: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Run a beta test

Photo courtesy of Play Among Friends Paf on Flicker Creative Commons https://www.flickr.com/photos/playamongfriends/

Photo courtesy of Daniella Vereeken on Flicker Creative Commons https://www.flickr.com/photos/14805366@N03/1561893602

Page 23: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing
Page 24: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Typical guerrilla testing script

● Intro/disclaimer

● Demographic questions

● 3 - 5 tasks or questions (avoid leading questions!)

● Exit questions

Page 25: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Confirm

Activities

Page 26: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Activity 1: Write Your Script

● Groups of 2

● Each determine your unique research question

● Go to melissaegg.com/blog to download testing script to edit

● Edit your test script (i.e. create a script that you can use)

Page 27: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Activity 2: Conduct Your Test

● New groups of 3

● Determine whose problem y’all will test

● Decide on roles (facilitator, test taker, note taker)

● Conduct your usability test

Page 28: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Congrats! You did it! How was it?

Page 29: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Analyze & report test findings

● Spreadsheet

● High level summary

● Screenshots on table

Page 30: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Selling others on your testing plan

● Show potential return on investment (ROI)

Page 32: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Selling others on your testing plan

● Give multiple testing options (A, A-, B)● Give talking points to supervisor● Get on a regular testing plan● Suggest five second testing

Any testing is learning, and any learning is better than putting your head in the sand.

Page 33: EdUI 2016: How to Implement Low-Tech, High-Impact Usability Testing

Melissa Eggleston - [email protected] Grundy - [email protected]

Go forth and test!Thank you!