32
Case Study: A Discount Approach to Comparing Multiple Design Alternatives User Interface Engineering Jared M. Spool Founding Principal ©2008, User Interface Engineering. All rights reserved

Case Study: A Discount Approach to Comparing Multiple Design Alternatives

Embed Size (px)

DESCRIPTION

From the IXDA Boston night of Short Talks (http://tinyurl.com/4uoqhn) I had 10 minutes to give this 32-transition presentation: What\'s the Best Way to Compare Multiple Design Alternatives? Good design practice suggests you create multiple sketches, which eventually evolve into full-out design alternatives. However, once you have those alternatives, what\'s the best way to decide which one wins? I will review one approach and talk about the pitfalls and advantages to evaluating multiple designs at once. (What's even more amazing is that I was really busy that week and didn't start working on the presentation until I'd sat down in the audience to hear the other speakers. The entire presentation came together in under 90 minutes.)

Citation preview

Page 1: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

Case Study:A Discount Approach to Comparing Multiple Design Alternatives

User Interface Engineering

Jared M. SpoolFounding Principal

©2008, User Interface Engineering. All rights reserved

Page 2: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

The Problem

Page 3: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

The Problem

Home page redesign for a big site4 million visitors a month

Page 4: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

The Problem

Home page redesign for a big site4 million visitors a month

Never done a usability test before

Page 5: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

The Problem

Home page redesign for a big site4 million visitors a month

Never done a usability test before

Only allotted 2 days of testing

Page 6: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

The Problem

Home page redesign for a big site4 million visitors a month

Never done a usability test before

Only allotted 2 days of testing

Budget: less than $10,000

Page 7: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

The Problem

Home page redesign for a big site4 million visitors a month

Never done a usability test before

Only allotted 2 days of testing

Budget: less than $10,000

5 design alternativesBy an outside design firm

Page 8: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

Current Design

Page 9: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

Current Design Alte

rnat

ives

#1

#2

#3

#4

#5

Page 10: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

Current Design Alte

rnat

ives

#1

#2

#3

#4

#5

Evaluate in 2 days

Page 11: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

Current Design Alte

rnat

ives

#1

#2

#3

#4

#5

Evaluate in 2 days

Under $10k

Page 12: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

Approach #1:

“Within Subjects” with Multiple Designs

Learning effects

Too Many Combinations

Page 13: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

Approach #2:

“Between Subjects” with One Design

Not enough users

Page 14: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

but

Page 15: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

but

Page 16: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

Assumption Bias

Page 17: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

Looking at the Problem Differently

Based on Inherent Value Testing

10 to 12 participants

Compares the existing design to the best alternative

Six-Step Process

Page 18: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

Step 1:

Build a Weighted

Differences Matrix

Page 19: Case Study: A Discount Approach to Comparing Multiple Design Alternatives
Page 20: Case Study: A Discount Approach to Comparing Multiple Design Alternatives
Page 21: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

DifferenceWeight Current

DesignDesign Alt #1

Design Alt #2

Design Alt #3

Design Alt #4

Design Alt #5

Page 22: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

DifferenceWeight Current

DesignDesign Alt #1

Design Alt #2

Design Alt #3

Design Alt #4

Design Alt #5

Better search access

More descriptive links

Floating navigation

On-screen login

Visible top-rated items

8 2 3 1 5 3 5

6 3 4 2 2 3 1

5 2 5 0 5 3 0

4 5 5 3 3 3 1

6 1 3 5 3 5 0

Page 23: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

DifferenceWeight Current

DesignDesign Alt #1

Design Alt #2

Design Alt #3

Design Alt #4

Design Alt #5

Better search access

More descriptive links

Floating navigation

On-screen login

Visible top-rated items

Total Scores

8 2 3 1 5 3 5

6 3 4 2 2 3 1

5 2 5 0 5 3 0

4 5 5 3 3 3 1

6 1 3 5 3 5 0

70 111 62 107 99 59

Page 24: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

Step 2:

Recruit from Two User Groups

Page 25: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

Step 3:

Use an Inherent Value

Testing Protocol

Page 26: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

Step 4:

Add in “Best” Alternative

Page 27: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

Step 5:

Add in Competitor’s

Design (when possible)

Page 28: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

Step 6:

Evaluate Design

Alternatives against

Differences Matrix

Page 29: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

DifferenceWeight Current

DesignDesign Alt #1

Design Alt #2

Design Alt #3

Design Alt #4

Design Alt #5

Better search access

More descriptive links

Floating navigation

On-screen login

Visible top-rated items

Total Scores

8 2 3 1 5 3 5

6 3 4 2 2 3 1

5 2 5 0 5 3 0

4 5 5 3 3 3 1

6 1 3 5 3 5 0

70 111 62 107 99 59

Page 30: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

DifferenceWeight Current

DesignDesign Alt #1

Design Alt #2

Design Alt #3

Design Alt #4

Design Alt #5

Clearer trigger words

Interactive drill-down

Remember Previous Picks

Better search access

More descriptive links

Floating navigation

On-screen login

Visible top-rated items

Total Scores

9 0 1 1 3 3 1

10 0 2 2 1 4 5

10 0 0 0 5 0 0

8 2 3 1 5 3 5

6 3 4 2 2 3 1

5 2 5 0 5 3 0

4 5 5 3 3 3 1

6 1 3 5 3 5 0

70 140 91 194 166 118

Page 31: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

Comparing Multiple Design Alternatives

Understand the differences between alternatives

Account for assumption bias

Focus on collecting data about the current design

Learn the problems that users are currently facing

Use the user data to make informed design decisions

Page 32: Case Study: A Discount Approach to Comparing Multiple Design Alternatives

More Info from User Interface Engineering

Newsletter: UIEtips (FREE)

UIE Virtual Seminars

Reports

User Interface Conference: www.uiconf.com

Blog: www.uie.com/brainsparks

Site: www.uie.com