O documento discute técnicas e processos para o desenvolvimento de interfaces digitais que proporcionem boas experiências aos usuários, incluindo: (1) conhecer os usuários através de pesquisas e criação de personas; (2) aplicar técnicas de design como wireframing, card sorting e testes de usabilidade; e (3) realizar otimização contínua com base em métricas e testes A/B.

1. TESTE E
OTIMIZAÇÃO
DE INTERFACES
DIGITAIS
Huxley Dias

2. Analista de Web Analytics.
Business Intelligence na
Wine.com.br
Huxley Dias

3. A Maior Loja de Vinhos da América Latina
www.wine.com.br

4. INTERFACES DIGITAIS

6. AI
UX
UI

7. User Experience - UX

9. Contexto de Uso e
Psicologia Cognitiva

10. Apropriação

11. Por que pensar
em experiência?

12. Físico Digital

13. A interface é apenas
uma parte da experiência
do usuário

14. Metodologia "Bottom Up" - Jesse James Garret

15. De
Interface/Produto/Serviço
para Experiências
Empresas Inovadores, que realmente pensam no usuário,
proporcionam experiências.

16. FísicoDigital

17. Pessoa
s
Digital

19. As 50 empresas mais Inovadoras em relacionamento com o cliente
http://exame.abril.com.br/negocios/noticias/as-50-empresas-mais-inovadoras-em-
relacionamento-com-cliente

20. Wine.com.br Recebe o Prêmio ÉPOCA ReclameAQUI
http://www.consumidorrs.com.br/2013/inicial.php?case=2&idnot=41936

21. UX Design
Por Que é Importante?

22. ROI de
Design

23. Empresas orientadas pelo design tem
mantido um vantagem competitiva no
mercado de ações, com uma média de
crescimento de 219% nos últimos 10 anos.
- Design Management Institute

24. Walmart renovou toda sua experiência de e-
commerce, o número de visitantes únicos
aumentou em 200%.
- Design Management Institute

25. Bank of America realizou um redesign centrado no
usuário e no seu processo de registro de conta, o
tráfego on-line aumentou 45%.
- Design Management Institute

26. Empresas de investimentos do tipo capital de
risco, tem aumentado sua credibilidade no
mercado nomeando designers de experiência do
usuário como membros do conselho.
- Design Management Institute

27. Como desenvolver
Interfaces que proporcione
boas experiências?

28. Conhecendo seu usuário
Aplicando Técnicas de Design
Otimização Contínua

29. O Processo de Otimização de
Interfaces é Contínuo
Pesquisa
Planejamento
Prototipação
Testes de usabilidade
Design de interfaces
Codificação da interface
Interface pronta em produção
Testes
Otimização...

30. Técnicas
Pesquisa com o usuário
Personas
Wireframing
Card sorting
Mapa de empatia
Jornada do usuáro
Teste A/B
Heatmap
Gravação de tela

31. PERSONAS

33. MAPA DE EMPATIA

35. Empatia: força positiva que conecta
pessoas, capacidade de ser gentil,
tolerante e se colocar no lugar do
outro.
- fonte: http://www.slideshare.net/CorSilva/empatia-a-habilidade-fundamental-para-os-novos-tempos-54803766

36. prestativo + coerente + transparente +
honesto + confiança + familiaridade +
confidente + segurança + conforto +
emoção e razão.
- fonte: http://www.slideshare.net/CorSilva/empatia-a-habilidade-fundamental-para-os-novos-tempos-54803766

38. JORNADA DO USUÁRIO

40. CARD SORTING

42. Em pé: Saulo Pratti e Maria Caldeira, abaixado: Renato Pires em uma sessão de Card Sorting na
Wine.

43. WIREFRAMING

46. TESTE DE USABILIDADE

48. TESTE A/B

51. Entendendo como os usuários
interagem com nossas interfaces
utilizando dados.
Ferramentas

53. Utilização de Dados
QUANTITATIVOS

54. User Flow - Joranda do
Usuário

55. Concentração de tráfego

56. 1 3
45
6
2
Comportamento

57. 1
2
3
4
5
6
7
Onde Clica

58. 1 23 4
5

59. O que procura

60. Localização Geográfica

61. Localização Geográfica

62. Faixa etária

63. Processo de compra

66. +
● Como chegou no site
● Quanto Gastou
● Tempo de Navegação
● Afinidades, hobbies, grupo financeiro, grau de
escolaridade
● Novo ou retornante
● Logado ou deslogado
● Tipo de dispositivo
● Resolução de tela
● Navegador
● Sistema operacional

67. Utilização de Dados
QUALITATIVOS

71. Utilização de Dados
QUALITATIVOS

75. Otimização com
TESTE A/B

76. A
B
Aumento da Performance (tax. click): 11,5%

77. A
B

78. Aumento da Performance (tx. conversão): 287,34%
Taxa de Conversão Geral do Site: 7.5%
Taxa de Conversão Uso da Busca 15.40%
Análise 1 semana:
Análise 1 dia isolado:

79. A B
Redução da Performance: -31.56%
Tx. Click: 18.48% Tx. Click: 12.64%

80. A B
Taxa de Abertura: 15.15%

81. Historicamente quem
procura entender o usuário
é o DESIGNER

82. A evolução do Design Thinking: Não é mais apenas para os produtos. Os executivos
estão usando essa abordagem para conceber estratégia e gerir a mudança.

83. A Experiência do Usuário
não é responsabilidade
apenas do DESIGNER

84. Para Levar pra Casa
● Conheça seu usuário
● Conheça seu site/aplicação
● Projete, teste e otimize sempre
● Compartilhe resultados com a equipe
● Coloque as lições aprendidas em prática
● Ofereça experiências agradáveis aos usuários
● Pense no usuário mas também pense na empresa.

87. Estamos
Contratando!
dá um salve no
cv@wine.com.br
www.wine.com.br

88. Teste e Otimização
de Interfaces Digitais Salute!
@huxleydias
huxley.dias@hotmail.com
linkedin.com/in/huxleydias