Download - 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
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
-
8/17/2019 Interface Homem/Máquina -aula_05
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
TCC-00.184 Interface Homem/Máquina (2011.1) 3
Psicologia ExperimentalPsicologia Experimental
TCC-00.184 Interface Homem/Máquina (2011.1) 4
-
8/17/2019 Interface Homem/Máquina -aula_05
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
TCC-00.184 Interface Homem/Máquina (2011.1) 5
Lei de Hick-HymanLei de Hick-Hyman
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
TCC-00.184 Interface Homem/Máquina (2011.1) 6
. i . 2 i
k ~ 150 ms é empiricamente determinado
-
8/17/2019 Interface Homem/Máquina -aula_05
4/16
4
Lei de Hick-HymanLei de Hick-Hyman
• Exemplo
Ana
André
Antônio
Bárbara
Cleiton
T = k . log2( N + 1)
= 150 . log2(7 + 1)
TCC-00.184 Interface Homem/Máquina (2011.1) 7
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
TCC-00.184 Interface Homem/Máquina (2011.1) 8
-
8/17/2019 Interface Homem/Máquina -aula_05
5/16
5
Lei de FittsLei de Fitts
T = k . log2( D / S + 0,5)
Tempo médio T considerando
tamanho S e distância D
TCC-00.184 Interface Homem/Máquina (2011.1) 9
k ~ 100 ms é empiricamente determinado
Lei de FittsLei de Fitts
D S’
Salvar
D S”
T = 100 . log2(14 / 3,6 + 0,5)
~ 213 ms
TCC-00.184 Interface Homem/Máquina (2011.1) 10
Salvar
T = 100 . log2(14 / 5,4 + 0,5)
~ 163 ms
-
8/17/2019 Interface Homem/Máquina -aula_05
6/16
6
Lei de FittsLei de Fitts
• 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
TCC-00.184 Interface Homem/Máquina (2011.1) 11
Lei de FittsLei de Fitts
TCC-00.184 Interface Homem/Máquina (2011.1) 12
Pop-up menu circular (pie menu)
torna todas as opções eqüidistantes
-
8/17/2019 Interface Homem/Máquina -aula_05
7/16
7
Lei de FittsLei de Fitts
Mac OS®, o menu de aplicativos
fica sempre no topo da tela Acesso é, em média,
5X mais rápido
∞
TCC-00.184 Interface Homem/Máquina (2011.1) 13
Windows®, o menu de aplicativos
fica sempre em cada janela
Psicologia Cognitiva AplicadaPsicologia Cognitiva Aplicada
TCC-00.184 Interface Homem/Máquina (2011.1) 14
-
8/17/2019 Interface Homem/Máquina -aula_05
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
TCC-00.184 Interface Homem/Máquina (2011.1) 15
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 **
TCC-00.184 Interface Homem/Máquina (2011.1) 16
Similaridade
Conectividade **
** Adições recentes de acordo com alguns autores
-
8/17/2019 Interface Homem/Máquina -aula_05
9/16
9
ProximidadeProximidade
• Entidades visuais próximas umas das outras são
TCC-00.184 Interface Homem/Máquina (2011.1) 17
Boa ContinuidadeBoa Continuidade
• Traços contínuos são percebidos mais
direção rapidamente
TCC-00.184 Interface Homem/Máquina (2011.1) 18
-
8/17/2019 Interface Homem/Máquina -aula_05
10/16
10
SimetriaSimetria
• Objetos simétricos são mais prontamente
TCC-00.184 Interface Homem/Máquina (2011.1) 19
Simétrico Assimétrico
SimilaridadeSimilaridade
• Objetos semelhantes são percebidos como grupos
TCC-00.184 Interface Homem/Máquina (2011.1) 20
-
8/17/2019 Interface Homem/Máquina -aula_05
11/16
11
Destino ComumDestino Comum
• Objetos com mesma direção de movimento são
TCC-00.184 Interface Homem/Máquina (2011.1) 21
FechoFecho
• Contornos são fechados para completar figuras,
regularidade
TCC-00.184 Interface Homem/Máquina (2011.1) 22
-
8/17/2019 Interface Homem/Máquina -aula_05
12/16
12
Região ComumRegião Comum
• Objetos dentro de uma região especial confinada
TCC-00.184 Interface Homem/Máquina (2011.1) 23
ConectividadeConectividade
• Objetos conectados por traços contínuos são
TCC-00.184 Interface Homem/Máquina (2011.1) 24
-
8/17/2019 Interface Homem/Máquina -aula_05
13/16
13
Você consegue “ver” o cachorro?Você consegue “ver” o cachorro?
TCC-00.184 Interface Homem/Máquina (2011.1) 25
• Proximidade
• Boa continuidade
• Fecho
Principio de Gestalt AplicadosPrincipio de Gestalt Aplicados
TCC-00.184 Interface Homem/Máquina (2011.1) 26
Removendo as linhas pretas
e colocando linhas brancaso gráfico fica mais “limpo”
-
8/17/2019 Interface Homem/Máquina -aula_05
14/16
14
Principio de Gestalt AplicadosPrincipio de Gestalt Aplicados
TCC-00.184 Interface Homem/Máquina (2011.1) 27
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
TCC-00.184 Interface Homem/Máquina (2011.1) 28
-
8/17/2019 Interface Homem/Máquina -aula_05
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
TCC-00.184 Interface Homem/Máquina (2011.1) 29
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
TCC-00.184 Interface Homem/Máquina (2011.1) 30
-
8/17/2019 Interface Homem/Máquina -aula_05
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
TCC-00.184 Interface Homem/Máquina (2011.1) 31
TCC-00.184 Interface Homem/Máquina (2011.1) 32