Turma 1222 Unidade Curricular INTERFACE HOMEM-COMPUTADOR Professor CLÁUDIA SANTOS FERNANDES Aula 4 Abordagens Teóricas em IHC

(1)

Unidade Curricular INTERFACE HOMEM-COMPUTADOR

Professor CLÁUDIA SANTOS FERNANDES

(2)

Introdução

-Apesar de IHC ser uma área bastante prática, muitos métodos, modelos e técnicas utilizados são de base teórica

- teorias psicológicas (cognitiva) - teorias psicológicas (cognitiva) - etnográfica

- semiótica

(3)

Introdução

Teorias psicológicas (cognitiva)

Cognição: “Ato ou processo de conhecer, que envolve atenção,

percepção, memória, raciocínio, juízo, imaginação, pensamento e linguagem. Inconscientemente desde crianças vamos construindo nossas percepções, aprendizados, recordações e pensamentos, com base nas experiências que vivenciamos, e isso segue por toda a vida.” Disponível em

<http://www.ibccoaching.com.br/tudo-vivenciamos, e isso segue por toda a vida.” Disponível em <http://www.ibccoaching.com.br/tudo-sobre-coaching/coaching-e-psicologia/o-que-e-psicologia-cognitiva/>

(4)

Introdução

Etnografia: “estudo descritivo da cultura dos povos, sua língua, raça, religião, hábitos etc., como também das manifestações materiais de suas atividades. É a ciência das etnias. Do grego ethos(cultura) + graphe (escrita).

A etnografia estuda e revela os costumes, as crenças e as tradições

Barbosa, S e Sival, B. Interação Humano-Computador. Rio de Janeiro. Campus, 2010. A etnografia estuda e revela os costumes, as crenças e as tradições de uma sociedade, que são transmitidas de geração em geração e que permitem a continuidade de uma determinada cultura ou de um sistema social.

É inerente a qualquer aspecto da Antropologia Cultural, que estuda os processos da interação social: os conhecimentos, as ideias, técnicas, habilidades, normas de comportamento e hábitos adquiridos na vida social de um povo” Disponível em <http://www.significados.com.br/etnografia/>

(5)

(6)

(7)

(8)

(9)

(10)

(11)

(12)

Introdução

(13)

Introdução

(14)

Introdução

Semiótica: “provém da raiz grega ‘semeion’, que denota signo. Assim, desta mesma fonte, temos ‘semeiotiké’, ‘a arte dos sinais’. Esta esfera do conhecimento existe há um longo tempo, e revela as formas como o indivíduo dá significado a tudo que o cerca.

Ela é, portanto, a ciência que estuda os signos e todas as linguagens e acontecimentos culturais como se fossem fenômenos produtores de significado. Sistema de signos: sistema de signos – Artes visuais, Música, Fotografia, Cinema, Moda, Gestos, Religião,” Disponível em <http://www.infoescola.com/filosofia/semiotica/>

(15)

Introdução

(16)

Introdução

(17)

Introdução

(18)

Psicologia Experimental Lei de Hick-Hyman

Relaciona o tempo que leva para uma pessoa tomar uma decisão com o número de possíveis escolhas que ela possui.

Caso as opções tenha probabilidade igual

Barbosa, S e Sival, B. Interação Humano-Computador. Rio de Janeiro. Campus, 2010. Caso as opções tenha probabilidade igual

T = k x log₂(N+1)

Caso as opções tenha probabilidades diferentes T = k x _Σ p_ilog₂(1 + 1/ p_i) Onde,

T é o tempo médio

N é o número de opções K assume-se ~ 150

(19)

Psicologia Experimental Lei de Fitts

Relaciona o tempo (T) que uma pessoa leva para apontar algo com o tamanho (S) do alvo e com a distância (D) entre a mão da pessoa e esse objeto-alvo.

T = k x log (D/S + 0.5) T = k x log₂(D/S + 0.5)

Barbosa, S e Sival, B. Interação Humano-Computador. Rio de Janeiro. Campus, 2010. início

(20)

Psicologia Experimental

A lei de Fitts ajuda os designers a decidirem sobre o tamanho e a localização de elementos de interface com os quais o usuário precisa interagir

(21)

Psicologia Cognitiva Aplicada

• A interação humano –computador consiste em o usuário e o computador se engajarem num diálogo comunicativo com o objetivo de realizar alguma tarefa. E todos os mecanismos utilizados nesse diálogo constituem a interface: os dispositivos físico, assim como os programas computacionais

Barbosa, S e Sival, B. Interação Humano-Computador. Rio de Janeiro. Campus, 2010. que controlam as interações.

• Criar uma psicologia baseada em análise de tarefas, cálculos e aproximações para que o designer do sistema pudesse alcançar um equilíbrio entre parâmetros computacionais de desempenho humano e outras variáveis de engenharia.

• Conhecer os objetivos das pessoas e suas limitações de percepção e de processamento de informações.

(22)

Modelo do Processador Humano-Computador

(23)

Modelo do Processador Humano-Computador MHC é composto de 3 subsistemas.

1. Perceptivo transmite as sensações do mundo físico detectadas pelos

sistemas sensoriais do corpo (visão, tato, audição, olfato, paladar) para representações mentais internas.

2. Cognitivo recebe a informação codificada simbolicamente

Barbosa, S e Sival, B. Interação Humano-Computador. Rio de Janeiro. Campus, 2010. 2. Cognitivo recebe a informação codificada simbolicamente

armazenamentos sensoriais na sua memória de trabalho e utiliza informações previamente armazenadas na memória de longo prazo para tomar decisões sobre como responder aos estímulos recebidos.

3. Motor Nosso pensamento é traduzido em ação através da ativação de

padrões de músculos voluntários , em uma série de micromovimentos discretos realizados pelo sistema motor.

• Memórias os parâmetros a serem considerados são a capacidade de armazenamento em número de itens, o tempo de decaimento (tempo para o esquecimento) de um item e o tipo de código principal (físico, acústico, visual ou semântico)

(24)

Princípios da Gestalt

•Em 1920 na Alemanha, um grupo de psicólogos estudava a maneira como nós enxergamos as coisas. Descobriram que o nosso cérebro fica o tempo todo tentando “enxergar coisa” onde têm e onde não têm.

• Teoria do junto e misturado tinha tudo a ver com design gráfico, principalmente na parte de branding (logos, gráficos, cartazes), afinal, principalmente na parte de branding (logos, gráficos, cartazes), afinal, harmonia e equilíbrio entre elementos é exatamente o objetivo desse tipo de trabalho.

• São princípios de harmonia, um conceito que pode ser extrapolado para muitos outros universos menos óbvios, como harmonia entre pessoas de um grupo, elegância, gastronomia, música, terapia, biologia e por aí vai (eu acho). Pensa aí se não dá para usar essas regrinhas no seu dia a dia, no jeito que você trabalha.

(25)

(26)

• Proximidade: entidades visuais que estão próximas umas das outras são percebidas como um grupo ou unidade.

•Distância mágica que cola os elementos em grupo.

(27)

• Proximidade:

•Elementos próximos tendem a serem vistos como um todo e não como partes individuais.”

Barbosa, S e Sival, B. Interação Humano-Computador. Rio de Janeiro. Campus, 2010.

Nosso cérebro tende a ver a imagem de Jim Morrison e não dos equipamentos que formam a imagem, somente depois é que percebemos..

(28)

• Boa continuidade: traços contínuos são percebidos mais prontamente do que contornos que mudem de direção rapidamente.

(29)

• Boa continuidade:

• No logotipo os pontos são afetados por um destino comum. As linhas criadas pelas cores movem-se na mesma direção criando um dinamismo que deixa o observador perceber um destino comum de movimento.

(30)

• Simetria: objetos simétricos são mais prontamente percebidos do que objetos assimétricos.

Barbosa, S e Sival, B. Interação Humano-Computador. Rio de Janeiro. Campus, 2010. •Há exceções, mas geralmente nossa cérebro acha que a beleza é simétrica. Muitos logos são simétricos. Quer fazer uma experiência divertida? Tire uma foto bem de frente, corte-a no meio. Flipe as metades. Quanto mais parecidas, mais simétrico(a) (bonito/a) você é.

(31)

(32)

(33)

Barbosa, S e Sival, B. Interação Humano-Computador. Rio de Janeiro. Campus, 2010. As duas mãos são simétricas

para formar uma escada.

Symmetry cria uma redundância e previsibilidade da informação visual.

(34)

• Similaridade: objetos semelhantes são percebidos como um grupo. • Se são parecidos, devo agrupar.

(35)

(36)

• Similaridade: objetos semelhantes são percebidos como um grupo. • Se são parecidos, devo agrupar.

• O efeito da similaridade causa outro: o da anomalia, o diferente que chama a atenção

(37)

• Similaridade: objetos semelhantes são percebidos como um grupo.

O agrupamento por semelhança acontece nos 2 exemplos acima, sendo que na figura à esquerda ele se dá pela cor, e na figura à direita, pela forma

(38)

• Similaridade: objetos semelhantes são percebidos como um grupo.

• Esses tipos de objetos que compartilham algumas características criam coesão no projeto porque o nosso cérebro automaticamente busca por padrões.

A lei da semelhança dita que objetos similares se agruparão entre si. Na imagem acima, a maioria das pessoas vê colunas de quadrados e colunas de círculos. Poucas pessoas vão associar isto como “uma linha horizontal onde quadrados e círculos se intercalam.

(39)

• Destino comum: Objetos com a mesma direção de movimento são percebidos como um grupo.

(40)

• Fechamento: A mente tende a fechar contornos para completar figuras regulares, completando as falhas e aumentando a regularidade.

(41)

(42)

(43)

(44)

• Pregnância ou simplicidade

•Quanto melhor for a organização visual da gestalten (forma), facilitando a compreensão da linguagem visual, isto é, rapidez de leitura ou interpretação, maior será seu grau de pregnância.”

Abaixo podemos perceber tanto as colunas, quanto as figuras humanas que são construídas entre elas.

(45)

(46)

(47)

(48)

Combinações de leis

Às vezes, as Leis da Gestalt podem ser combinadas para obter efeitos ainda mais criativo. Um da relação lei mais utilizada é a da Lei Encerramento e uma figura / fundo.

(49)

(50)

Atividade 3 – 15/09/14

1. Aplicação da lei de Hick-Hyman. Calcule o tempo médio necessário para achar um livro em uma lista de 25, 50 e 100 livros numa página. Assuma que os itens estão em ordem alfabética e que não há necessidade de rolagem.

2. Ache onde estão o PDI e o PPC de seu curso e dê sua opinião se estão 2. Ache onde estão o PDI e o PPC de seu curso e dê sua opinião se estão bem localizados. Se estão diga o porquê. Se não estão qual outro local você colocaria? Explique esta escolha.

3. Princípios da Gestalt. Abra o site do IFMS e verifique se os princípios da Gestalt estão sendo bem utilizados.