SlideShare uma empresa Scribd logo
1 de 18
Princípios cognitivos
para designers de informação
Todas as ações que as pessoas executam trazem por padrão
tanto um componente emocional como um componente
cognitivo.
O componente emocional permite que seja atribuído valor a
uma ação, enquanto que o componente cognitivo permite que
seja atribuído significado.
Ambos os aspectos, emocional e cognitivo, estão presentes no
cotidiano das pessoas e mudam a forma como o pensamento
se forma em relação a produtos e serviços.
Norman, 2002
Componentes
Princípios cognitivos
Níveis emocionais
Princípios cognitivos
SENSORIAL MOTOR
visceral
comportamental
reflexivo
CONTROLE
Níveis cognitivos
Princípios cognitivos
CONSUMO DE ENERGIA MENTAL
NÍVELCOGNITIVO
Perceber a presença
Ver, escutar
Ler, ouvir
Analisar
Criar
Guias para facilitar
Princípios cognitivos
O designer de informação deve se basear em princípios e
guias que ajudam no design de mensagens que facilitam
a atenção,
a percepção,
o processamento e
a memória
dos usuários da informação.
Pettersson, 2012
Guias para facilitar a atenção
Princípios cognitivos
cor
NÚMERO DE CORES
DEVE SER LIMITADO
E SEU USO DEVE SER
SEMPRE BEM
DEFINIDO.
Guias para facilitar a atenção
Princípios cognitivos
figuras
USO DE FIGURAS DE
PESSOAS, EM PARTICULAR
O ROSTO.
Guias para facilitar a atenção
Princípios cognitivos
símbolos
COMBINAÇÃO DE
PICTOGRAMAS E TEXTOS EM
MENSAGENS COMPLEXAS
DE AVISO.
Guias para facilitar a atenção
Princípios cognitivos
símbolos
Guias para facilitar a atenção
Princípios cognitivos
layout
ESCOLHA DE FONTES COM BASE
NA AUDIÊNCIA E NO PROPÓSITO
DO DOCUMENTO.
Guias para facilitar a memória
Princípios cognitivos
As linhas guia para facilitar a memorização tem
foco em textos e imagens.
memória de textos
uso de poucos elementos que sejam relevantes
memória de figuras
usar as imagens bem próximas dos textos aos quais
se referem.
Guias para facilitar a memória
Princípios cognitivos
insights de psicologia.
comportamento humano.
aplicação no design.
Anderson, 2011
Guias para facilitar a memória
Princípios cognitivos
LEMBRAMOS MAIS DO
PRIMEIRO E DO ÚLTIMO
ITEM DE UMA LISTA.
Guias para facilitar a memória
Princípios cognitivos
LEMBRAMOS MAIS DE ITENS
COM BOM HUMOR
Guias para facilitar a memória
Princípios cognitivos
LEMBRAMOS DE
EXPERIÊNCIAS PELOS SEUS
AUGES E COMO
TERMINARAM.
Designers trabalham dentro de um domínio complexo de
requisitos e restrições multidimensionais.
Para atingir os objetivos de seus projetos é necessário que os
designers conheçam os aspectos cognitivos e emocionais dos
usuários.
Designers de informação podem facilitar os aspectos cognitivos
utilizando princípios e linhas guia, assim como controlar as
respostas afetivas dos usuários por meio das diferentes
características do design que criaram.
Conclusão
Princípios cognitivos
ANDERSON, S. 2011. Mental Notes. Disponível em: <http://getmentalnotes.com/>. Acesso em:
April 7, 2014.
GANNON, M. Cereal boxes make eye contact to earn sales. In: MNN - Mother Nature Network.
Disponível em: <http://www.mnn.com/food/healthy-eating/stories/cereal-boxes-make-eye-contact-
to-earn-sales>. Acesso em: April 7, 2014.
NORMAN, D. A. Emotion and design: Attractive things work better. Interactions Magazine, ix 4, p.
36-42, 2002.
NORMAN, D. A., Ortony, A. Designers and users: Two perspectives on emotion and design. In S.
Bagnara & G. Crampton Smith (Org.), Theories and practice in interaction design, p. 91-103.
Mahwah, NJ: Erlbaum, 2006.
PETTERSSON, R. Cognition In: Information Design 5, IIID – International Institute for Information
Design. Disponível em: <http://www.iiid.eu/rune-pettersson-information-design-5-cognition/>.
Acesso em: April 7, 2014.
Referências
Princípios cognitivos
Obrigada : )

Mais conteúdo relacionado

Destaque

Oficina "Projetando Interações com Base Heurística" por Renato Rosa
Oficina "Projetando Interações com Base Heurística" por Renato RosaOficina "Projetando Interações com Base Heurística" por Renato Rosa
Oficina "Projetando Interações com Base Heurística" por Renato Rosawudrs
 
Avaliação do Google Docs utilizando critérios ergonômicos de Batien & Scapin
Avaliação do Google Docs utilizando critérios ergonômicos de Batien & ScapinAvaliação do Google Docs utilizando critérios ergonômicos de Batien & Scapin
Avaliação do Google Docs utilizando critérios ergonômicos de Batien & ScapinKelvin Campelo
 
Design de informação e de interação
Design de informação e de interaçãoDesign de informação e de interação
Design de informação e de interaçãoPaula Faria
 
Checklists and guidelines - Diretrizes para uma boa interface
Checklists and guidelines - Diretrizes para uma boa interfaceChecklists and guidelines - Diretrizes para uma boa interface
Checklists and guidelines - Diretrizes para uma boa interfaceNathanye Godinho
 
Aula - Interfaces e Estilos de Interação
Aula - Interfaces e Estilos de InteraçãoAula - Interfaces e Estilos de Interação
Aula - Interfaces e Estilos de InteraçãoFabio Moura Pereira
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadeLuiz Agner
 
A busca da experiência perfeita: aspectos cognitivos e emocionais do design d...
A busca da experiência perfeita: aspectos cognitivos e emocionais do design d...A busca da experiência perfeita: aspectos cognitivos e emocionais do design d...
A busca da experiência perfeita: aspectos cognitivos e emocionais do design d...Renata Tonezi
 
Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & UsabilidadeLuiz China
 

Destaque (12)

Oficina "Projetando Interações com Base Heurística" por Renato Rosa
Oficina "Projetando Interações com Base Heurística" por Renato RosaOficina "Projetando Interações com Base Heurística" por Renato Rosa
Oficina "Projetando Interações com Base Heurística" por Renato Rosa
 
Modelo de Componentes de IHC
Modelo de Componentes de IHCModelo de Componentes de IHC
Modelo de Componentes de IHC
 
Avaliação do Google Docs utilizando critérios ergonômicos de Batien & Scapin
Avaliação do Google Docs utilizando critérios ergonômicos de Batien & ScapinAvaliação do Google Docs utilizando critérios ergonômicos de Batien & Scapin
Avaliação do Google Docs utilizando critérios ergonômicos de Batien & Scapin
 
IHC Parte1
IHC Parte1IHC Parte1
IHC Parte1
 
Design de informação e de interação
Design de informação e de interaçãoDesign de informação e de interação
Design de informação e de interação
 
Checklists and guidelines - Diretrizes para uma boa interface
Checklists and guidelines - Diretrizes para uma boa interfaceChecklists and guidelines - Diretrizes para uma boa interface
Checklists and guidelines - Diretrizes para uma boa interface
 
Aula - Interfaces e Estilos de Interação
Aula - Interfaces e Estilos de InteraçãoAula - Interfaces e Estilos de Interação
Aula - Interfaces e Estilos de Interação
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e Usabilidade
 
Introdução a IHC
Introdução a IHCIntrodução a IHC
Introdução a IHC
 
A busca da experiência perfeita: aspectos cognitivos e emocionais do design d...
A busca da experiência perfeita: aspectos cognitivos e emocionais do design d...A busca da experiência perfeita: aspectos cognitivos e emocionais do design d...
A busca da experiência perfeita: aspectos cognitivos e emocionais do design d...
 
Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & Usabilidade
 
Interface homem maquina introdução
Interface homem maquina   introduçãoInterface homem maquina   introdução
Interface homem maquina introdução
 

Semelhante a Princípios cognitivos para designers de informação

Programação Neurolinguística para programadores de Software
Programação Neurolinguística para programadores de SoftwareProgramação Neurolinguística para programadores de Software
Programação Neurolinguística para programadores de SoftwareKleber Carvalho
 
Design Emocional
Design EmocionalDesign Emocional
Design EmocionalEdu Agni
 
Personalidade e Resultados em Team Building
Personalidade e Resultados em Team BuildingPersonalidade e Resultados em Team Building
Personalidade e Resultados em Team BuildingIris Buono
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalMarconi Pacheco
 
BootCamp Design Thinking - Como criar estratégias criativas para expansão nac...
BootCamp Design Thinking - Como criar estratégias criativas para expansão nac...BootCamp Design Thinking - Como criar estratégias criativas para expansão nac...
BootCamp Design Thinking - Como criar estratégias criativas para expansão nac...Laboratorium
 
Design Thinking em produtos e serviços digitais
Design Thinking em produtos e serviços digitaisDesign Thinking em produtos e serviços digitais
Design Thinking em produtos e serviços digitaisGinga.ag
 
4 - O designer para a inovação.ppt
4 - O designer para a inovação.ppt4 - O designer para a inovação.ppt
4 - O designer para a inovação.pptDanieleMudrey1
 
Workshop - Service Design
Workshop - Service DesignWorkshop - Service Design
Workshop - Service DesignErico Fileno
 
Workshop - Service Design
Workshop - Service DesignWorkshop - Service Design
Workshop - Service DesignErico Fileno
 
Processo de Criação e Desenvolvimento com Design Thinking
Processo de Criação e Desenvolvimento com Design ThinkingProcesso de Criação e Desenvolvimento com Design Thinking
Processo de Criação e Desenvolvimento com Design ThinkingColetivo Mola
 
Design Centrado no Usuário
Design Centrado no UsuárioDesign Centrado no Usuário
Design Centrado no Usuáriomariana_berutto
 
Modelagem de usuários
Modelagem de usuáriosModelagem de usuários
Modelagem de usuáriosLuciana Nunes
 
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e InteraçãoCRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e InteraçãoCauê de Souza
 

Semelhante a Princípios cognitivos para designers de informação (20)

apresentação .pdf
apresentação .pdfapresentação .pdf
apresentação .pdf
 
Programação Neurolinguística para programadores de Software
Programação Neurolinguística para programadores de SoftwareProgramação Neurolinguística para programadores de Software
Programação Neurolinguística para programadores de Software
 
Design Emocional
Design EmocionalDesign Emocional
Design Emocional
 
Cd - aulas 06 e 07
Cd - aulas 06 e 07Cd - aulas 06 e 07
Cd - aulas 06 e 07
 
AULA 02 - USABILIDADE.pptx
AULA 02 - USABILIDADE.pptxAULA 02 - USABILIDADE.pptx
AULA 02 - USABILIDADE.pptx
 
Neuromarketing
NeuromarketingNeuromarketing
Neuromarketing
 
Personalidade e Resultados em Team Building
Personalidade e Resultados em Team BuildingPersonalidade e Resultados em Team Building
Personalidade e Resultados em Team Building
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface Digital
 
BootCamp Design Thinking - Como criar estratégias criativas para expansão nac...
BootCamp Design Thinking - Como criar estratégias criativas para expansão nac...BootCamp Design Thinking - Como criar estratégias criativas para expansão nac...
BootCamp Design Thinking - Como criar estratégias criativas para expansão nac...
 
Poster - Neuromarketing
Poster - NeuromarketingPoster - Neuromarketing
Poster - Neuromarketing
 
Design Thinking em produtos e serviços digitais
Design Thinking em produtos e serviços digitaisDesign Thinking em produtos e serviços digitais
Design Thinking em produtos e serviços digitais
 
Design de Serviços
Design de ServiçosDesign de Serviços
Design de Serviços
 
4 - O designer para a inovação.ppt
4 - O designer para a inovação.ppt4 - O designer para a inovação.ppt
4 - O designer para a inovação.ppt
 
Workshop - Service Design
Workshop - Service DesignWorkshop - Service Design
Workshop - Service Design
 
Workshop - Service Design
Workshop - Service DesignWorkshop - Service Design
Workshop - Service Design
 
Processo de Criação e Desenvolvimento com Design Thinking
Processo de Criação e Desenvolvimento com Design ThinkingProcesso de Criação e Desenvolvimento com Design Thinking
Processo de Criação e Desenvolvimento com Design Thinking
 
Design Centrado no Usuário
Design Centrado no UsuárioDesign Centrado no Usuário
Design Centrado no Usuário
 
Modelagem de usuários
Modelagem de usuáriosModelagem de usuários
Modelagem de usuários
 
Conheça a ING
Conheça a INGConheça a ING
Conheça a ING
 
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e InteraçãoCRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
 

Princípios cognitivos para designers de informação

  • 2. Todas as ações que as pessoas executam trazem por padrão tanto um componente emocional como um componente cognitivo. O componente emocional permite que seja atribuído valor a uma ação, enquanto que o componente cognitivo permite que seja atribuído significado. Ambos os aspectos, emocional e cognitivo, estão presentes no cotidiano das pessoas e mudam a forma como o pensamento se forma em relação a produtos e serviços. Norman, 2002 Componentes Princípios cognitivos
  • 3. Níveis emocionais Princípios cognitivos SENSORIAL MOTOR visceral comportamental reflexivo CONTROLE
  • 4. Níveis cognitivos Princípios cognitivos CONSUMO DE ENERGIA MENTAL NÍVELCOGNITIVO Perceber a presença Ver, escutar Ler, ouvir Analisar Criar
  • 5. Guias para facilitar Princípios cognitivos O designer de informação deve se basear em princípios e guias que ajudam no design de mensagens que facilitam a atenção, a percepção, o processamento e a memória dos usuários da informação. Pettersson, 2012
  • 6. Guias para facilitar a atenção Princípios cognitivos cor NÚMERO DE CORES DEVE SER LIMITADO E SEU USO DEVE SER SEMPRE BEM DEFINIDO.
  • 7. Guias para facilitar a atenção Princípios cognitivos figuras USO DE FIGURAS DE PESSOAS, EM PARTICULAR O ROSTO.
  • 8. Guias para facilitar a atenção Princípios cognitivos símbolos COMBINAÇÃO DE PICTOGRAMAS E TEXTOS EM MENSAGENS COMPLEXAS DE AVISO.
  • 9. Guias para facilitar a atenção Princípios cognitivos símbolos
  • 10. Guias para facilitar a atenção Princípios cognitivos layout ESCOLHA DE FONTES COM BASE NA AUDIÊNCIA E NO PROPÓSITO DO DOCUMENTO.
  • 11. Guias para facilitar a memória Princípios cognitivos As linhas guia para facilitar a memorização tem foco em textos e imagens. memória de textos uso de poucos elementos que sejam relevantes memória de figuras usar as imagens bem próximas dos textos aos quais se referem.
  • 12. Guias para facilitar a memória Princípios cognitivos insights de psicologia. comportamento humano. aplicação no design. Anderson, 2011
  • 13. Guias para facilitar a memória Princípios cognitivos LEMBRAMOS MAIS DO PRIMEIRO E DO ÚLTIMO ITEM DE UMA LISTA.
  • 14. Guias para facilitar a memória Princípios cognitivos LEMBRAMOS MAIS DE ITENS COM BOM HUMOR
  • 15. Guias para facilitar a memória Princípios cognitivos LEMBRAMOS DE EXPERIÊNCIAS PELOS SEUS AUGES E COMO TERMINARAM.
  • 16. Designers trabalham dentro de um domínio complexo de requisitos e restrições multidimensionais. Para atingir os objetivos de seus projetos é necessário que os designers conheçam os aspectos cognitivos e emocionais dos usuários. Designers de informação podem facilitar os aspectos cognitivos utilizando princípios e linhas guia, assim como controlar as respostas afetivas dos usuários por meio das diferentes características do design que criaram. Conclusão Princípios cognitivos
  • 17. ANDERSON, S. 2011. Mental Notes. Disponível em: <http://getmentalnotes.com/>. Acesso em: April 7, 2014. GANNON, M. Cereal boxes make eye contact to earn sales. In: MNN - Mother Nature Network. Disponível em: <http://www.mnn.com/food/healthy-eating/stories/cereal-boxes-make-eye-contact- to-earn-sales>. Acesso em: April 7, 2014. NORMAN, D. A. Emotion and design: Attractive things work better. Interactions Magazine, ix 4, p. 36-42, 2002. NORMAN, D. A., Ortony, A. Designers and users: Two perspectives on emotion and design. In S. Bagnara & G. Crampton Smith (Org.), Theories and practice in interaction design, p. 91-103. Mahwah, NJ: Erlbaum, 2006. PETTERSSON, R. Cognition In: Information Design 5, IIID – International Institute for Information Design. Disponível em: <http://www.iiid.eu/rune-pettersson-information-design-5-cognition/>. Acesso em: April 7, 2014. Referências Princípios cognitivos

Notas do Editor

  1. O nível visceral é rápido: faz julgamentos rápidos do que é bom ou ruim, seguro ou perigoso, e envia sinais apropriados para os músculos (o sistema motor) e alerta o resto do cérebro. Este é o início do processamento afetivo. são biologicamente determinado e pode ser inibido ou reforçada através de sinais de controle a partir de cima. O nível comportamental é o local de maior parte do comportamento humano. Suas ações podem pode aumentar ou inibir a camada visceral. A camada mais elevada é a de pensamento reflexivo,que pode ser melhorou inibir a camada comportamental. Note que isso não acontece têm acesso direto ou a estímulos sensoriais ou para o controle do comportamento. Em vez disso, vigia, reflete sobre e tenta influenciar o nível comportamental.