40
CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang He Angel Vuong Jeremy Viny

CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

  • Upload
    others

  • View
    17

  • Download
    0

Embed Size (px)

Citation preview

Page 1: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

CSE440: Introduction to HCIMethods for Design, Prototyping and Evaluating User Interaction

Lecture 11:Testing

Nigini OliveiraAbhinav YadavLiang HeAngel VuongJeremy Viny

Page 2: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

What we will do today

Design sprint

Testing (beyond paper prototypes)

Page 3: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

But first a reminder

start

intentional!

generate select

danger!

danger!

danger!

danger!

Page 4: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

But first a reminderSome of you decided on

one idea too fast!

start

intentional!

generate select

danger!

danger!

danger!

danger!

Page 5: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

But first a reminder

Some of you are not deciding on one idea

fast enoughstart

intentional!

generate select

danger!

danger!

danger!

danger!

Page 6: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

But first a reminder

start

intentional!

generate select

danger!

danger!

danger!

danger!

Make sure to meet in your team and decide! You still have time to adjust/explain things in your final report.

Page 7: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Upcoming

Page 8: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Design Sprint

Page 9: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Design Sprint (30 minutes)

Form groups of 3 (find at least one member who is not usually in your usual groups)

Read through the handout

5 minutes: Sketch out a few designs and decide on one15 minutes: Prototype your design5 minutes: Test your design with one of the TAs, myself, or with a member of another group

Page 10: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Design Sprint (30 minutes)

Form groups of 3 (find at least one member who is not usually in your usual groups)

Read through the handout

5 minutes: Sketch out a few designs and decide on one15 minutes: Prototype your design5 minutes: Test your design with one of the TAs, myself, or with a member of another group

Page 11: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Design Sprint (30 minutes)

Form groups of 3 (find at least one member who is not usually in your usual groups)

Read through the handout

5 minutes: Sketch out a few designs and decide on one15 minutes: Prototype your design5 minutes: Test your design with one of the TAs, myself, or with a member of another group

Page 12: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Design Sprint (30 minutes)

Form groups of 3 (find at least one member who is not usually in your usual groups)

Read through the handout

5 minutes: Sketch out a few designs and decide on one15 minutes: Prototype your design5 minutes: Test your design with one of the TAs, myself, or with a member of another group

Page 13: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Design Sprint (30 minutes)

Form groups of 3 (find at least one member who is not usually in your usual groups)

Read through the handout

5 minutes: Sketch out a few designs and decide on one15 minutes: Prototype your design5 minutes: Test your design with one of the TAs, myself, or with a member of another group

Page 14: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Discussion

What worked well during the paper prototyping?

What did you learn about coffee ordering?

How would you change your design?

What did you come up with?

Page 15: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Testing

Page 16: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Testing

User tests vs. Usability tests

Different ways for gaining insights- Quick and dirty: informal discussions with users

sometimes done using paper prototypes/Wizard-of-Oz testing- Usability tests in lab

e.g., Human Task Performance Measures- Remote usability tests

e.g., using recording software- A/B testing

Page 17: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Remote Usability TestingConferencing-based testing

Use tools like video conferencing, instant messaging, and screencasting to test with a remote participant

Unmoderated remote testingAutomatic logging and some analysis of usage

Controlled online A/B experimentsCarefully measure results of showing different versions to

different sets of live customers

Page 18: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Unmoderated Remote Usability Test

Move usability testing onlineparticipants access the “lab” via webanswer questions & complete tasks in “survey”records actions or screens for playbackcan test many people completing many tasks

Analyze data individually or in aggregateplayback individual sessionsfind general problem areasif needed, look more closely with traditional methods

More: https://www.nngroup.com/articles/unmoderated-user-testing-tools/

Page 19: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Unmoderated Remote Usability Test

www.userlytics.com

Page 20: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Unmoderated Remote Usability Test

https://www.loop11.com/

Page 21: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Unmoderated Remote Usability Test

Page 22: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Controlled A/B Experiments

Many names for concept

A/B tests or Control/Treatment

Randomized Experimental Design

Controlled experiments

Split testing

Parallel flights

Page 23: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Controlled A/B Experiments

Example: Amazon Shopping Cart RecommendationsAdd an item to your shopping cartMost sites show the cart

At Amazon, Greg Linden had idea to show recommendations based on cart items

Page 24: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Controlled A/B Experiments

EvaluationPro: cross-sell more itemsCon: distract people from checking out

Highest Paid Person’s Opinion: Stop the project

Simple experiment run:Wildly successful

Page 25: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Checkout PageConversion rate is percentage of visits that include purchase

Which version has a higher conversion rate?

A B

Page 26: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Checkout PageConversion rate is percentage of visits that include purchase

Which version has a higher conversion rate?

A B

Page 27: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Checkout PageConversion rate is percentage of visits that include purchase

Which version has a higher conversion rate?

A B

Coupon Code decreases by factor of 10

Page 28: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Office Online Feedback

A B

Which one has a higher response rate? By how much?

Page 29: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Office Online Feedback

A B

Which one has a higher response rate? By how much?B gets more than double...

Page 30: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Another Feedback Variant

Call this variant C. Like B, also two stage.Which one has a higher response rate, B or C?

Page 31: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Another Feedback Variant

C outperforms B by a factor of 3.5

Call this variant C. Like B, also two stage.Which one has a higher response rate, B or C?

Page 32: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Obama Campaign

Page 33: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Obama Campaign

Page 34: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Romney Campaign

Page 35: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Data-Driven Methods Not Just Online

Page 36: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Data-Driven Methods Not Just Online

Page 37: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Data-Driven Methods Not Just Online

Page 38: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Limitations

Drives hill-climbing, but not overall designA design may be better, but is it good?

Impossible for new designs to compete

Can be difficult to scale to many features

Page 39: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Ask me something!

Page 40: CSE440: Introduction to HCI - …...CSE440: Introduction to HCI Methods for Design, Prototyping and Evaluating User Interaction Lecture 11: Testing Nigini Oliveira Abhinav Yadav Liang

Ideation and Evaluation

http://www.youtube.com/watch?v=kCSzjExvbTQ