Interface Humano -Computador

(1)

A

Interface Humano - Computador

Aula 02 – Conhecendo o usuário e suas necessidades

Giliane Bernardi - [email protected] http://nte.ufsm.br

(2)

Introdução

• O projeto de interfaces deve considerar:

• Experiência

• Expectativa

• Para isso, é necessário conhecer as habilidades do

usuário:

• Física;

• Cognitiva;

• Perceptiva

(3)

Introdução - Cognição

• O que se passa na mente do usuário enquanto realiza

suas atividades?

(4)

Introdução - Cognição

• Cognição

• A cognição é o que acontece em nossas mentes quando realizamos nossas atividades diárias;

• Envolve processos cognitivos, tais como pensar, lembrar, aprender, fantasiar, tomar decisões, ver, ler, escrever e falar;

• Existem muitos tipos diferentes de cognição;

• Basicamente, dois modos mais gerais:

• Cognição experiencial;

(5)

Introdução - Cognição

• Cognição Experiencial: implica em um estado mental no

qual percebemos, agimos e reagimos aos eventos ao

nosso redor de maneira eficaz e sem esforço;

• É necessário um certo nível de perícia e envolvimento;

• Exemplos: dirigir um automóvel, ler um livro, conversar, jogar videogame;

(6)

Introdução - Cognição

• Cognição Reflexiva: envolve pensar, comparar e tomar

decisões;

• promove novas ideias e a criatividade;

(7)

Introdução - Cognição

• Processos associados à cognição:

1. Atenção;

2. Percepção e reconhecimento;

3. Memória;

4. Aprendizado;

5. Leitura, fala e audição;

6. Resolução de problemas, planejamento, raciocínio e tomada de decisão.

(8)

Cognição – Atenção

• Processos associados à cognição:

1. Atenção;

3. Memória;

4. Aprendizado;

(9)

Cognição – Atenção

• A Atenção consiste no processo de selecionar coisas em

que se concentrar, num certo momento, dentre a

variedade de possibilidades disponível;

• Envolve os sentidos auditivos e/ou visuais;

• Exemplos:

• Espera pela chamada de nosso nome em um consultório médico;

• Chamada pelo nosso número em uma agência bancária;

• Passar os olhos na capa de um jornal, para nos informarmos a respeito das notícias diárias;

(10)

Cognição – Atenção

• A atenção nos permite focar uma informação que é

relevante para o que estamos fazendo;

• A facilidade ou dificuldade em executar este processo

depende:

• de termos objetivos claros;

(11)

Cognição – Atenção

• Objetivos Claros

• Se sabemos o que estamos procurando, tentamos combinar isto com a informação que está disponível;

• Exemplo: se queremos saber quem ganhou a última partida de volêi do Grand Prix, entre Brasil e Polônia, que passou de madrugada, quando estávamos dormindo, podemos acessar a internet, ler o jornal ou ligar para um amigo que tenha assistido;

• Quando não estamos certos do que estamos procurando, podemos olhar aleatoriamente a informação, deixando que ela guie nossa atenção para os itens salientes. Após uma análise, podemos chegar a uma decisão;

(12)

Cognição – Atenção

Em qual alternativa é mais rápido

localizar um estado que você não

conhece? Por quê?

ordem alfabética ordem por região

(13)

Cognição – Atenção

• Apresentação da Informação

• A maneira como a informação é apresentada pode influenciar muito a facilidade ou a dificuldade de se chegar às

(14)

Cognição – Atenção

• Apresentação da Informação – Diretrizes

• Faça com que a informação fique saliente quando for necessária em um dado momento da realização de uma tarefa;

• técnicas como gráficos animados, cores, sublinhado, ordenação de itens, sequenciamento de informações diferentes e

espaçamento de itens;

• Evite “entulhar” a interface com muita informação, o que deve ser aplicado especialmente ao uso de cores, sons e gráficos (mistura de mídias);

(15)

Cognição – Percepção Humana

• Processos associados à cognição:

1. Atenção;

3. Memória;

4. Aprendizado;

(16)

Cognição – Percepção Humana

• O usuário deve “perceber” a informação apresentada na

interface através dos sinais que a constituem;

• A percepção humana é um processo complexo, que

envolve outros processos cognitivos, como a memória, a

atenção e a linguagem;

• A visão constitui-se no sentido dominante, seguida pela

audição e pelo tato;

(17)

Cognição – Percepção Humana

• Várias teorias tentam explicar a maneira como

percebemos:

• A Teoria Construtivista acredita que nossa visão de

mundo é construída através da informação obtida pelo

ambiente acrescida ao conhecimento previamente

armazenado;

• A informação é construída, envolvendo processos cognitivos (assimilação – acomodação);

(18)

Cognição – Percepção Humana

• A Teoria Ecologista o processo de percepção envolve a

detecção da informação do ambiente e não requer

quaisquer processos de construção ou elaboração;

• Os objetos carregam certas características que dirigem nossa percepção para eles;

(19)

Cognição – Percepção Humana

Como os sinais externos que chegam aos órgãos

sensoriais são convertidos em experiências

perceptuais significativas?

Como a informação que chega a nossos órgãos dos

sentidos é interpretada?

(20)

Cognição – Percepção Humana

• Um modelo simples é baseado na teoria do

Reconhecimento por Casamento de Padrões;

• Deve existir um template para cada um dos padrões a ser reconhecido. Por exemplo, o reconhecimento de letras;

(21)

Cognição – Percepção Humana

• O Sistema de Percepção Humana irá associar significado

à informação recebida seja ou não o significado

pretendido ou exato;

• Um exemplo de como a percepção humana pode

interpretar de modo falho são os " truques" usados por

artistas da pintura e da fotografia, violando regras de

construção da percepção;

• Por exemplo, para que este processo seja constatado, a

quantidade de informação pode ser reduzida;

(22)

Cognição – Percepção Humana

O que vocês

visualizam?

(23)

Cognição – Percepção Humana

“Quando se olha para o

que se quer é mais

fácil ver.”

• Para “ver” o que interessa, nós adicionamos informações

que não estão presentes na imagem;

• Se alguém pede para procurarmos a imagem de uma

moça e de um cachorro, fica fácil de vê-los;

(24)

Cognição – Percepção Humana

• Outro artifício consiste em colocar organizações

competitivas na imagem;

(25)

Cognição – Percepção Humana

• Quantas faces estão

na figura?

(26)

(27)

Cognição – Percepção Humana

• Pato ou

coelho?

(28)

Cognição – Percepção Humana

• Índio ou

(29)

Cognição – Percepção Humana

• Uma imagem pode ser ambígua

• Falta de informação relevante;

• Excesso de informação irrelevante;

• Dificuldade em interpretar a imagem de duas maneiras

diferentes ao mesmo tempo;

• Na percepção auditiva é análogo!

(30)

Cognição – Percepção Humana

• Concluindo…

• O conhecimento sobre os fenômenos da percepção humana é cada vez mais necessário ao designer de interfaces;

• Perceber é muito mais do que ver!

• Interfaces Gráficas:

• Oferecem facilidades ao usuário, mas ao mesmo tempo exigem processamento perceptual muito intenso;

• Transferem a memorização e a carga cognitiva das interfaces baseadas em linguagens de comando para o processamento perceptual e viso motor;

“O projetista deve estar consciente das possibilidades e

restrições do usuário”

(31)

Cognição – Percepção Humana

Como computadores podem trabalhar com nossas

capacidades de percepção?

• É importante apresentar a informação de uma maneira

que possa ser prontamente recebida, da forma

(32)

Cognição – Percepção Humana

• Do ponto de vista do design de interação as

representações de informações precisam ser projetadas de

modo a ser percebidas e reconhecidas em mídias

diferentes:

• Os ícones e outras representações gráficas devem possibilitar

aos usuários descobrir rapidamente seu significado;

• Os sons devem ser claros e compreensíveis, de forma que os

usuários entendam o que eles querem representar;

• A saída de voz deve possibilitar aos usuários dintinguir as

palavras faladas e também conseguir entender seus significados;

(33)

Cognição – Percepção Humana

• Do ponto de vista do design de interação… (cont.):

• O texto deve ser legível e diferente do fundo;

• O feedback tátil em ambientes virtuais deve permitir aos

usuários reconhecer o significado das várias sensações de toque que estão sendo imitadas;

(34)

Cognição – Memória

• Processos associados à cognição:

1. Atenção;

3. Memória;

4. Aprendizado;

(35)

Cognição - Memória

• A memória implica recordar vários tipos de

conhecimentos que nos permitem agir

adequadamente;

• versátil, nos permitindo fazer muitas coisas: reconhecer o rosto de alguém, lembrar o nome das pessoas, etc…

(36)

Cognição - Memória

• Não é possível lembrar de tudo que vemos, ouvimos,

experimentamos, cheiramos ou tocamos - sobrecarga;

• processo de filtragem para decidir que informação será processada e memorizada;

(37)

Cognição - Memória

• Problema: esquecemos o que queríamos lembrar,

lembramos o que queríamos esquecer;

(38)

Cognição - Memória

• Como funciona o processo de filtragem?

• Inicialmente, ocorre a codificação – determina que informação é acessada no ambiente e como ela é interpretada;

• Quanto mais se presta atenção em algo e quanto mais isto é processado, maior a chance de ser lembrado;

• O contexto na qual a informação está codificada também é

importante – dificil lembrar de informações codificadas em um contexto diferente do atual;

• Exemplo: não reconhecer um vizinho em um cenário diferente do usual de seu prédio;

(39)

Cognição - Memória

• Outro aspecto:

• Indivíduos muito mais reconhecem coisas do que lembram delas;

• Além disso, certos tipos de informações são mais fáceis de reconhecer do que outras;

• Faça este exercício:

• Tente lembrar das datas de aniversários dos membros de sua família e dos seus amigos mais próximos. De quantas datas você consegue lembrar?

• Tente agora descrever o que está na capa do último DVD/CD que você comprou. O que é mais fácil lembrar? Por quê?

(40)

Cognição - Memória

• Em vez de exigir que o usuário recupere da memória o

nome de um comando, interfaces gráficas oferecem

opções visuais aos usuários para que possam ir olhando

e até mesmo reconhecendo algumas delas;

• Da mesma forma, é possível mostrar aos usuários as

possibilidades;

• Exemplo: a opção de salvar as URLs favoritas e visualizar seus nomes para reconhecer um site;

(41)

Cognição - Memória

• Diretrizes do ponto de vista de projeto:

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

procedimentos complicados para a realização de tarefas;

• Projete interfaces que promovam o reconhecimento, em vez da memorização, utilizando menus, ícones e objetos

consistentemente posicionados;

• Ofereça aos usuários várias maneiras de codificar a informação eletrônica, para ajudá-los a lembrar onde as armazenaram, utilizando cores, registro de datas, ícones, etc…

(42)

Cognição – Aprendizado

• Processos associados à cognição:

1. Atenção;

3. Memória;

4. Aprendizado;

(43)

Cognição - Aprendizado

• O aprendizado pode ser considerado no que concerne a:

• Como utilizar uma aplicação baseada em computador ou

• Utilizar uma aplicação de computador para entender um determinado tópico;

(44)

Cognição - Aprendizado

• Muitos usuários preferem aprender fazendo;

• Interfaces gráficas e de manipulação direta são bons

ambientes para fornecer suporte a este tipos de aprendizado;

• Apoiam a interação exploratória;

• Outra abordagem é conhecida como “bicicleta com

rodinhas”;

• Restringir as possíveis funções que podem ser realizadas por um aprendiz – nível mais básico;

(45)

Cognição - Aprendizado

• Diretrizes, do ponto de vista do design de interface:

• Projete interfaces que encorajem a exploração;

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

seleção de ações mais adequadas;

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

necessitem ser aprendidas;

• Possibilidade de explorar ideias e conceitos de maneiras diferentes (multimídia, realidade virtual, tecnologias interativas baseadas na web);

(46)

Cognição – Leitura, Fala e Audição

• Processos associados à cognição:

1. Atenção;

3. Memória;

4. Aprendizado;

(47)

Cognição – Leitura, Fala e Audição

• Estas três formas têm propriedades semelhantes e

diferentes;

• Uma similaridade diz respeito ao significado da frase ser o mesmo;

• Por exemplo, a frase “Computadores são uma invenção maravilhosa”, possui essencialmente o mesmo significado;

• A facilidade com que as pessoas podem ler, ouvir ou falar varia conforme a pessoa, a tarefa e o contexto;

(48)

Cognição – Leitura, Fala e Audição

• Algumas diferenças específicas:

• A linguagem escrita é permanente e a falada transitória;

• Ler pode ser uma atividade mais rápida do que falar ou ouvir, já que como texto escrito podemos proceder a uma leitura dinâmica, o que não ocorre quando ouvimos;

• Ouvir exige menos esforço cognitivo do que ler ou falar;

(49)

Cognição – Leitura, Fala e Audição

• Muitas aplicações têm sido desenvolvidas para

potencializar as habilidades de leitura, escrita e audição

das pessoas:

• Livros interativos e material baseado na web que auxiliam as pessoas a ler ou aprender linguas estrangeiras;

• Sistemas de reconhecimento de voz que permitem que usuários dêem instruções por meio de comandos falados;

• Sistemas de saída de voz que utilizam discurso gerado

artificialmente (sistemas que traduzem o texto escrito para a oralidade – portadores de deficiência visual);

(50)

Cognição – Leitura, Fala e Audição

• Muitas aplicações têm sido desenvolvidas …(cont):

• Sistemas de linguagem natural que permitem que os usuários digitem questões fornecendo respostas baseadas em textos (chatterbots);

(51)

Cognição – Leitura, Fala e Audição

• Muitas aplicações têm sido desenvolvidas …(cont) :

• Auxílios cognitivos para pessoas que consideram difícil ler, escrever e falar – interfaces especiais;

• Dispositivos de entrada e saída que permitem que pessoas com várias deficiências tenham acesso à web e utilizem processadores de texto e outros pacotes de software;

(52)

Cognição – Leitura, Fala e Audição

• Diretrizes, do ponto de vista do design de interface:

• Os menus e as instruções comandadas por voz devem ser mínimos;

• pessoas consideram difícil lidar com menus que apresentam mais de três ou quatro opções;

• Acentue a entonação das vozes de discursos gerados

artificialmente,pois eles são mais difíceis de entender do que a voz humana;

• Ofereça a possibilidade de ampliar o texto na tela, sem alterar a formatação, para as pessoas que tenham dificuldade para ler fontes pequenas;

(53)

Cognição – Resolução de Problemas,

Planejamento, Raciocínio e Tomada de Decisão

• Processos associados à cognição:

1. Atenção;

3. Memória;

4. Aprendizado;

(54)

• Processos cognitivos que envolvem a cognição reflexiva;

• Implicam pensar sobre o que fazer, quais são as opções e

quais podem ser as consequências de se realizar uma

determinada ação;

• 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);

Cognição – Resolução de Problemas,

(55)

• O raciocínio também envolve contato com diferentes

cenários, a fim de decidir a melhor opção ou solução

para um problema;

• Comparar diferentes informações;

• Do ponto de vista do projeto de interfaces:

• Fornecer informações adicionais que fiquem escondidas, mas que sejam fáceis de acessar para os que desejarem saber mais a respeito de como realizar uma atividade com mais eficiência;

Cognição – Resolução de Problemas,

(56)

Finalizando…

• Retomando…

“O projetista deve

estar consciente das

possibilidades e

restrições do usuário”

(57)

Finalizando…

• Bandeira do Brasil no PowerPoint

• Os filmes apresentam a interação de 3 usuários fictícios (os filmes são didáticos). Cada um deles está tentando produzir uma representação esquemática da bandeira do Brasil,

utilizando o MS PowerPoint (versão do Office 2007, em inglês).

• O que eles querem fazer é produzir uma imagem como a

apresentada na imagem acima, sem os detalhes da bandeira, mas em tamanho grande.

• Notem como cada um formula e por isto resolve o problema de uma maneira diferente da dos demais.

• Consequentemente, cada um enfrenta possibilidades e dificuldades de interação diferentes das dos demais.