2016

RAFAEL OLI ENGRENAGENSDA MEMÓRIA

EVENTO

7 de Abril 2016

Olá

QUE CRIA TRECOS

DESDE2006

SOU UMDESIGNER

DE PRODUTODE SAMPA

Art DirectionPrint DesignBrandingVector IllustrationSocial Media ContentDigital PaintingPackaging

User Interface DesignUser Experience ResearchCustomer ExperienceInformation ArchitectureUser flowsUser journeysUsability

RAFAELOLI

BLOG DE AIarquiteturadeinformacao.com

BEHANCE@rafaeloli

MEDIUM@rafaoli

LINKEDIN@rafaeloli

DRIBBBLE@rafaeloli

Criar e melhorar a usabilidadede dashboards financeiras com

alto nível de abstração

DESAFIO

HCI (Human-Computer Interaction)

Área de pesquisa que estuda, através de psicologia cognitiva, como

seres humanos interagem com máquinas

lOadIng!

PsiColOgiA FucKinG

CogNitIva?

VisH mAriA

tio nielsen tio norman

VALEUMANOS

O ser humano possui várias funções cognitivas

MEMÓRIA

ATENÇÃOLINGUAGEM

PERCEPÇÃO

EXECUTIVAS

MEMÓRIA

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

O que você almoçou ontem?

contornarlimitações

potencializarhabilidades&

ENGRENAGENSDA MEMÓRIA

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

MEMÓRIA SENSORIAL

ATIVAÇÃOINFORMAÇÃOVISUAL ABSTRATA

MEMÓRIA DELONGO PRAZO

MEMÓRIA DECURTO PRAZO

DESCARTE

1

2

3

codificação 2-5 milissegundos

retenção15-30 segundos

armazenamentoindefinido

MEMÓRIA SENSORIAL

ATIVAÇÃOINFORMAÇÃOVISUAL ABSTRATA

MEMÓRIA DELONGO PRAZO

MEMÓRIA DECURTO PRAZO

DESCARTE

1 codificação 2-5 milissegundos

2 retenção15-30 segundos

3 armazenamentoindefinido

MEMÓRIA SENSORIAL

ATIVAÇÃOINFORMAÇÃOVISUAL ABSTRATA

MEMÓRIA DELONGO PRAZO

MEMÓRIA DECURTO PRAZO

DESCARTE

1 codificação 2-5 milissegundos

2 retenção15-30 segundos

3 armazenamentoindefinido

MEMÓRIA SENSORIAL

ATIVAÇÃO

MEMÓRIA DELONGO PRAZO

MEMÓRIA DECURTO PRAZO

DESCARTE

1 codificação 2-5 milissegundos

2 retenção15-30 segundos

3 armazenamentoindefinido

INFORMAÇÃOVISUAL ABSTRATA

MEMÓRIA SENSORIAL

ATIVAÇÃO

MEMÓRIA DELONGO PRAZO

MEMÓRIA DECURTO PRAZO

DESCARTE

1 codificação 2-5 milissegundos

2 retenção15-30 segundos

3 armazenamentoindefinido

INFORMAÇÃOVISUAL ABSTRATA

MEMÓRIASENSORIAL

MEMÓRIA SENSORIAL

identificarpadrões

A informação visual do objetotorna óbvia sua utilização

AFFORDANCE

Esse elemento é interativo?

Como devo interagir?

O que acontecerá se eu interagir?

MEMÓRIA SENSORIAL

IMPRIMIR! ! !

MEMÓRIA SENSORIAL

interaçãoresultadoelemento

MEMÓRIA SENSORIAL

RECORDARVS

RECONHECER

MEMÓRIA SENSORIAL

Quem é esse tiozinho?MEMÓRIA

SENSORIAL

Quem é esse tiozinho?MEMÓRIA

SENSORIAL

Walt DisneyA Albert EinsteinB Charles DarwinC

RECONHECERRECORDARé ativar lembranças pontuais

em busca da informação corretaé confirmar se a informação

fornecida está correta

MEMÓRIA SENSORIAL

MEMÓRIA SENSORIAL

RECORDAR RECONHECER

CHARLESDARWIN

!I lOvePigAs

PERFIL!

MEMÓRIA SENSORIAL

PERFIL!

ÍCONEsentido

!

LEGENDAsentido

PERFIL

RETÂNGULOaffordance

+ +

MEMÓRIA SENSORIAL

SENHA |!

!

ÍCONEsentido

RETÂNGULOaffordance

+ + SENHA

LEGENDAsentido

MEMÓRIA SENSORIAL

MEMÓRIA DECURTO PRAZO

MEMÓRIA DE CURTO PRAZO

15 a 30 segundos

! ! !

sÓ 15 a 30sEguNdOs?

NosSa RafÃo

MEMÓRIA DE CURTO PRAZO

MEMÓRIA DE CURTO PRAZO

♥♥

MEMÓRIA DE CURTO PRAZO

♥♥

MEMÓRIA DE CURTO PRAZO

FEEDBACKINSTANTÂNEO

ações prévias

comportamentodo sistema

e

MEMÓRIA DE CURTO PRAZO

1 2 3!! 4 5

SENSAÇÃO DE PROGRESSÃO

MEMÓRIA DE CURTO PRAZO

! !UPLOAD !

INTERAÇÃOGATILHO

50%

FEEDBACKPROCESSAMENTO

UI.PNG "

FEEDBACKCONFIRMAÇÃO

MEMÓRIA DE CURTO PRAZO

50%

CARREGANDOfeed de notícias

MEMÓRIA DELONGO PRAZO

MEMÓRIA DE LONGO PRAZO

ATIVAÇÃO

MEMÓRIA DE LONGO PRAZO

!CONTEXTOInformação visual presente no foco de atenção.

RECÊNCIAQuão recentemente esse padrão de lembranças foi utilizado..

PRÁTICAQuantas vezes esse padrão de lembranças foi ativado no passado.

Influenciadores na ATIVAÇÃO

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

MEMÓRIA DE LONGO PRAZO

Utilize o tecladopara navegar

!

Use o backspacepara apagar itens

!

Clique e arrastepara ordenar

!

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 "

RecApiTulAndO

rApiDão

MEMÓRIA SENSORIAL

ATIVAÇÃO

MEMÓRIA DELONGO PRAZO

MEMÓRIA DECURTO PRAZO

MEMÓRIA SENSORIAL

MEMÓRIA DELONGO PRAZO

MEMÓRIA DECURTO PRAZO

- reconhecer > recordar - ensine dentro do contexto presente

- retém info por no máx 30 segundos

- affordance ativando 2 ou 3 memórias- indicar como interagir e o que vai acontecer

- tire proveito da recência- facilite a prática

- feedback comportamento do sistema- feedback sequência de passos

Por hojE ÉSÓ PesSoaL

MUITO OBRIGADO

“INTRODUÇÃO À INTERFACES HEURÍSTICAS”

https://goo.gl/yPQes9

BLOG DE AIarquiteturadeinformacao.com

MEDIUM@rafaoli

LINKEDIN@rafaeloli

BEHANCE@rafaeloli

DRIBBBLE@rafaeloli