12 PRINCÍPIOS DE
PSICOLOGIA COGNITIVA
APLICADOS AO
UX DESIGN

Como a mente humana funciona e como usar esse conhecimento para desenhar produtos digitais mais intuitivos, fáceis de usar e persuasivos.

Começar a Leitura
12
Princípios
6
Áreas de Cognição
OS 12 PRINCÍPIOS

UMA VISÃO GERAL

Cada princípio representa um aspecto fundamental de como os seres humanos processam informações e interagem com interfaces digitais.

01
Expectativas e percepção
PERCEPÇÃO
01
Percepção

Percebemos o que Esperamos

1

Influência das expectativas

Os usuários interpretam interfaces com base em experiências passadas, afetando a precisão da percepção.

2

Consistência visual

O design visual consistente alinha interfaces às expectativas do usuário, melhorando a usabilidade.

3

O papel do contexto

O contexto de apresentação influencia como os usuários interpretam informações e elementos da interface.

4

Projetando para metas

Antecipar os objetivos do usuário ajuda a criar navegação intuitiva e interfaces mais claras.

02
Percepção de estrutura
GESTALT
02
Gestalt

Nossa Visão é Otimizada para Perceber Estrutura

1

Reconhecimento de padrões

A visão humana identifica naturalmente padrões e agrupa elementos semelhantes para perceber estrutura.

2

Princípios da Gestalt

Proximidade, semelhança, continuidade e fechamento orientam a organização visual no design.

3

Hierarquia visual

A hierarquia visual ajuda a identificar rapidamente informações importantes, melhorando a legibilidade.

03
Uso de estruturas visuais
ORGANIZAÇÃO
03
Organização

Buscamos e Usamos Estruturas

1

Estruturas bem definidas

Listas, tabelas e agrupamentos organizam informações e facilitam a navegação do usuário.

2

Reduzindo carga cognitiva

Estruturas claras evitam confusão e reduzem o esforço cognitivo durante a interação.

3

Hierarquia e acessibilidade

Hierarquia visual e agrupamento melhoram a experiência e dão suporte à acessibilidade.

04
Leitura e design
LEITURABILIDADE
04
Leiturabilidade

Ler Não É Natural

1

Leitura como habilidade aprendida

A leitura é uma habilidade adquirida, influenciada por estrutura, contexto e familiaridade.

2

Impacto do design

Texto excessivo, fontes ruins e baixo contraste dificultam a leitura e degradam a experiência.

3

Design para legibilidade

Fontes legíveis, espaçamento adequado e organização clara são essenciais.

4

Recursos visuais

Imagens e ícones complementam o texto e melhoram a acessibilidade em contextos digitais.

05
Percepção de cores
ACESSIBILIDADE
05
Acessibilidade

Nossa Percepção de Cores é Limitada

1

Variação individual

A percepção de cores varia entre pessoas e pode ser afetada pelo daltonismo.

2

Sensibilidade ao contraste

Os olhos são mais sensíveis ao contraste. Cores de alto contraste são essenciais para legibilidade.

3

Cores acessíveis

Evite tons sutis e use elementos redundantes para suportar informações codificadas por cor.

4

Saturação e brilho

A distinção eficaz de cores requer equilíbrio entre saturação, brilho e intensidade.

06
Visão periférica
ATENÇÃO VISUAL
06
Atenção Visual

Nossa Visão Periférica é Ruim, mas Inteligente

1

Detecção de movimento

A visão periférica detecta movimentos e mudanças, mas carece de sensibilidade para detalhes.

2

Posicionamento de notificações

Mensagens de erro devem ser posicionadas para facilitar a percepção fora do foco central.

3

Animações sutis

Animações sutis e mudanças de cor guiam o olhar sem causar sobrecarga sensorial.

4

Orientação espacial

A visão periférica ajuda usuários a manter orientação, aprimorando a navegação.

07
Atenção e memória
COGNIÇÃO
07
Cognição

A Atenção é Limitada e a Memória é Imperfeita

1

Atenção humana limitada

A atenção não consegue focar em muitos itens ao mesmo tempo — design cuidadoso é essencial.

2

Memória de curto prazo volátil

Interfaces nunca devem depender que os usuários memorizem informações entre telas.

3

Design para visibilidade

Mantenha o status do sistema sempre visível para reduzir carga cognitiva e erros.

4

Feedback imediato

Feedback após ações ajuda a reforçar a memória e orienta os próximos passos.

08
Limites cognitivos
FLUXO COGNITIVO
08
Fluxo Cognitivo

Limites na Atenção, Pensamento e Ação

1

Foco na meta

Usuários focam em objetivos, preferindo fluxos de trabalho familiares e conhecidos.

2

Interface guiada

Indicadores de progresso, listas de tarefas e confirmações visuais orientam o usuário.

3

Ciclo cognitivo

O design deve suportar: definição de metas, execução e avaliação.

4

Antecipe comportamentos

Antecipe ações comuns e auxilie em tarefas incompletas para reduzir erros.

09
Reconhecimento vs recall
MEMÓRIA
09
Memória

Reconhecer é Fácil, Lembrar é Difícil

1

Reconhecimento sobre recall

Reconhecer é mais simples que recuperar da memória — deve ser priorizado no design.

2

Elementos visuais como âncoras

Ícones, miniaturas e históricos ajudam usuários a identificar opções sem memorizar.

3

Design para acessibilidade

Foco em reconhecimento reduz carga cognitiva e melhora a acessibilidade para todos.

10
Aprendizado por experiência
APRENDIZADO
10
Aprendizado

Aprender com a Experiência é Fácil, Resolver Problemas é Difícil

1

Aprendizado por repetição

Usuários aprendem melhor pela repetição e experiência direta do que por problemas abstratos.

2

Interfaces previsíveis

Interfaces consistentes com vocabulário familiar facilitam o aprendizado.

3

Recuperação de erros

O design deve apoiar o aprendizado com erros, com feedback claro e reversão fácil.

11
Fatores de aprendizagem
UX EDUCATIVO
11
UX Educativo

Fatores que Afetam a Aprendizagem

1

Tarefas simplificadas

Tarefas simples com vocabulário orientado para ação reduzem erros e facilitam o aprendizado.

2

Consistência no design

Design visual e funcional consistente suporta memorização e modelos mentais.

3

Ferramentas de apoio

Tutoriais, dicas contextuais e exemplos práticos melhoram a assimilação.

4

Design cognitivo

Design que respeita fatores cognitivos promove autonomia e confiança no sistema.

12
Tempo e eficiência
PERFORMANCE
12
Performance

Temos Limites de Tempo

1

Velocidade da interface

Interfaces devem ser rápidas e responsivas para atender às restrições de tempo dos usuários.

2

Indicadores de progresso

Barras de progresso e estimativas de tempo ajudam a gerenciar expectativas.

3

Esforço mínimo

Designs que minimizam o esforço aumentam produtividade e satisfação do usuário.