O documento discute os conceitos e práticas de design centrado no usuário, incluindo pesquisa com usuários, prototipação, testes A/B e análise de métricas para entender as necessidades dos usuários e melhorar continuamente a experiência do usuário. Ele fornece exemplos de como empresas como Disney, Netflix, Mailchimp e Nubank aplicam esses princípios para entregar valor aos usuários.

1. User
eXperience
Design

2. @GiuVicente
softexpert.com / Head de Design
jlle.ixda.org.br / Líder local
arquiteturadeinformacao.com.br / Colaborador
omunga.com.br / Voluntário

3. @Carolzeando
softexpert.com / Front end developer
IFC / Egressa 2011 :)l
Rio de Janeiro / da gema

4. Vamos falar de
boas experiências.

5. ou não

9. Acontece nas
melhores
famílias de
softwares.

10. MagicBand
Disney:
The Experience

11. Interação

12. MagicBand Disney
Aumento de visitantes e
elevação da satisfação
dos clientes.

13. O processo

14. Os desafios

15. Experiência
completa

16. Virou objeto
de desejo e
materializa
algo maior.

17. Como eu
faço isso?
User centered development

18. Como eu
faço isso?
User centered development

19. Como eu
faço isso?
User centered development

20. Empatia

21. User
research

22. Design thinking
& hands on

24. Personas

25. Jornada
do
usuário

26. Prototipação

27. Prototipação

28. User test

29. Todo
mundo
sabe
como
usar, né?

30. Métricas:
Pesquisas

31. Métricas:
Heatmaps

32. Métricas:
EyeTracking

33. A/B Test

34. E como
funciona isso
com software?
Você já deve ter ouvido falar em...

35. Airbnb

37. Spotify.com

38. Netflix netflix.com
Evolução inteligente assistida ;)

39. Netflix
Evolução inteligente

40. Teste A/B
para tudo

41. +30%
de aumento nas visualizações

42. Testezinho rápido
Qual versão converte mais?
A. Mostrar
catálogo antes
do cadastro.
B. Mostrar
catálogo após
o cadastro.

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

44. Mailchimp mailchimp.com

46. Usuários se
tornam fãs.

47. Nubank
nubank.com.br

48. E o dia-a-dia?

49. Cenário:
- Cliente escolheu o
produto e está no
momento do pagamento.

50. Como o back end
desenvolveu

51. Como o front
end desenvolveu

52. Cenário:
- Cliente escolheu o
produto e está no
momento do pagamento,
- via celular.

53. Como o UI desenhou

54. Cenário:
- Cliente escolheu o
produto e está no
momento do pagamento,
- via celular,
- ele esqueceu o cartão.

55. Como UX planejaria

56. Tá, mas e no
mundo real?

57. Preciso ser o
Netflix para
aplicar esses
conceitos?
short answer: não!

60. “Learn how people use your app”

62. “Understand
what users
want”

63. Teste A/B

64. resultados

65. Teste A/B

66. Heatmap

67. E como
saberemos que
ações devemos
tomar ?
análise dos dados
coletados e muito café :)

68. 10 cliques!

70. “Understand
what users
want”
lembram ?
:)

74. Mensagem final:
Entregar
valor para
o usuário

75. Obrigado.
@giuvicente
@carolzeando

76. Material
http://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/