user experience + a/b testing: o design focado na conversão
TRANSCRIPT
UX + A/B Testing na Booking.com: O Design focado na conversão
Maria Lígia
Oi!Meu nome é
Maria Lígia
MARIA ELIGIA
MARIA LIDIA
MARIA ELISA
MARIA OLÍVIA
Lia
USER EXPERIENCE
UFSC ChaordicMidiatools CERTI Myreks General Assembly
AMSTERDAM
BABETTE
600 mil propriedades
135 escritórios
42 idiomas
74 moedas
8 mil servidores
207 países
$53,53 bi market cap
perl + template HTML language
3º maior e-commerce do mundo
8.500 mil funcionários
Times de 5 a 10 pessoas
Times multidisciplinares (PO, Team Leader, Designer, Dev)
MESMO.
Times responsáveis por áreas específicas do site
Metologia semi - Agile SCRUM
Tudo, absolutamente tudo é testado.
USER EXPERIENCE
DEFINA O PROBLEMA
DEFINA PERSONAS
DEFINA CENÁRIOSCurta história que sua persona passa no seu produto
relacionada ao problema definido.
CARDSORTING
TASK ANALYSIS
USER FLOWS
SKETCHING
WIREFRAMES
DESIGN
FRONT END
USER EXPERIENCE
Defina o problema
Defina Personas
Defina Cenários
Cardsorting
User flows
Sketching
Wireframes
Design Front End
Task Analysis
TESTE A/B
CONVERSÃO
O que é sucesso pra você?
Defina a sua métrica.
Previne regressão
TESTE A/B
Keep the customer at the centre of everything you do
TESTE A/B +
TESTE A/B +
+ 10 anos
Maior índice de conversão do mercado
Atual logo
Customer Service
Orçamento para experimentos negativos
+ 10 anos
Maior índice de conversão do mercado
Atual logo
TESTE A/B +
TESTES +
Laboratório de usabilidade in house
Time de User Research
RTL
TESTES +
Laboratório de usabilidade in house
Time de User Research
RTL
TESTES +
Japão
A/B nos diz o que, mas não porquê
Laboratório de usabilidade in house
Time de User Research
RTL
TESTES +
Japão
The Experiment tool is our user's body language. It only tells us a percentage of what they are thinking
or wanting.
“
"Erin Weigel
Designer & PO @ booking.com
Fotos no Tablet
150px x 150px 200px 300px 500px
Search Results
Fotos no Tablet
500px
500px
150px
A
B
NEUTRO
=
150px x 150px 200px 300px 500px
Search Results
Fotos no Tablet
Aumentou em meio segundo o page load.
=
A
B300px
A
B300px
POSITIVO!
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
Designer & PO @ booking.com
http://blog.booking.com/goldilocks-and-the-three-experiments.html
THE HAMBURGUER ICON
A
B
http://exisweb.net/menu-eats-hamburger
A
BPOSITIVO!
http://exisweb.net/menu-eats-hamburger
20% +
CASO NETFLIX
BASE
A
B
VARIANTSPLIT MENOR
50% + RETENTION TIME
BASESPLIT MAIOR
+ RETENTION TIME
What people say and what they do are rarely the same
“
"Bryan Gumm
Manager of Experimentation @ Netflix
O QUE NÃO FAZER EM TESTES A/B
Testar o A, e depois de um tempo o B
Testar uma mudança radical
Testar mais de uma ideia/problema por vez
Apostar com alguém que o seu design vai ganharTrust me!
HIPPOS !
HIPPOS?
HIPPOSHighest Paid Person
Design + Teste A/BVocê = Team Leader = PO = CEO = Fundador …
Design + Teste A/BO Design é difícil, e está ficando ainda mais agora.
BABETTE
Design + Teste A/BNão é o que parece! Ego
Design + Teste A/BNão é o que parece! BizEgo Bugs
Design + Teste A/B
A B
Design + Teste A/BQual é o core do problema?
Redefinição do problema
PRA LEVAR PRA CASA
MUDANÇAS DE UX GERAM CONVERSÃO
NEM TUDO É O QUE PARECE
Nem como você gostaria, e isso é ok.
NÃO ACREDITE NOS GURUS
NÃO ACREDITE NOS HIPPOS
O MAIS FORTE SOBREVIVE
O USUÁRIO ESTÁ NO CENTRO DE TUDO, E É ELE QUEM DECIDE.
Mesmo quando nem ele sabe o que quer.
ITERE. SEMPRE.A iteração é essencial para um ambiente de
desenvolvimento saudável.
Experiment fast, fail often and believe in data. Data never lies.
