Top Banner
UX TESTING AND RESPONSIVE DESIGN David Krauter @islandmentality President, SmarterTravel & Independent Traveler TripAdvisor
52

#MITXECS - Responsive Design UX Testing

Jul 17, 2015

Download

Business

MITX
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: #MITXECS - Responsive Design UX Testing

UX TESTING AND RESPONSIVE DESIGN

David Krauter@islandmentalityPresident, SmarterTravel & Independent Traveler TripAdvisor

Page 2: #MITXECS - Responsive Design UX Testing

2

David Krauter

President, SmarterTravel, GM of Jetsetter

Page 3: #MITXECS - Responsive Design UX Testing

WHAT IS JETSETTER?

3

Page 4: #MITXECS - Responsive Design UX Testing

the go-to brand for travelers with discerning tastes

Page 5: #MITXECS - Responsive Design UX Testing

To provide insider deals, unique experiences,

and thoughtful insights to our members,

allowing them to book with ease and confidence

wherever and whenever they choose.

OUR MISSION

Page 6: #MITXECS - Responsive Design UX Testing

2014Jetsetter hits over

20 million members

2013Jetsetter joins the

TripAdvisor Media

Group2009

Jetsetter launches,

as part of the Gilt

Groupe

20MILLION

MEMBERS

OUR STORY

6

Page 7: #MITXECS - Responsive Design UX Testing

• Limited-Time SalesFlash-Sale Pricing at up

to 40% off.

• The Retail CollectionFull price hotels available

year-round.

• Personal Travel PlanningExpert advice, recommendations and

customized trips.

• Mobile AppsAward-Winning iPhone and iPad

apps to stay connected on the

go.

7

WHAT WE OFFER

• ContentImmersive,

visually-stunning

and highly-engaging

content.

Page 8: #MITXECS - Responsive Design UX Testing

8

TRUST INSPIRATION VALUE TASTE

Page 9: #MITXECS - Responsive Design UX Testing

INSPIRATION

9

Page 10: #MITXECS - Responsive Design UX Testing

t 10

ACCESS

Page 11: #MITXECS - Responsive Design UX Testing

11

OUR MEMBERS are ….

85% MORE

Risk Takers

64% MORE

Trend Setters

64% MORE

Beauty Conscious

Page 12: #MITXECS - Responsive Design UX Testing

12

OUR MEMBERS are ….

40% MORE

Likely to buy brands that reflect their style

36% MORE

Style/Fashion Conscious

Page 13: #MITXECS - Responsive Design UX Testing

WHY IS JETSETTER DIFFERENT?

13

At Jetsetter we put the customer

into the context of experience.

Page 14: #MITXECS - Responsive Design UX Testing

14

One of the largest boosts in happiness

comes from

the simple act of planning a vacation.*Study, published in the journal Applied Research in Quality of Life

Page 15: #MITXECS - Responsive Design UX Testing
Page 16: #MITXECS - Responsive Design UX Testing

Focus on the Funnel

Page 17: #MITXECS - Responsive Design UX Testing
Page 18: #MITXECS - Responsive Design UX Testing

Focus Groups

Page 19: #MITXECS - Responsive Design UX Testing

FOCUS GROUPS

Page 20: #MITXECS - Responsive Design UX Testing

TASK BASED TESTING

Task-Based Testing

Page 21: #MITXECS - Responsive Design UX Testing

TASK BASED TESTING

Page 22: #MITXECS - Responsive Design UX Testing

Jetsetter Approach

Page 23: #MITXECS - Responsive Design UX Testing

JETSETTER APPROACH

LISTENING LABS DATA ANALYSIS

+

TEST IDEAS

=

Page 24: #MITXECS - Responsive Design UX Testing

CHOOSE YOUR SUCCESS METRICS

SUCCESS

METRICS

Page 25: #MITXECS - Responsive Design UX Testing

FOCUS ON WHAT MATTERS

80% OF TIME

EXPENDED

20% OF TIME

EXPENDED

20% OF

RESULTS

80% OF

RESULTS

MANY

TRIVIAL

TASKS

FEW VITAL

TASKS

Page 26: #MITXECS - Responsive Design UX Testing

DESIGN FOR RESULTS

Page 27: #MITXECS - Responsive Design UX Testing

DESIGN FOR RESULTS

Page 28: #MITXECS - Responsive Design UX Testing

BE WILLING TO ACCEPT RESULTS

Page 29: #MITXECS - Responsive Design UX Testing

TEST!

Test Measure

Iterate

Page 30: #MITXECS - Responsive Design UX Testing
Page 31: #MITXECS - Responsive Design UX Testing

31

Page 32: #MITXECS - Responsive Design UX Testing

32

19%IN

CONVERSION

Page 33: #MITXECS - Responsive Design UX Testing
Page 34: #MITXECS - Responsive Design UX Testing

34

Page 35: #MITXECS - Responsive Design UX Testing

35

21%IN CHECKOUT PAGE VIEWS

Page 36: #MITXECS - Responsive Design UX Testing
Page 37: #MITXECS - Responsive Design UX Testing

37

Page 38: #MITXECS - Responsive Design UX Testing

38

Page 39: #MITXECS - Responsive Design UX Testing

39

Page 40: #MITXECS - Responsive Design UX Testing

40

IN

CONVERSION

6%

Page 41: #MITXECS - Responsive Design UX Testing
Page 42: #MITXECS - Responsive Design UX Testing

42

Page 43: #MITXECS - Responsive Design UX Testing

43

Page 44: #MITXECS - Responsive Design UX Testing

44

Page 45: #MITXECS - Responsive Design UX Testing

45

IN CONVERSION18%

IN BOUNCE RATE

10%

Page 46: #MITXECS - Responsive Design UX Testing
Page 47: #MITXECS - Responsive Design UX Testing
Page 48: #MITXECS - Responsive Design UX Testing

IN CLICK THROUGH RATE

14%

Page 49: #MITXECS - Responsive Design UX Testing

IN CLICK THROUGH RATE

22%

IN CONVERSION RATE

68%

Mobile Breakdown:

Page 50: #MITXECS - Responsive Design UX Testing
Page 51: #MITXECS - Responsive Design UX Testing

o Start with your customers (preferably watch them)

o Look at your data

o Focus on the Funnel

o Obey the 80/20 rule

o Design for results

o Test/Measure/Iterate

o Repeat!

IN SUMMARY

Page 52: #MITXECS - Responsive Design UX Testing

March 5, 2015