user experience e a vida real do time dev
TRANSCRIPT
User eXperienceDesign E
PRONTO!
@GiuVicente
softexpert.com / Head de Design
jlle.ixda.org.br / Líder local
arquiteturadeinformacao.com.br / Colaborador
omunga.com.br / Voluntário
@Carolzeando
softexpert.com / Front end developer
IFC / Egressa 2011 :)l
Rio de Janeiro / da gema
Vamos falar de boas experiências.
ou não
Acontece nas melhores famílias de softwares.
MagicBand Disney:The Experience
Interação
MagicBand Disney
Aumento de visitantes e elevação da satisfação dos clientes. Como?
O processo
Os desafios
Experiência completa
Virou objeto de desejo e materializa algo maior.
Como eu faço isso?
User centered development
Como eu faço isso?
User centered development
Como eu faço isso?
User centered development
Empatia
Userresearch
Design thinking & hands on
Personas
Jornadadousuário
Prototipação
Prototipação
User test
Todo mundo sabe como usar, né?
Métricas:Pesquisas
Métricas:Heatmaps
Métricas:EyeTracking
A/B Test
E como funciona isso com software?
Você já deve ter ouvido falar em...
Airbnb
Spotify.com
Netflix netflix.comEvolução inteligente assistida ;)
NetflixEvolução inteligente
Teste A/B para tudo
+30%de aumento nas visualizações
Testezinho rápido
Qual versão converte mais?A. Mostrar catálogo antes do cadastro.
B. Mostrar catálogo após o cadastro.
B. Mostrar catálogo após o cadastro.
Mailchimp mailchimp.com
Usuários se tornam fãs.
Nubanknubank.com.br
E o dia-a-dia?
Cenário: - Cliente escolheu o
produto e está no momento do pagamento.
Como o back end desenvolveu
Como o front end desenvolveu
Cenário: - Cliente escolheu o
produto e está no momento do pagamento,
- via celular.
Como o UI desenhou
Cenário: - Cliente escolheu o
produto e está no momento do pagamento,
- via celular,- ele esqueceu o
cartão.
Como UX planejaria
Tá, mas e no mundo real?
Preciso ser o Netflix
para aplicar esses
conceitos?short answer: não!
“Learn how people use your app”
“Understand what users want”
Teste A/B
resultados
Teste A/B
Heatmap
E como saberemos que ações devemos tomar ?
análise dos dados coletados e muito café :)
10 cliques!
“Understand what users want”
lembram ?
:)
Mensagem final:Entregar valor para o usuário
Obrigado.@giuvicente@carolzeando
Materialhttp://blog.froont.com/
http://disney.com
http://techblog.netflix.com/2016/04/its-all-about-testing-netflix.html
http://arquiteturadeinformacao.com/user-experience/o-que-e-ux-design-experiencia-do-usuario-explicada-em-10-videos/
http://uxmastery.com/resources/tools/