user experience e a vida real do time dev

76
User eXperience Design E PRONTO!

Upload: giu-vicente

Post on 15-Apr-2017

127 views

Category:

Software


1 download

TRANSCRIPT

Page 1: User experience e a vida real do time Dev

User eXperienceDesign E

PRONTO!

Page 2: User experience e a vida real do time Dev

@GiuVicente

softexpert.com / Head de Design

jlle.ixda.org.br / Líder local

arquiteturadeinformacao.com.br / Colaborador

omunga.com.br / Voluntário

Page 3: User experience e a vida real do time Dev

@Carolzeando

softexpert.com / Front end developer

IFC / Egressa 2011 :)l

Rio de Janeiro / da gema

Page 4: User experience e a vida real do time Dev

Vamos falar de boas experiências.

Page 5: User experience e a vida real do time Dev

ou não

Page 6: User experience e a vida real do time Dev
Page 7: User experience e a vida real do time Dev
Page 8: User experience e a vida real do time Dev
Page 9: User experience e a vida real do time Dev

Acontece nas melhores famílias de softwares.

Page 10: User experience e a vida real do time Dev

MagicBand Disney:The Experience

Page 11: User experience e a vida real do time Dev

Interação

Page 12: User experience e a vida real do time Dev

MagicBand Disney

Aumento de visitantes e elevação da satisfação dos clientes. Como?

Page 13: User experience e a vida real do time Dev

O processo

Page 14: User experience e a vida real do time Dev

Os desafios

Page 15: User experience e a vida real do time Dev

Experiência completa

Page 16: User experience e a vida real do time Dev

Virou objeto de desejo e materializa algo maior.

Page 17: User experience e a vida real do time Dev

Como eu faço isso?

User centered development

Page 18: User experience e a vida real do time Dev

Como eu faço isso?

User centered development

Page 19: User experience e a vida real do time Dev

Como eu faço isso?

User centered development

Page 20: User experience e a vida real do time Dev

Empatia

Page 21: User experience e a vida real do time Dev

Userresearch

Page 22: User experience e a vida real do time Dev

Design thinking & hands on

Page 23: User experience e a vida real do time Dev
Page 24: User experience e a vida real do time Dev

Personas

Page 25: User experience e a vida real do time Dev

Jornadadousuário

Page 26: User experience e a vida real do time Dev

Prototipação

Page 27: User experience e a vida real do time Dev

Prototipação

Page 28: User experience e a vida real do time Dev

User test

Page 29: User experience e a vida real do time Dev

Todo mundo sabe como usar, né?

Page 30: User experience e a vida real do time Dev

Métricas:Pesquisas

Page 31: User experience e a vida real do time Dev

Métricas:Heatmaps

Page 32: User experience e a vida real do time Dev

Métricas:EyeTracking

Page 33: User experience e a vida real do time Dev

A/B Test

Page 34: User experience e a vida real do time Dev

E como funciona isso com software?

Você já deve ter ouvido falar em...

Page 35: User experience e a vida real do time Dev

Airbnb

Page 36: User experience e a vida real do time Dev
Page 37: User experience e a vida real do time Dev

Spotify.com

Page 38: User experience e a vida real do time Dev

Netflix netflix.comEvolução inteligente assistida ;)

Page 39: User experience e a vida real do time Dev

NetflixEvolução inteligente

Page 40: User experience e a vida real do time Dev

Teste A/B para tudo

Page 41: User experience e a vida real do time Dev

+30%de aumento nas visualizações

Page 42: User experience e a vida real do time Dev

Testezinho rápido

Qual versão converte mais?A. Mostrar catálogo antes do cadastro.

B. Mostrar catálogo após o cadastro.

Page 43: User experience e a vida real do time Dev

B. Mostrar catálogo após o cadastro.

Page 44: User experience e a vida real do time Dev

Mailchimp mailchimp.com

Page 45: User experience e a vida real do time Dev
Page 46: User experience e a vida real do time Dev

Usuários se tornam fãs.

Page 47: User experience e a vida real do time Dev

Nubanknubank.com.br

Page 48: User experience e a vida real do time Dev

E o dia-a-dia?

Page 49: User experience e a vida real do time Dev

Cenário: - Cliente escolheu o

produto e está no momento do pagamento.

Page 50: User experience e a vida real do time Dev

Como o back end desenvolveu

Page 51: User experience e a vida real do time Dev

Como o front end desenvolveu

Page 52: User experience e a vida real do time Dev

Cenário: - Cliente escolheu o

produto e está no momento do pagamento,

- via celular.

Page 53: User experience e a vida real do time Dev

Como o UI desenhou

Page 54: User experience e a vida real do time Dev

Cenário: - Cliente escolheu o

produto e está no momento do pagamento,

- via celular,- ele esqueceu o

cartão.

Page 55: User experience e a vida real do time Dev

Como UX planejaria

Page 56: User experience e a vida real do time Dev

Tá, mas e no mundo real?

Page 57: User experience e a vida real do time Dev

Preciso ser o Netflix

para aplicar esses

conceitos?short answer: não!

Page 58: User experience e a vida real do time Dev
Page 59: User experience e a vida real do time Dev
Page 60: User experience e a vida real do time Dev

“Learn how people use your app”

Page 61: User experience e a vida real do time Dev
Page 62: User experience e a vida real do time Dev

“Understand what users want”

Page 63: User experience e a vida real do time Dev

Teste A/B

Page 64: User experience e a vida real do time Dev

resultados

Page 65: User experience e a vida real do time Dev

Teste A/B

Page 66: User experience e a vida real do time Dev

Heatmap

Page 67: User experience e a vida real do time Dev

E como saberemos que ações devemos tomar ?

análise dos dados coletados e muito café :)

Page 68: User experience e a vida real do time Dev

10 cliques!

Page 69: User experience e a vida real do time Dev
Page 70: User experience e a vida real do time Dev

“Understand what users want”

lembram ?

:)

Page 71: User experience e a vida real do time Dev
Page 72: User experience e a vida real do time Dev
Page 73: User experience e a vida real do time Dev
Page 74: User experience e a vida real do time Dev

Mensagem final:Entregar valor para o usuário

Page 75: User experience e a vida real do time Dev

Obrigado.@giuvicente@carolzeando

Page 76: User experience e a vida real do time Dev

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/