tag-it 2016 slides: ux + a/b testing at booking.com: design focused on conversion

72
UX + A/B Testing at Booking.com: Design focused on conversion

Upload: maria-ligia-klokner

Post on 07-Jan-2017

805 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

UX + A/B Testing at Booking.com: Design focused on conversion

Page 2: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

Maria Lígia

Hi!My name is

Page 3: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion
Page 4: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion
Page 5: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

Maria Lígia

MARIA ELIGIA MARIA LIDIA

MARIA ELISA

MARIA OLÍVIA

Page 6: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion
Page 7: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

Maria

Page 8: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

USER EXPERIENCE

Page 9: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

UFSC ChaordicMidiatools CERTI Myreks General Assembly

Page 10: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

AMSTERDAM

Page 11: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion
Page 12: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

BABETTE

Page 13: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

BABETTE

Page 14: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion
Page 15: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion
Page 16: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion
Page 17: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

880+K properties

174 offices

42 languages

50 currencies

8+K servers

224 countries & territories

$64.49 billion market cap

perl + template HTML IT languages

3rd largest e-commerce in the world

10+K employees

Page 18: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

Teams from 5 to 10 people

Multidisciplinary teams (PO, Team Leader, Designer, Dev)

REALLY.

Teams are responsible for different areas of the website

Semi-Agile SCRUM methodology

Everything, absolutely everything is tested

Page 19: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

USER EXPERIENCE

Page 20: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

DEFINE THE PROBLEM

Page 21: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

DEFINE PERSONAS

Page 22: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

DEFINE SCENARIOSShort story that your persona goes through with your

product related to the problem you defined.

Page 23: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

USER FLOWS

Page 24: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

SKETCHING

Page 25: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

WIREFRAMES

Page 26: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

DESIGN

Page 27: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

FRONT END

Page 28: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

USER EXPERIENCE

Define the problem

Define Personas

Define Scenarios

User flows

Sketching

Wireframes

Design Front End

Page 29: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

A/B TESTING

Page 30: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

CONVERSION

What is success to you?

Define your metric

Page 31: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

Avoids regression

A/B TESTING

Page 32: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

Keep the customer at the centre of everything you do

Page 33: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

A/B TESTING +

Page 34: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

+ 10 years

Highest conversion in the market

Logo

A/B TESTING +

Page 35: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

VS.

Page 36: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

Customer Service

Budget for negative experiments

A/B TESTING +

+ 10 years

Highest conversion in the market

Logo

Page 37: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

TESTING +

Page 38: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

Usability lab in-house

User Research Team

TESTING +

LOCALIZATION:

Japan

Page 39: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion
Page 40: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

The Experiment tool is our user's body language. It only tells us a percentage of what they are thinking

or wanting.

"Erin Weigel

Senior Designer @ booking.com

Page 41: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

Photos on the Tablet

Page 42: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

150px x 150px 200px 300px 500px

Search Results

Photos on the Tablet

Page 43: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

500px

Page 44: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

500px

150px

A

B

Page 45: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

NEUTRAL

Page 46: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

150px x 150px 500px

=

Search Results

Photos on the Tablet

Increased page load time by 0.5 seconds

=

Page 47: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

A

B300px

Page 48: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

A

B300px

POSITIVE!

Page 49: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

Good design at Booking.com isn’t just about making something that seems to be better. It’s about measuring results, understanding the

impact on the full customer experience, and actually making something better.

"Erin Weigel

Senior Designer @ booking.com

http://blog.booking.com/goldilocks-and-the-three-experiments.html

Page 50: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

THE HAMBURGUER ICON

Page 51: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

A

B?

http://blog.booking.com/hamburger-menu.html

Page 52: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

A

BNEUTRAL

http://blog.booking.com/hamburger-menu.html

Page 53: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

A

B

http://exisweb.net/menu-eats-hamburger

Page 54: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

A

BPOSITIVE!

http://exisweb.net/menu-eats-hamburger

20% +

Page 55: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

WHAT NOT TO DO IN A/B TESTS

Test A, then after a while test B

Test more than one idea at the same time

Bet with someone that your change will winTrust me!

Page 56: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

HiPPOs !

Page 57: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

HiPPOs ?

Page 58: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

HiPPOsHighest Paid Person

Page 59: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

Design +A/B TestYou = Team Leader = PO = CEO = Founder …

Page 60: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

Design + A/B TestDesign is hard, but it’s getting harder now.

Page 61: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

BABETTE

Page 62: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion
Page 63: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

TAKE AWAYS

Page 64: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

UX CHANGES AFFECT CONVERSION

Page 65: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

NOT EVERYTHING IS WHAT IT LOOKS LIKE

Nor how you want it to be, but that’s ok.

Page 66: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

DON’T RELY IN GURUS

Page 67: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

DON’T BELIEVE IN HiPPOs

Page 68: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

THE STRONGEST WILL WIN

Page 69: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

THE USER IS AT THE CENTER OF EVERYTHING. AND THEY

GET TO DECIDE.Even when they have no clue what they want.

Page 70: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

ITERATE. ALWAYS.Iteration is essential for a

healthy environment.

Page 71: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

Experiment fast, fail often and believe in data. Data never lies.

Page 72: Tag-it 2016 slides: UX + A/B Testing at Booking.com: Design focused on conversion

Maria Lígia Klokner

@marialigiak

[email protected]

/marialigiak

http://grnh.se/ef54yh

Dank u wel!

Work with us!