Interface Humano -Computador

Transcrição

1 A Interface Humano -Computador Aula 02 Conhecendo o usuário e suas necessidades Giliane Bernardi - giliane@inf.ufsm.br

2 Introdução O projeto de interfaces deve considerar: Experiência Expectativa Usuário 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 queaconteceemnossasmentesquando realizamos nossas atividades diárias; Envolveprocessoscognitivos, taiscomopensar, 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; Cognição reflexiva.

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; Exemplos: projetar, aprender, escrever um livro;

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; 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.

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; da informação que precisarmos estar saliente no ambiente;

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 Brasile Polônia, quepassoude madrugada, quandoestávamosdormindo, podemosacessara internet, lero jornalouligarparaum amigo quetenhaassistido; Quandonãoestamoscertosdo queestamosprocurando, 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; Exemplo:a escolhade um pratoemum menu de restaurante;

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 (Norte, Nordeste,...)

13 Cognição Atenção Apresentação da Informação A maneira como a informação é apresentada pode influenciar muitoa facilidadeoua dificuldadede se chegaràs informações desejadas;

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); As interfaces simples sãomuitomaisfáceisde usar;

15 Cognição Percepção Humana 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.

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ãoconstitui-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 Construtivistaacredita 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 TeoriaEcologistao processode percepçãoenvolvea 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 templatepara cada um dos padrões a ser reconhecido. Por exemplo, o reconhecimento de letras; A A a A A A

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; Degrada-se a imagem tornando a interpretação difícil;

22 Cognição Percepção Humana O que vocês visualizam?

23 Cognição Percepção Humana Para ver o que interessa, nós adicionamos informações que não estão presentes na imagem; Se alguémpedeparaprocurarmosa imagemde uma moçae de um cachorro, ficafácilde vê-los; Uma vezvisto, ficamuitodifícilnãovermais; Quando se olha para o que se quer é mais fácil ver.

24 Cognição Percepção Humana Outro artifício consiste em colocar organizações competitivas na imagem; Conflito de interpretações

25 Cognição Percepção Humana Quantas faces estão na figura?

26 Cognição Percepção Humana

27 Cognição Percepção Humana Pato ou coelho?

28 Índio ou esquimó? Cognição Percepção Humana

29 Cognição Percepção Humana Uma imagempodeserambí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! Não conseguimos ouvir duas conversas ao mesmo tempo;

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 capacidadesde percepção? É importante apresentar a informação de uma maneira quepossaserprontamenterecebida, da forma pretendida;

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; 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.

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 Que estratégias você utiliza para lembrar de algo?

36 Cognição -Memória Nãoé possívellembrarde tudoquevemos, ouvimos, experimentamos, cheiramos ou tocamos- sobrecarga; processo de filtragem para decidir que informação será processada e memorizada;

37 Cognição-Memória Problema: esquecemoso quequeríamoslembrar, 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 contextona 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 Diretrizesdo pontode vista de projeto: Nãosobrecarreguea memóriados usuárioscom 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, paraajudá-los a lembrarondeas armazenaram, utilizando cores, registro de datas, ícones, etc

42 Cognição Aprendizado 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.

43 Cognição -Aprendizado O aprendizado pode ser considerado no que concerne a: Como utilizar uma aplicação baseada em computador ou Utilizarumaaplicaçãode computadorparaentenderum 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; Outraabordagemé conhecidacomo bicicletacom rodinhas ; Restringir as possíveis funções que podem ser realizadas porum aprendiz nívelmaisbásico; Estendê-las posteriormente quando for mais experiente;

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; 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.

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; Crianças geralmente preferem narrativas em multimídia;

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: Livrosinterativose material baseadonaweb queauxiliamas 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(sistemasquetraduzemo textoescritoparaa 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ílioscognitivosparapessoasqueconsideramdifíciller, 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: Osmenus e as instruçõescomandadasporvozdevemser 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çaa possibilidadede ampliaro textonatela, semalterar 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; 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.

54 Cognição Resolução de Problemas, Planejamento, Raciocínio e Tomada de Decisão 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);

55 Cognição Resolução de Problemas, Planejamento, Raciocínio e Tomada de Decisão O raciocínio também envolve contato com diferentes cenários, a fimde decidira melhoropçãoousolução para um problema; Comparar diferentes informações; Do pontode vista do projetode interfaces: Fornecerinformaçõesadicionaisquefiquemescondidas, mas quesejamfáceisde acessarparaosquedesejaremsaber mais a respeito de como realizar uma atividade com mais eficiência;

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

58 Referências Bibliográficas Preece, J.; Rogers, Y.; Sharp, H. Design de Interação. Porto Alegre: Bookman, Rocha, H. V.; Baranauskas, M. C. C. Design e Avaliação de Interfaces Humano-Computador. São Paulo, IME-USP, 2003.