Apresentação realizada no Congresso de Marketing & Vendas do E-commerce Brasil em São Paulo

1. Experiência do cliente
no varejo online

2. Product Owner Mobile
horacio.soares@hotelurbano.com.br
(21) 9 9925-5404 - @horaciosoares
Skype: horacio.soares
slideshare.net/horacio.soares
Horácio Soares

3. !
UX

4. User eXperience

5. ExU

6. Experiências
!

7. São uma nova oferta econômica.

8. Experiências que fazem
esquecer o mundo a sua volta

9. Experiências que surpreendem

10. Mas afinal, o que é eXperiência
do Usuário (UX) ?

11. eXperiência do Usuário
(UX) é a qualidade da
experiência que uma
pessoa tem ao interagir
com algo projetado.
uxnet.org
“
”

13. X

14. Mas como são
nossas experiências
no mundo digital?

17. Mas como os usuários
são vistos?

19. Resumo da ópera

24. E o resultado não
pode ser diferente:
experiência ruim
=
resultado pior ainda

25. Mas, na busca por soluções
para os problemas, o que
maioria dos sites faz?

26. Ctrl + C à Ctrl + V para quase tudo...

27. Resultado:
replicamos tudo sem
questionamentos...
!

28. Selfie

29. Selfie

32. Mas o que funciona para uma
empresa, pode não funcionar
para outra.

37. Por exemplo:

39.
CAPTCHA

40. Menu DropDown

42. Ou ainda as mais recentes
modinhas como paralax,

44. http://erikrunyon.com/2013/01/carousel-stats/
Carousel Interaction Stats - ND.edu
(3 meses - 2012/13)

45. http://www.smashingmagazine.com/2015/02/09/carousel-usage-exploration-on-mobile-e-commerce-websites/
An Exploration Of Carousel Usage On
Mobile E-Commerce Websites (2014)
(several mid-sized to large e-commerce websites over a period of 11 months )
!

46. Hamburger or not?

47. Hamburger or not? @lukew
https://www.youtube.com/watch?v=Nl3OYHo2_b8

48. 22.4%

49. +12.9%

50. +5.7%

51. -22,7%

52. Affordance
http://www.peachpit.com/articles/article.aspx?p=2209309
Steve Krug on Things that Make Us Think

53. The dangers of FLAT design - @Lukew
https://twitter.com/lukew/status/505461084182953984/photo/1

54. The dangers of FLAT design - @Lukew
https://twitter.com/lukew/status/505461084182953984/photo/1

55. The dangers of FLAT design - @Lukew
https://twitter.com/lukew/status/505461084182953984/photo/1

56. http://blog.booking.com/hamburger-menu.html
Mas cuidado…
O teste A/B do Booking.com Hamburger x Menu
não apresentou diferenças significativas.

57. made with keynote by andrew haskin
Uma BREVE ANÁLISE de
SITES de E-COMMERCE

58. made with keynote by andrew haskin
Mobile

60. 13 não possuem
nenhuma versão mobile

61. made with keynote by andrew haskin
HEADER FIXO

62. made with keynote by andrew haskin

64. made with keynote by andrew haskin
HEADER FIXO

65. made with keynote by andrew haskin
CARROSSEL

67. Sem CARROSSEL automático

68. simplicidade

69. Paradoxo da escolha

71. made with keynote by andrew haskin
PERFORMANCE

72. milésimo de segundo

73. http://www.slideshare.net/HubSpot/50-mobilefactsdeck62812 - slide 36
dos usuários Web dizem que esperam
que um site mobile carregue em três
segundos ou menos.60%

74. made with keynote by andrew haskin
PERFORMANCE
PageSpeed
35/100

75. made with keynote by andrew haskin
PERFORMANCE
PageSpeed
36/100

76. made with keynote by andrew haskin
PERFORMANCE
PageSpeed
43/100

77. made with keynote by andrew haskin
PERFORMANCE
PageSpeed
85/100

78. made with keynote by andrew haskin
PERFORMANCE
PageSpeed
81/100

79. made with keynote by andrew haskin
PERFORMANCE
PageSpeed
74/100

80. Mas por quê?

81. Porque está na moda, todo mundo
usa, porque não temos tempo e
somos reativos...
!
REWORK: Business book from 37signals

82. Uma regra de ouro
para os usuários

84. DESAFIO 1:
Você está no meio
de um site e quer ir
para a página inicial,
o que você faz?

85. DESAFIO 2:
O botão de confirmar fica
na esquerda ou é o botão
de cancelar que é
posicionado à esquerda?

86. Santander 2014

87. Homebanking CAIXA 2014

88. Pagamento pela CIELO 2014

90. EntrarCancelarx

91. Uma regra de ouro
para quem cria

93. Usabilidade

95. Fred - usabilidoido.com.br

96. Quer uma boa interface?
Teste com pessoas…

97. Testes
de Usabilidade

98. First clic test.
(testes rápidos)

99. ESPN Brasil– abril 2010

100. ESPN Brasil– abril 2010
X

101. Desafio: como proporcionar
boas experiências
em contextos
como esse?

102. made with keynote by andrew haskin
CONTEXTO MOBILE

103. made with keynote by andrew haskin
CONTEXTO MOBILE
TELA PEQUENA
LUZ DIRETA
LIMITE DE BANDA
MULTITAREFA
SOBRE PRESSÃO
(restrição de tempo)
CONFUSO e BARULHENTO

104. made with keynote by andrew haskin
More Than 80% Of Facebook's
Daily Users Are Mobile
http://www.businessinsider.com/facebook-daily-active-users-q4-2014-2015-1

105. CONTEXTO BRASIL

106. 23,9% da população brasileira possui pelo
menos uma das deficiências investigadas
ACESSIBILIDADE

107. Idosos: 19 milhões (10%) - IBGE 2010

108. Analfabeto funcional
!
Um em cada cinco
brasileiros (38 milhões -
20,4%) é analfabeto
funcional,
Pnad 2009 - IBGE.

109. Como o Luli disse no Digitalks no Rio:
“Nesse mundo Mobile, somos
todos daltónicos e sofremos do
Mal de Parkinson”

110. Product Owner Mobile
horacio.soares@hotelurbano.com.br
(21) 9 9925-5404 - @horaciosoares
Skype: horacio.soares
slideshare.net/horacio.soares
Horácio Soares
Obrigado!