user experience e a vida real do time dev

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/