Interface Homem/Mquina

Aula 5

Professor Leandro Augusto Frata Fernandes

laffernandes@ic.uff.br

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

Roteiro da Aula de Hoje

Psicologia Experimental
Psicologia Cognitiva Aplicada

Contedo baseado em Barbosa e Silva (2010), Captulo 3

TCC-00.184 Interface Homem/Mquina (2011.1)

Diferena 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

Surgiram nos anos 80
Centradas nos aspectos cognitivos da interao

TCC-00.184 Interface Homem/Mquina (2011.1)

Psicologia
P i l i Experimental
E
i
l

TCC-00.184 Interface Homem/Mquina (2011.1)

Lei de Hick-Hyman

Relaciona o tempo que leva uma pessoa tomar uma

deciso
dec
so co
com o nmero
e o de esco
escolhas
as poss
possveis
es

Assume que pessoas

Subdividem o conjunto total de opes em categorias
Eliminam aproximadamente metade das opes
a cada passo
No selecionam considerando as escolhas uma
a uma (tempo linear)

Pode ser aplicada caso haja um princpio de

organizao das opes
TCC-00.184 Interface Homem/Mquina (2011.1)

Lei de Hick-Hyman
Tempo mdio T caso as N opes tenham
igual probabilidade de escolha

T = k . log2(N + 1)
Tempo mdio T caso as N opes tenham
probabilidade pi diferente de escolha

T = k . pi . log2(1 + 1 / pi)
k ~ 150 ms empiricamente determinado
TCC-00.184 Interface Homem/Mquina (2011.1)

Lei de Hick-Hyman

Exemplo
Ana
Andr
Antnio
Brbara
Cleiton
Danilo
Eduardo

T = k . log2(N + 1)
= 150 . log2(7 + 1)
= 450 ms

TCC-00.184 Interface Homem/Mquina (2011.1)

Lei de Fitts

Relaciona o tempo T que uma pessoa leva para

apontar para algo com o tamanho S do objeto
objeto-alvo
alvo
e com a distncia D entre a mo e o objeto

S
Objeto

Ajuda designers sobre o tamanho e localizao

de elementos de interface
TCC-00.184 Interface Homem/Mquina (2011.1)

Lei de Fitts

Tempo mdio T considerando

tamanho S e distncia D

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

k ~ 100 ms empiricamente determinado

TCC-00.184 Interface Homem/Mquina (2011.1)

Lei de Fitts
D

S
Salvar

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

~ 213 ms

S
Salvar

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

~ 163 ms
TCC-00.184 Interface Homem/Mquina (2011.1)

10

Lei de Fitts

Importante para aplicaes em que o

desempenho crtico

Existem variaes da equao conforme

dispositivos e paradigmas de interao

Exemplos
Formato de menus
Posicionamento de palheta de ferramentas e menus

TCC-00.184 Interface Homem/Mquina (2011.1)

11

Lei de Fitts

Pop-up menu circular (pie menu)

torna todas as opes eqidistantes

TCC-00.184 Interface Homem/Mquina (2011.1)

12

Lei de Fitts

Mac OS, o menu de aplicativos

fica sempre no topo da tela
Acesso , em mdia,
5X mais rpido

Windows, o menu de aplicativos

fica sempre em cada janela
TCC-00.184 Interface Homem/Mquina (2011.1)

13

P i l i Cognitiva
Psicologia
C
i i Aplicada
A li d

TCC-00.184 Interface Homem/Mquina (2011.1)

14

Processador Humano de Informao

Memria de Longo Prazo
Memria de Trabalho
Memria
Visual

Sistema
Perceptivo

Memrias com diferentes

capacidades de processamento

Memria
Auditiva

Processador
Perceptivo

Processador
Cognitivo

Processador
Motor

Receptores

Sistema
Cognitivo

Atuadores

olhos, ouvidos, etc.

Sistema
Motor

mos, cordas vocais, etc.

Processador Humano de Informao

Mundo Externo

TCC-00.184 Interface Homem/Mquina (2011.1)

15

Princpios de Gestalt

Gestalt um conjunto de leis/fatores que nos leva

a perceber (ou deixar de perceber) determinada
informao
Proximidade

Destino comum

Boa continuidade

Fecho

Simetria

Regio comum **

Similaridade

Conectividade **
** Adies recentes de acordo com alguns autores
TCC-00.184 Interface Homem/Mquina (2011.1)

16

Proximidade

Entidades visuais prximas umas das outras so

percebidas como grupos

TCC-00.184 Interface Homem/Mquina (2011.1)

17

Boa Continuidade

Traos contnuos so percebidos mais

prontamente do que contornos que mudem de
direo rapidamente

TCC-00.184 Interface Homem/Mquina (2011.1)

18

Simetria

Objetos simtricos so mais prontamente

percebidos

Simtrico

Assimtrico

TCC-00.184 Interface Homem/Mquina (2011.1)

19

Similaridade

Objetos semelhantes so percebidos como grupos

TCC-00.184 Interface Homem/Mquina (2011.1)

20

10

Destino Comum

Objetos com mesma direo de movimento so

percebidos como grupo

TCC-00.184 Interface Homem/Mquina (2011.1)

21

Fecho

Contornos so fechados para completar figuras

regulares eliminando falhas e aumentando
regulares,
regularidade

TCC-00.184 Interface Homem/Mquina (2011.1)

22

11

Regio Comum

Objetos dentro de uma regio especial confinada

so percebidos como um grupo

TCC-00.184 Interface Homem/Mquina (2011.1)

23

Conectividade

Objetos conectados por traos contnuos so

percebidos como relacionamentos

TCC-00.184 Interface Homem/Mquina (2011.1)

24

12

Voc consegue ver o cachorro?

Proximidade
Boa continuidade
Fecho
TCC-00.184 Interface Homem/Mquina (2011.1)

25

Principio de Gestalt Aplicados

Removendo as linhas pretas

e colocando linhas brancas
o grfico fica mais limpo

TCC-00.184 Interface Homem/Mquina (2011.1)

26

13

Principio de Gestalt Aplicados

Comparando pares de retas

possvel identificar qual
est na frente
(truque usado em CAD)
TCC-00.184 Interface Homem/Mquina (2011.1)

27

Exerccio
1. Escolha algumas telas complexas de uma
aplicao que voc utilize com freqncia e
verifique se os princpios de Gestalt esto sendo
bem utilizados
Caso contrrio, reprojete a tela para fazer melhor
uso desses princpios

TCC-00.184 Interface Homem/Mquina (2011.1)

28

14

Caractersticas Pr Atencionais

Conjunto de caractersticas processadas antes que

uma pessoa volte sua ateno para elas

Exemplos
Luminncia
Cor
Forma
Movimentos simples
Profundidade estereoscpica
TCC-00.184 Interface Homem/Mquina (2011.1)

29

Percepo de Luminncia

Luminncia percebida da mesma forma por

indivduos com viso normal e daltnicos

Ordenao executada sem instruo adicional

Contraste ideal para texto deve representar uma

razo de 10:1

TCC-00.184 Interface Homem/Mquina (2011.1)

30

15

Percepo de Cores

Cores opostas so especiais em

todas as sociedades
Vermelho, verde, amarelo, azul, preto e branco

Entretanto o significado cultural

TCC-00.184 Interface Homem/Mquina (2011.1)

31

TCC-00.184 Interface Homem/Mquina (2011.1)

32

16