O documento discute como o design de interação pode se adaptar aos estilos cognitivos dos usuários através da técnica de "morphing". O morphing permite que um site mude dinamicamente sua estrutura visual com base nos cliques do usuário para melhor atender cada estilo cognitivo. Isso pode aumentar as vendas e engajamento em até 20% ao informar melhor cada tipo de consumidor.

1. Leonardo Minozzo
leonardo@cafundo.tv
@minozzo
DESIGN DE INTERAÇÃO
Estilos Cognitivos e Metamorfose na web
Vitória - ES
21 e 22 setembro 2012

2. FUNDAMENTOS DA INTERNET
(Para que servem)
1 – Branding
2 – Gerar acesso
3 – Gerar cadastro
4 – E-commerce

3. BRANDING
* Posicionamento,
* Reforço de marca,
* Veiculação junto ao conteúdo relevante para o seu
target,
* Identificação da marca dentro do universo digital.
* Engajamento

4. GERAR ACESSO
* Construção de audiência
* Aumento de acessos
* Melhoria e otimização dos canais de busca
* Publicidade mais efetiva

5. GERAR CADASTRO
* Construção de base de dados ou cadastros
* Limpeza e filtro de base atual

6. E-COMMERCE
* Comercialização de produtos
* Comercialização de serviços

7. NA WEB

8. sintonia
Confiança
Empatia
Forma
CONTEÚDO

9. (Apple Genius)

10. estilos cognitivos
Definem como as pessoas processam a informação

11. ESTILOS COGNITIVOS
Analíticas Holísticas
Deliberativas Impulsivas

12. (A Casa Monstro)

13. MORPHING
Transformar de forma dinâmica uma estrutura em outra
e de maneira automática.

14. MORPHING
INTENÇÕES DE COMPRA EM UM SITE COM
DIFERENTES ESTILOS COGNITIVOS PODERIA
AUMENTAR EM
20% (MIT)

15. Analítico
deliberativo

16. Holístico/impulsivo

17. Estilos cognitivos e funcionalidades do site

18. Para que serve?
- Mais vendas
- Aumentar empatia com a marca
- Informar melhor o consumidor
- Maior engajamento e interação

19. Como o morphing funciona?
A partir de um estudo preliminar de cliques, o site presume o estilo cognitivo do
usuário e, então, sua forma de apresentação para encaixar nesse estilo.
Se o site for bem desenvolvido, a escolha livre dos cliques pelo visitante vai dar
informações sobre seu estilo cognitivo.

20. NÃO
http://beta.theexpressiveweb.com/#!/css3-media-queries

22. Os estilos cognitivos
surgem muito cedo na
vida e se manifestam em
muitas situações de
decisão.

23. Como o morphing funciona?
Em geral, 10 cliques são suficientes para ter uma idéia do estilo do usuário.

24. Como o morphing funciona?

25. Como o morphing funciona?

26. Por que ainda não decolou?
1 – Novidade
2 – Não é para todos
3 – Priorização

27. Como fazer?
1 - PROJETE
“VIAGENS”
PELO SITE

28. Como fazer?
2 – Faça um
estudo
preliminar
(500/1000)

29. Como fazer?
3 – Programe
o site de forma
adequada

30. Como fazer?
4 – Lance o site

31. Como fazer?
5 – Monitore e
atualize