Fundamentos de Fatores Humanos em IHCParte 2

Prof. André Constantino da Silva

IHC

Matutino

24 de agosto de 2014

• http://youtu.be/sk0rPAGoJcs?t=32m9s

Assistir do 32:11 até 36:50

Tudo junto e misturado

• Psicologia (na IHC)

– Funções Mentais Superiores• Percepção

– Teorias da percepção: ecologista x construtivista

• Sensação

• Atenção

• Memória

• Linguagem e pensamento

• Emoção

Revisando

• Construtivistas

– A informação que captamos é “construída”

envolve processos cognitivos

• Ecologistas

– A informação é “detectada” em um processo direto

noção de affordance

Teorias da Percepção Humana

– Percepção é um processo direto que envolve a detecção de informação do ambiente e nãorequer quaisquer processos de construção ou elaboração

– Conceito de Affordance: os objetos carregam certas características que dirigem nossa percepção sobre eles

Ecologista (Preece et al., 1994)

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

Quais são os botões da figura?

Qual a frase mais fácil de ler? Por quê?

Perceber é muito mais que ver...

• A demanda por memorização e a carga cognitiva exigida pelas interfaces de comandos, nas interfaces gráficas é deslocada para o processamento perceptual e viso-motor

(Shame, 1999)

• A implicação óbvia é projetar representações que sejam facilmente perceptíveis, exemplo:

– O texto deve ser legível

– Os ícones devem ser fáceis de se distiguir e ler

Percepção e Reconhecimento no Design de Interfaces

• Como teorias de percepção podem influenciar o design de interfaces?

– abordagem construtivista e abordagem ecológica

• Informação precisa ser representada de forma que possa ser entendida e percebida semambiguidades

Percepção

• percepção envolve a intervenção de representações e memórias

– o que se vê não é uma réplica do mundo como uma fotografia

– o sistema visual constrói um modelo do mundo através de transformações, acréscimos, distorções e descartando informação

• a habilidade de perceber objetos em uma tela - textos, gráficos, representações bi ou tri-dimensionais - é resultado de nosso conhecimento anterior e expectativas do que deveria aparecer

Abordagem Construtivista

• percepção é um processo direto no qual a informação é simplesmente detetada aoinvés de ser construída

• conceito central - affordance

– o que se vê como comportamento de um sistema, objeto ou evento é o que é permitidopelo sistema, objeto ou evento

Abordagem Ecológica

• Percepção é um processo ativo

• Existem duas teorias principais sobre percepção: construtivista e ecológica

– A abordagem construtivista tem sido usada paraauxiliar no design de display de informações de forma a torná-la rapidamente perceptível

– A abordagem ecológica tem sido usada para auxiliar

no design de objetos da interface – affordance

Percepção - Resumo

• https://www.youtube.com/watch?v=0_WLOzUg8eA

• https://www.youtube.com/watch?v=l9x0irsINXg

• https://www.youtube.com/watch?v=axEy4hDmKOo

Vídeos - Extras

• https://www.youtube.com/watch?v=uzQcZczkgQA

• https://www.youtube.com/watch?v=-K8cFO8n6hY

Figuras Anamórficas

Sensação

• É a operação que leva ao cérebro informações de fenômenos do meio externo e do estado do organismo

• É por meio dela que os indivíduos se relacionam com o ambiente

– Órgão de sentido

Sensação

• Exteroceptiva: permite o contato entre o indivíduo e o meio externo por meio dos órgãos dos sentidos

• Interoceptiva: permite ao cérebro tomar conhecimento do que acontece nos órgãos internos

– Exemplo: fome, calor, frio, desconforto

• Proprioceptiva: permite ao cérebro tomar conhecimento do movimento corpóreo no espaço e da sua posição em relação aos outros

– Exemplo: equilíbrio

Tipos de Sensação

• Estímulos muito tênues ou muito intensos não são detectados

– Limiar da sensação

• Sensação é relativa: varia de acordo com o ambiente, estado emocional, uso de medicamentos, etc

Estímulos

• http://youtu.be/ywaovES97vI?list=PL4EDA01368AB3E59E

Vídeos Extras

• https://www.youtube.com/watch?v=FzeXeXR9cCs

Atenção

• Seleção de coisas para se concentrar dentrevárias ao nosso redor, em um dado momento

• Mecanismo que permite a fixação de algunsestímulos e a organização das informações para o processo de tomada de decisão

– Seletiva: foca em alguns e descarta os demais

– É influenciada pelas necessidades, motivações, interesses, personalidade, cultura, objetivo, prazer, medo…

Atenção

• atenção focada– habilidade de concentrar em um determinado

evento quando existe uma série de eventoscompetindo• o que é relevante as atividades e intenções que se tem no

momento

• atenção dividida– quando se tenta atender a mais de uma

demanda ao mesmo tempo• ex.: dirigir e conversar com um passageiro ao lado

Atenção dividida e focada

• A atenção focalizada e dividida nos permite serseletivos apesar da grande quantidade de estímulos competindo, no entanto limita nossacapacidade de perceber todos os outros eventos

Atenção Focada e Dividida

• As informações de uma interface devem serestruturadas para capturar a atenção do usuário, por exemplo usando fronteiras perceptíveis(windows), cor, vídeo reverso, som e luzespiscantes

Focando atenção em uma Interface

Um exemplo de uso excessivo de gráficos

• Como dirigir a atenção do usuário para a informação relevante no display?

– Estruturando a interface

• torná-la fácil de ser navegada

• apresentar informação na medida certa: nem muita e nempouca

• agrupar e ordenar a informação em partes significativas

– Outras técnicas

• cores

• técnicas de alerta: vídeo reverso, som etc

• janelas

Focando atenção em uma Interface

• executar uma série de tarefas alternadamentedurante um mesmo período de tempo

• tarefas primárias e secundárias

• como saber de onde recomeçar

– ajudas cognitivas

• sistemas devem ser projetados parasitematicamente prover informação sobre o status de uma determinada atividade

– p. ex: ainda não salvou arquivo …..

Multi-tarefas e Interrupções

• Salientar a informação, quando esta necessitar de atenção

• Utilizar técnicas que façam com que coisas se destaquem, como: cor, disposição, espaçamento, sublinhado, ordenação e animação.

• Evitar sobrecarregar a interface

– Exemplo: Google, possui um design simples e rápido

• Evitar usar muitos recursos só porque o software permite implementá-los

Implicações da atenção no projeto de interfaces

• Memória

• Modelo de Processador de Informação Humano

Próxima Aula...