interface homem/máquina -aula_05

8/17/2019 Interface Homem/Máquina -aula_05

1/16

1

Interface Homem/MáquinaInterface Homem/Máquina

Aula 5 Aula 5

Professor Leandro Augusto Frata Fernandes

[email protected]

Material disponível em

http://www.ic.uff.br/~laffernandes/teaching/2011.1/tcc-00.184

Roteiro da Aula de HojeRoteiro da Aula de Hoje

• Psicologia Experimental

• Psicologia Cognitiva Aplicada

TCC-00.184 Interface Homem/Máquina (2011.1) 2

Conteúdo baseado em Barbosa e Silva (2010), Capítulo 3


2/16

2

Diferença Entre as AbordagensDiferença Entre as Abordagens

• Baseadas em psicologia experimental Surgiram nos anos 50

Permitem mensurar e modelar o comportamento

humano e prever o desempenho

• Baseadas em psicologia cognitiva aplicada Sur iram nos anos 80

Centradas nos aspectos cognitivos da interação


Psicologia ExperimentalPsicologia Experimental



3/16

3

Lei de Hick-HymanLei de Hick-Hyman

• Relaciona o tempo que leva uma pessoa tomar umadecisão com o número de escolhas ossíveis

• Assume que pessoas Subdividem o conjunto total de opções em categorias

Eliminam aproximadamente metade das opçõesa cada passo

Não selecionam considerando as escolhas uma

a uma (tempo linear)

• Pode ser aplicada caso haja um princípio deorganização das opções



Tempo médio T caso as N opções tenham

i ual robabilidade de escolha

T = k . log2( N + 1)

Tempo médio T caso as N opções tenham

probabilidade pi diferente de escolha


. i . 2 i

k ~ 150 ms é empiricamente determinado


4/16

4


• Exemplo

Ana

André

Antônio

Bárbara

Cleiton

T = k . log2( N + 1)

= 150 . log2(7 + 1)


DaniloEduardo

Lei de FittsLei de Fitts

• Relaciona o tempo T que uma pessoa leva para-

e com a distância D entre a mão e o objeto

Objeto

D S

• Ajuda designers sobre o tamanho e localizaçãode elementos de interface



5/16

5


T = k . log2( D / S + 0,5)

Tempo médio T considerando

tamanho S e distância D


k ~ 100 ms é empiricamente determinado


D S’

Salvar

D S”

T = 100 . log2(14 / 3,6 + 0,5)

~ 213 ms


Salvar

T = 100 . log2(14 / 5,4 + 0,5)

~ 163 ms


6/16

6


• Importante para aplicações em que o

• Existem variações da equação conformedispositivos e paradigmas de interação

• Exemplos

Posicionamento de palheta de ferramentas e menus




Pop-up menu circular (pie menu)

torna todas as opções eqüidistantes


7/16

7


Mac OS®, o menu de aplicativos

fica sempre no topo da tela Acesso é, em média,

5X mais rápido

∞


Windows®, o menu de aplicativos

fica sempre em cada janela

Psicologia Cognitiva AplicadaPsicologia Cognitiva Aplicada



8/16

8

Processador Humano de InformaçãoProcessador Humano de InformaçãoMemória de Longo Prazo

Memória de Trabalho

Memória

Visual

Memória

Auditiva

Processador

Perceptivo

Processador

Motor

Processador

Cognitivo

Memórias com diferentes

capacidades de processamento


Atuadoresmãos, cordas vocais, etc.

Receptoresolhos, ouvidos, etc.

Processador Humano de Informação

Mundo Externo

SistemaPerceptivo

SistemaCognitivo

SistemaMotor

Princípios de GestaltPrincípios de Gestalt

• Gestalt é um conjunto de leis/fatores que nos leva

informação

Proximidade

Boa continuidade

Simetria

Destino comum

Fecho

Re ião comum **


Similaridade

Conectividade **

** Adições recentes de acordo com alguns autores


9/16

9

ProximidadeProximidade

• Entidades visuais próximas umas das outras são


Boa ContinuidadeBoa Continuidade

• Traços contínuos são percebidos mais

direção rapidamente



10/16

10

SimetriaSimetria

• Objetos simétricos são mais prontamente


Simétrico Assimétrico

SimilaridadeSimilaridade

• Objetos semelhantes são percebidos como grupos



11/16

11

Destino ComumDestino Comum

• Objetos com mesma direção de movimento são


FechoFecho

• Contornos são fechados para completar figuras,

regularidade



12/16

12

Região ComumRegião Comum

• Objetos dentro de uma região especial confinada


ConectividadeConectividade

• Objetos conectados por traços contínuos são



13/16

13

Você consegue “ver” o cachorro?Você consegue “ver” o cachorro?


• Proximidade

• Boa continuidade

• Fecho

Principio de Gestalt AplicadosPrincipio de Gestalt Aplicados


Removendo as linhas pretas

e colocando linhas brancaso gráfico fica mais “limpo”


14/16

14

Principio de Gestalt AplicadosPrincipio de Gestalt Aplicados


Comparando pares de retas

é possível identificar qual

está na frente(“truque” usado em CAD)

ExercícioExercício

1. Escolha algumas telas complexas de uma

verifique se os princípios de Gestalt estão sendo

bem utilizados

Caso contrário, reprojete a tela para fazer melhor

uso desses princípios



15/16

15

Características Pré AtencionaisCaracterísticas Pré Atencionais

• Conjunto de características processadas antes que

• Exemplos Luminância

Cor

Movimentos simples

Profundidade estereoscópica


Percepção de LuminânciaPercepção de Luminância

• Luminância é percebida da mesma forma por

• Ordenação é executada sem instrução adicional

• Contraste ideal para texto deve representar umarazão de 10:1



16/16

Percepção de CoresPercepção de Cores

• Cores opostas são especiais emtodas as sociedades

Vermelho, verde, amarelo, azul, preto e branco

• Entretanto o significado é cultural



interface homem/máquina -aula_05

Documents