Ihc aula 6 - cognição - ticianne ribeiro

Interação Humano - Computador

Profa. Ticianne Ribeiro Sistemas e Mídias Digitais

Aula IV

Introdução a

Modelos Conceituais

2

Introdução a Modelos Conceituais -

Ticianne Ribeiro

O que é a cognição?

Ticianne Ribeiro - Design de Interação

3

Cognição

• É o que acontece em nossas mentes quando

realizamos nossas atividades diárias


4

Modos Gerais de Cognição

• Cognição Experiencial

– Agir e reagir aos eventos ao nosso redor de

maneira eficaz e sem esforço

– Exige certo nível de perícia e envolvimento

• Cognição Reflexiva

– Pensar, comparar e tomar decisões

– Promove novas idéias e a criatividade


5

Cognição envolve tipos

específicos de processos

• Atenção

• Percepção e reconhecimento

• Memória

• Aprendizado

• Leitura, fala e audição

• Resolução de problemas, planejamento, raciocínio e tomada de decisões


6

Cognição envolve tipos

específicos de processos

• Muitos destes processos são interdependentes

• Cada um destes processos tem implicações específicas do design

• A mais relevante, com relação ao Design de Interação, é a memória.


7

Processos de Cognição


8

Atenção

• Selecionar coisas em que se concentrar, num certo momento, dentre a variedade de possibilidades disponíveis.

• Envolve sentidos auditivos e visuais

• Permite focar em informações relevantes para o que estamos fazendo

• Depende

– De termos objetivos claros

– De a informação necessária estar saliente no ambiente


9

Atenção

• Nossos objetivos

– Se sabemos exatamente o que queremos encontrar,

tentamos combinar isso com a informação disponível

– Quando não estamos certos, olhamos aleatoriamente

a informação, nos deixando guiar pelos itens salientes


10

Atenção

• Apresentação da informação

– Maneira de apresentar a informação

influencia positiva ou negativamente chegar

às informações desejadas.


11

Onde você mantém a

Atenção?


12

Onde você mantém a

Atenção?


13

Encontre a informação

pedida:


14

Encontre a informação

pedida:


15

Implicações do Design na

Atenção

• Faça que a informação fique saliente quando

for necessária, em dado momento da tarefa

– Técnicas: animações, cores, sublinhados, ordenação

e sequenciamento de informação, espaçamento

entre itens

• Evite entulhar a interface (cores, sons e gráficos)

• Interfaces simples são muito mais fáceis de

utilizar


16

Percepção

• Como a informação é adquirida do ambiente

pelos diferentes órgãos sensitivos e

transformada em experiências

• Informação deve ser prontamente percebida,

da forma pretendida, em mídias diferentes

• Exemplo: ícones

– Facilmente distinguíveis uns dos outros,

reconhecimento simples do que desejam representar


17

Percepção – Por que estes

ícones são tão ruins?


18


Percepção

• Ícones e representações gráficas devem ser

fáceis de descobrir o significado

• Sons devem ser claros e compreensíveis

• Saída de voz deve ter palavras faladas

distinguíveis

• Texto deve ser legível e diferente do fundo

• Feedback tátil deve se distinguível (ambientes

virtuais)


19

Memória

• Recordar vários tipos de conhecimentos que nos permitem agir adequadamente

• Não é possível lembrarmos de tudo

– Filtragem: que informação será

posteriormente processada e memorizada

– Problema na Filtragem: esquecemos coisas

que devíamos lembrar e lembramos coisas

que devíamos esquecer


20

Memória

• Processo de filtragem

– Codificação: como a informação é acessada no ambiente e como ela é interpretada

• Dependendo de sua extensão, a habilidade para lembrar da informação será afetada

– Contexto da codificação

• As vezes pode ser difícil lembrar de algo que foi codificado em contexto diferente

• Certos tipos de informações são mais fáceis de lembrar do que outras


21


22

Tente lembrar da data de aniversário de

todos da sua família e de seus amigos

mais próximos. Tente descrever o que

está no cartaz do último filme que você

viu no cinema. O que é mais fácil

lembrar? Por que?

Memória

• Lembrar comandos em interfaces

– Exigir nome de comando vs. Oferecer

opções visuais

• Lembrar endereços

– Recursos de bookmarking

• Gerenciamento de arquivos

– Recuperação direta, seguida de verificação

baseada em reconhecimento Ticianne Ribeiro - Design de Interação

23


Memória

• Não sobrecarregue a memória dos usuários

com procedimentos complicados

• Projete interfaces que promovam

reconhecimento, em vez de memorização

• Ofereça aos usuários várias maneiras de

codificar a informação eletrônica, para ajudá-

los a lembrar onde armazenaram


24

Exemplo de sobrecarga na

memória

• Phone banking

– Senhor, gostaríamos de confirmar algumas informações...

– CEP

– nome de solteira da mãe

– local de nascimento

– ultima escola que frequentou, primeira escola que frequentou,

– uma senha de 5 a 10 letras

– Uma data memorizável (não a do nascimento)


25

Aprendizado

• Como utilizar uma aplicação baseada no computador

ou

• Como utilizar uma aplicação baseada no computador

para aprender determinado tópico

• Projetar interfaces que ajudem os aprendizes a

desenvolver habilidades baseadas em computador

– Pessoas consideram difícil aprender com base em manuais

• Ler, falar e ouvir: formas de processamento da linguagem

com propriedades semelhantes e diferentes


26


Dê exemplos de

similaridades e diferenças

entre ler, falar e ouvir.

27

Implicações do Design no

Aprendizado

• Projete interfaces que encorajem a exploração

• Projete interfaces que restrinjam e guiem os usuários na

seleção das ações mais adequadas

• Vincule dinamicamente representações e abstrações

que necessitem ser aprendidas

• Menus e instruções comandadas devem ser mínimos

• Ofereça a possibilidade de ampliar o texto na tela sem

alterar a formatação


28

Resolução de problemas, planejamento,

raciocínio e tomada de decisões

• Processos cognitivos que envolvem cognição reflexiva

• Envolvem

– processos conscientes (saber o que alguém está pensando)

– Discussão em grupo (ou consigo mesmo)

– Uso de vários tipos de artefatos (mapas, livros, caneta, papel...)

• Contato com diferentes cenários

• Comparar diferentes fontes de informação

• Ex.: planejamento da melhor rota


29

Implicações do Design para Resolução

de problemas, planejamento...

• Forneça informações adicionais que fiquem escondidas, mas que sejam

fáceis de acessar para quem desejar saber mais a respeito


30

Modelos Mentais


31

Modelos Mentais

• Framework conceitual para cognição

• Modelo mental: conhecimento sobre como

utilizar um sistema e de como ele funciona

• Após desenvolver um modelo metal de um

produto interativo, as pessoas podem fazer

inferências de como utilizá-lo em

– Outras tarefas no sistema

– Situações inesperadas

– Outros sistemas não familiares


32

Pessoas utilizam modelos

mentais errôneos

• Exemplo do termostato

• Por que isso acontece?

– Modelos mentais baseados na teoria geral de válvulas

• Na vida diária, as pessoas desenvolvem um

conjunto de abstrações sobre como as coisas

funcionam e o aplicam a vários dispositivos,

independente de ser apropriado ou não.

• Teoria das válvulas


33

Se as pessoas utilizarem

modelos mentais corretos...

• Interagirão com maior disposição, por:

– Saber realizar suas tarefas com eficiência

– Saber o que fazer caso o sistema falhe


34

O que os designers podem

fazer pra isso?

• Projetar sistemas mais transparentes e fáceis de

entender

– Feedback útil em resposta à entrada do usuário

– Maneiras intuitivas e fáceis de aprender a interagir

com o sistema

– Instruções claras e fáceis de seguir

– Ajuda online e tutoriais adequados

– Orientação sensível a contexto


35


Dúvidas?

36

Até a próxima aula!

A glória dos jovens é a sua força; e a beleza dos velhos são os cabelos brancos. Provérbios 20:29

Introdução a Modelos Conceituais - Ticianne Ribeiro

37

Ihc aula 6 - cognição - ticianne ribeiro

Documents

Transcript of Ihc aula 6 - cognição - ticianne ribeiro