Rafael Oli é um designer de produto de São Paulo que cria conteúdo sobre design desde 2006. Neste documento, ele discute os processos cognitivos da memória humana, incluindo a memória sensorial, de curto prazo e de longo prazo, e como o design de interfaces pode ajudar ou atrapalhar esses processos.

1. 2016
RAFAEL OLI
ENGRENAGENS
DA MEMÓRIA

2. EVENTO
7 de Abril 2016

3. Olá

4. QUE CRIA
TRECOS
DESDE
2006
SOU UM
DESIGNER
DE PRODUTO
DE SAMPA
Art Direction
Print Design
Branding
Vector Illustration
Social Media Content
Digital Painting
Packaging
User Interface Design
User Experience Research
Customer Experience
Information Architecture
User flows
User journeys
Usability
RA
FAEL
OLI
BLOG DE AI
arquiteturadeinformacao.com
BEHANCE
@rafaeloli
MEDIUM
@rafaoli
LINKEDIN
@rafaeloli
DRIBBBLE
@rafaeloli

6. Criar e melhorar a usabilidade
de dashboards financeiras com
alto nível de abstração
DESAFIO

9. HCI (Human-Computer Interaction)
Área de pesquisa que estuda,
através de psicologia cognitiva, como
seres humanos interagem com máquinas

10. lOadIng

11. PsiColOgiA
FucKinG
CogNitIva?
VisH mAriA

12. tio nielsen tio norman
VALEU
MANOS

13. O ser humano possui
várias funções cognitivas
MEMÓRIA
ATENÇÃO
LINGUAGEM
PERCEPÇÃO
EXECUTIVAS

14. MEMÓRIA

15. NOSSA MEMÓRIA É LIMITADA,
E ISSO NÃO É NOVIDADE PRA NINGUÉM

16. O que você almoçou ontem?

17. contornar
limitações
potencializar
habilidades&

18. ENGRENAGENS
DA MEMÓRIA

19. Memória Sensorial
Memória de Curto Prazo
Memória de Longo Prazo
codificação da informação 2-5 milissegundos
retenção da informação 15-30 segundos
armazenamento da informação indefinido

20. MEMÓRIA
SENSORIAL
ATIVAÇÃO
INFORMAÇÃO
VISUAL ABSTRATA
MEMÓRIA DE
LONGO PRAZO
MEMÓRIA DE
CURTO PRAZO
DESCARTE
1
2
3
codificação
2-5 milissegundos
retenção
15-30 segundos
armazenamento
indefinido

21. MEMÓRIA
SENSORIAL
ATIVAÇÃO
INFORMAÇÃO
VISUAL ABSTRATA
MEMÓRIA DE
LONGO PRAZO
MEMÓRIA DE
CURTO PRAZO
DESCARTE
1 codificação
2-5 milissegundos
2 retenção
15-30 segundos
3 armazenamento
indefinido

22. MEMÓRIA
SENSORIAL
ATIVAÇÃO
INFORMAÇÃO
VISUAL ABSTRATA
MEMÓRIA DE
LONGO PRAZO
MEMÓRIA DE
CURTO PRAZO
DESCARTE
1 codificação
2-5 milissegundos
2 retenção
15-30 segundos
3 armazenamento
indefinido

23. MEMÓRIA
SENSORIAL
ATIVAÇÃO
MEMÓRIA DE
LONGO PRAZO
MEMÓRIA DE
CURTO PRAZO
DESCARTE
1 codificação
2-5 milissegundos
2 retenção
15-30 segundos
3 armazenamento
indefinido
INFORMAÇÃO
VISUAL ABSTRATA

24. MEMÓRIA
SENSORIAL
ATIVAÇÃO
MEMÓRIA DE
LONGO PRAZO
MEMÓRIA DE
CURTO PRAZO
DESCARTE
1 codificação
2-5 milissegundos
2 retenção
15-30 segundos
3 armazenamento
indefinido
INFORMAÇÃO
VISUAL ABSTRATA

25. MEMÓRIA
SENSORIAL

26. MEMÓRIA
SENSORIAL
identificar
padrões

27. A informação visual do objeto
torna óbvia sua utilização
AFFORDANCE
Esse elemento é interativo?
Como devo interagir?
O que acontecerá se eu interagir?
MEMÓRIA
SENSORIAL

28. IMPRIMIR
MEMÓRIA
SENSORIAL
interação
resultadoelemento

29. MEMÓRIA
SENSORIAL

30. RECORDAR
VS
RECONHECER
MEMÓRIA
SENSORIAL

31. Quem é esse tiozinho?
MEMÓRIA
SENSORIAL

32. Quem é esse tiozinho?
MEMÓRIA
SENSORIAL
Walt DisneyA Albert EinsteinB Charles DarwinC

33. RECONHECERRECORDAR
é ativar lembranças pontuais
em busca da informação correta
é confirmar se a informação
fornecida está correta
MEMÓRIA
SENSORIAL

34. MEMÓRIA
SENSORIAL
RECORDAR RECONHECER
CHARLES
DARWIN

35. I lOve
PigAs

36. PERFIL
MEMÓRIA
SENSORIAL

37. PERFIL
ÍCONE
sentido
LEGENDA
sentido
PERFIL
RETÂNGULO
affordance
+ +
MEMÓRIA
SENSORIAL

38. SENHA |
ÍCONE
sentido
RETÂNGULO
affordance
+ + SENHA
LEGENDA
sentido
MEMÓRIA
SENSORIAL

39. MEMÓRIA DE
CURTO PRAZO

40. MEMÓRIA DE
CURTO PRAZO
15 a 30 segundos

41. sÓ 15 a 30
sEguNdOs?
NosSa RafÃo
MEMÓRIA DE
CURTO PRAZO

42. MEMÓRIA DE
CURTO PRAZO

43. ♥♥
MEMÓRIA DE
CURTO PRAZO
♥♥

44. MEMÓRIA DE
CURTO PRAZO
FEEDBACK
INSTANTÂNEO
ações
prévias
comportamento
do sistema
e

45. MEMÓRIA DE
CURTO PRAZO
1 2 3 4 5
SENSAÇÃO DE PROGRESSÃO

46. MEMÓRIA DE
CURTO PRAZO
UPLOAD
INTERAÇÃO
GATILHO
50%
FEEDBACK
PROCESSAMENTO
UI.PNG
FEEDBACK
CONFIRMAÇÃO

47. MEMÓRIA DE
CURTO PRAZO
50%
CARREGANDO
feed de notícias

48. MEMÓRIA DE
LONGO PRAZO

49. MEMÓRIA DE
LONGO PRAZO
ATIVAÇÃO

50. MEMÓRIA DE
LONGO PRAZO
CONTEXTO
Informação visual presente no foco de atenção.
RECÊNCIA
Quão recentemente esse padrão de lembranças foi utilizado..
PRÁTICA
Quantas vezes esse padrão de lembranças foi ativado no passado.
Influenciadores na ATIVAÇÃO

51. MEMÓRIA DE
LONGO PRAZO
ARQUIVOS
Clique no arquivo para baixar
ARQUIVO.PNG
ARQUIVO.MP3
REFEIÇÃO
Escolha o tipo de comida
PIZZA FRANGO BATATA

52. MEMÓRIA DE
LONGO PRAZO
Utilize o teclado
para navegar
Use o backspace
para apagar itens
Clique e arraste
para ordenar

53. MEMÓRIA DE
LONGO PRAZO
Digite o nome da música ou banda|
ÚLTIMAS PESQUISAS
Less than jake 2 minutos
Blink 182 4 horas
The story so far 2 dias
New found glory 1 semana
Ver histórico de pesquisas

54. RecApi
TulAndO
rApiDão

55. MEMÓRIA
SENSORIAL
ATIVAÇÃO
MEMÓRIA DE
LONGO PRAZO
MEMÓRIA DE
CURTO PRAZO
MEMÓRIA
SENSORIAL
MEMÓRIA DE
LONGO PRAZO
MEMÓRIA DE
CURTO PRAZO
-reconhecer > recordar -ensinedentrodocontextopresente
-retéminfopornomáx30segundos
-affordanceativando2ou3memórias
-indicarcomointeragireoquevaiacontecer
-tireproveitodarecência
-faciliteaprática
-feedbackcomportamentodosistema
-feedbacksequênciadepassos

56. Por hojE É
SÓ PesSoaL

57. MUITO OBRIGADO
“INTRODUÇÃO À
INTERFACES HEURÍSTICAS”
https://goo.gl/yPQes9
BLOG DE AI
arquiteturadeinformacao.com
MEDIUM
@rafaoli
LINKEDIN
@rafaeloli
BEHANCE
@rafaeloli
DRIBBBLE
@rafaeloli