Palestra online ministrada para o portal E-Commerce Brasil no dia 06/06/2013

1. Usabilidade, User Experience e
Design Emocional no E-commerce
//UX.BLOG

2. Edu Agni / UX Designer no iMasters
Trabalha há nove anos com projetos nas áreas
de usabilidade, interface, interação, criação e
web standards. É curador da área de Design da
Campus Party Brasil.
www.uxdesign.blog.br
www.twitter.com/eduagni
www.linkedin.com/in/eduagni
//UX.BLOG

3. “O produto não é um fim em si,
mas a porta de entrada para
uma infinidade de experiências.”
(The Nokia Design Manifesto)
//UX.BLOG

4. UX Designer = O cara da Usabilidade ?!?
//UX.BLOG

5. //UX.BLOG
Product ExperienceUser Experience x
Sobre amar um produto: os princípios fundamentais

6. //UX.BLOG
Experiências afetivas envolvidas
na interação humano-produto,
seja instrumental, não-
instrumental ou não-física.
Interação Humano-
Computador, mais focada nas
questões cognitivas do usuário
Product ExperienceUser Experience x
Sobre amar um produto: os princípios fundamentais

7. Avaliação rápida de UX
» Eu consigo usá-lo?
» Eu devo usá-lo?
» Eu quero usá-lo?
//UX.BLOG

8. Projetar para
pessoas
Compartilhar
boas histórias
Estimular os
sentidos

9. Tríade da
Experiência
Digital
Projetar para
pessoas
Compartilhar
boas histórias
Estimular os
sentidos
Eu
consigo
usá-lo?
Eu
quero
usá-lo?
Eu devo usá-lo?

11. A primeira regra de design para e-commerce:
se o cliente não encontrar
o produto, o cliente não
pode comprar o produto.

12. Quando usuários não encontram algo que
querem em um site de e-commerce,
na maioria das vezes eles
acreditam que o site não
tem o produto desejado.

13. Heurísticas para AI do Rosenfeld
Página principal (Ex: suporta múltiplas maneiras de alcançar o
conteúdo?)
Interface de busca (Ex: é fácil encontrá-la e está posicionada
consistentemente?)
Resultados da busca (Ex: os resultados mais relevantes estão no
topo da lista?)
Navegação global (Ex: é possível se mover através do site com
poucos cliques?)
Navegação contextual (Ex: está claro onde estou tanto em termos
de qual site como também em que lugar dentro do site estou?)

14. Convenções de interface
O e-commerce não possui
grandes mistérios, não é
mais tão difícil de usar.

15. Convenções de interface
Usam padrões de interface
estabelecidos, conhecidos
e amplamente usados.

16. Heurísticas de
Usabilidade do Nielsen
Diálogos simples e naturais
Falar a linguagem do usuário
Minimizar a sobrecarga de memória do usuário
Consistência
Feedback
Saídas claramente marcadas
Atalhos
Boas mensagens de erro
Prevenir erros
Ajuda e documentação

18. UX.BLOG
"Se a facilidade de uso fosse o
único requisito, estaríamos
todos andando em triciclos"
(Douglas Engelbart, inventor do mouse)

20. Mundo do
Consumidor
Desejos subconscientes
Aspirações emocionais
Estímulos de design
Instinto viceral
Explorações sensoriais
//UX.BLOG
Mundo dos
Negócios
Análise de tendências
Avaliação de mercado
Pesquisas científicas
Avaliação e validação da marca
Estratégia da marca

21. O design para e-commerce
diz respeito a psicologia e
como lidar com emoções

22. Como podemos persuadir
os usuários a comprar um
produto?

23. Como podemos projetar
uma experiência afetiva?
Sobre amar um produto: os princípios fundamentais

24. Interação Fluida

25. Lembrança de memória afetiva

26. Significado simbólico (social)

27. Compartilhamento de
valores morais

28. Interação física prazerosa

29. A psicologia dos
compradores podem ser
divididas em três categorias
(Níveis de Design Emocional definidos por Donald Norman)

31. Viceral
Subconsciente; Primeira reação;
Instinto de sobrevivência.
Maximiza a confiança, diminui a
sensação de desordem e passa a ideia
de um melhor custo-benefício.

35. Cores escuras tem relação com
afetos negativos;
Muitas opções tornam mais
difícil a decisão;
Design extremamente confuso
gera ansiedade, desconfiança, e
dá a ideia de ambiente inseguro.

38. Viceral
Design limpo, aberto e brilhante passa
a sensação de ambiente seguro;
Imagens realistas remetem a memória
afetiva e criam reações positivas.

40. Comportamental
Semi-consciente; Prazer em fazer
uso; Ligada a Usabilidade.
Ações obvias e visíveis;
Reconhecimento ao invés de
lembrança; Afordabilidade;
Incentivar a ação.

44. Comportamental
Elementos visíveis, segregados e
óbvios (call to action, carrinho de
compras, etc).
Botões que se parecem botões
(afordabilidade).

46. Reflexivo
Consciente; Duradoura; Ligada a
memórias, experiências e auto-imagem.
Indicadores de confiança; Validação
social; Imagética.

51. Reflexivo
Política de privacidade,
referências e depoimentos de
outros compradores, e a garantia
de que as transações são seguras.

52. Conclusões

53. O e-commerce se beneficia de uma
perspectiva de longo prazo sobre o ciclo
de vendas completo e experiência total
do usuário.

54. A estratégia do projeto transmídia deve ir
além do site principal para abranger um
site móvel, uma estratégia de newsletter,
e bom atendimento ao cliente (incluindo
boas mensagens de confirmação).

55. Estamos vendendo para pessoas, que
tomam decisões movidas por emoções.
Dessa forma, devemos humanizar nossos
processos, paradigmas e perspectivas.

56. Refêrencias
E-Commerce Usability, por Nielsen Norman Group
Emotional Design: Why We Love (or Hate) Everyday Things,
por Donald Norman
Designing For E-commerce, por Ross Johnson
Sobre amar um produto: os princípios fundamentais, por
Beatriz Russo e Paul Hekkert
UX.BLOG, por Edu Agni
//UX.BLOG

57. Obrigado ;)
Edu Agni / UX Designer no iMasters
www.uxdesign.blog.br
www.twitter.com/eduagni
www.linkedin.com/in/eduagni
//UX.BLOG