percepção humana e processamento de informação - 0...

135
Percepção Humana e Processamento de Informação SCC5836 – Visualização Computacional Prof. Fernando V. Paulovich [email protected] Instituto de Ciências Matemáticas e de Computação (ICMC) Universidade de São Paulo (USP) 1 / 135

Upload: ngodang

Post on 09-Feb-2019

216 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Percepção Humana e Processamento deInformação

SCC5836 – Visualização Computacional

Prof. Fernando V. Paulovichhttp://www.icmc.usp.br/~paulovic

[email protected]

Instituto de Ciências Matemáticas e de Computação (ICMC)Universidade de São Paulo (USP)

1 / 135

Page 2: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Sumário

1 O que é Percepção

2 Fisiologia

3 Processamento Perceptual

4 Percepção em Visualização

5 Métricas

6 Atividade

7 Referências

2 / 135

Page 3: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

O que é Percepção

Como as visualizações são percebidas?

Como sabemos se nossa representação visual não épercebida diferentemente por diferentes usuários?

Como podemos ter certeza de que os dados queapresentamos são entendidos?

3 / 135

Page 4: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

O que é Percepção

Como as visualizações são percebidas?

Como sabemos se nossa representação visual não épercebida diferentemente por diferentes usuários?

Como podemos ter certeza de que os dados queapresentamos são entendidos?

4 / 135

Page 5: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

O que é Percepção

Como as visualizações são percebidas?

Como sabemos se nossa representação visual não épercebida diferentemente por diferentes usuários?

Como podemos ter certeza de que os dados queapresentamos são entendidos?

5 / 135

Page 6: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

O que é Percepção

Percepção

É o processo de reconhecer, organizar e interpretarinformação sensorial (visão, audição, paladar e tato)É o processo pelo qual interpretamos o mundo a nossa volta,formando um representação mental do que nos cerca

6 / 135

Page 7: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

O que é Percepção

Percepção

É o processo de reconhecer, organizar e interpretarinformação sensorial (visão, audição, paladar e tato)

É o processo pelo qual interpretamos o mundo a nossa volta,formando um representação mental do que nos cerca

7 / 135

Page 8: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

O que é Percepção

Percepção

É o processo de reconhecer, organizar e interpretarinformação sensorial (visão, audição, paladar e tato)É o processo pelo qual interpretamos o mundo a nossa volta,formando um representação mental do que nos cerca

8 / 135

Page 9: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

O que é Percepção

Representações visuais de objetos são frequentementeinterpretadas erroneamente

Efeito de ilusões visuais, ou ilusões de óticaEm certas situações o observador percebe a ambiguidade, emoutras não

9 / 135

Page 10: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

O que é Percepção

As vezes um objeto primário pode ser percebido maisrapidamente do que objetos secundários

Objetos secundários normalmente requerem mais tempo e esforçopara serem vistos

10 / 135

Page 11: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

O que é Percepção

As vezes um objeto primário pode ser percebido maisrapidamente do que objetos secundários

Objetos secundários normalmente requerem mais tempo e esforçopara serem vistos

11 / 135

Page 12: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

O que é Percepção

12 / 135

Page 13: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

O que é Percepção

Alguns efeitos do nosso sistema visual podem ser inesperados

Sistema não é estático, e frequentemente não temos totalcontrole sobre o mesmo

13 / 135

Page 14: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

O que é Percepção

Alguns efeitos do nosso sistema visual podem ser inesperados

Sistema não é estático, e frequentemente não temos totalcontrole sobre o mesmo

14 / 135

Page 15: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

O que é Percepção

As visualizações de dados devem ser construídas de forma aevitar interferências indesejadasArtefatos visuais - prejudicam a mensagem

15 / 135

Page 16: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

O que é Percepção

Nosso sistema visual tem mecanismos próprios deinterpretação, nem sempre sob o nosso controle

É possível explicar as causas das ilusões de ótica?Como evitar visualizações ambíguas ou com artefatos?

(a) (b)

16 / 135

Page 17: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

O que é Percepção

Objetivo

Importante identificar ainda que de forma rudimentar quaisaspectos da visualização não podem ser violados

17 / 135

Page 18: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Sumário

1 O que é Percepção

2 Fisiologia

3 Processamento Perceptual

4 Percepção em Visualização

5 Métricas

6 Atividade

7 Referências

18 / 135

Page 19: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Espectro Visível

Somente uma pequena faixa de ondas de luz é visívelEssa faixa depende de cada pessoa e da idade

19 / 135

Page 20: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Anatomia do Sistema Visual

A parte que contém os fotoreceptores e é responsável pelapercepção visual é a retina

Bastonetes: percepção de intensidade, acromático (visãonoturna)Cones: percepção de cor (fóvea)

20 / 135

Page 21: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Anatomia do Sistema Visual

três tipos de cones: short, medium, longdiferenças na quantidade e distribuição espacial

21 / 135

Page 22: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Anatomia do Sistema Visual

Os fotoreceptores são distribuídos radialmente a partir dafóvea, com cones concentrados na fóvea o que pode causarpontos cegos

22 / 135

Page 23: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Movimento dos Olhos

Os olhos estão sempre em movimento para capturar umacena, e existem diferentes tipos de movimentos

Movimento suave de perseguição: os olhos movem suavemente,não há saltos, seguindo um objetoMovimento de vergência: direção de visão dos dois olhos não éparalelaMovimento sacádico: resultado de focar em vários pontos deinteresse (pode ser inconsciente). Olhos fixam a visão nos pontosde interesseMascaramento sacádico: entre movimento sácadicos e fixaçãoexiste a supressão do que está no meio

23 / 135

Page 24: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Movimento dos Olhos

Os olhos estão sempre em movimento para capturar umacena, e existem diferentes tipos de movimentos

Movimento suave de perseguição: os olhos movem suavemente,não há saltos, seguindo um objeto

Movimento de vergência: direção de visão dos dois olhos não éparalelaMovimento sacádico: resultado de focar em vários pontos deinteresse (pode ser inconsciente). Olhos fixam a visão nos pontosde interesseMascaramento sacádico: entre movimento sácadicos e fixaçãoexiste a supressão do que está no meio

24 / 135

Page 25: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Movimento dos Olhos

Os olhos estão sempre em movimento para capturar umacena, e existem diferentes tipos de movimentos

Movimento suave de perseguição: os olhos movem suavemente,não há saltos, seguindo um objetoMovimento de vergência: direção de visão dos dois olhos não éparalela

Movimento sacádico: resultado de focar em vários pontos deinteresse (pode ser inconsciente). Olhos fixam a visão nos pontosde interesseMascaramento sacádico: entre movimento sácadicos e fixaçãoexiste a supressão do que está no meio

25 / 135

Page 26: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Movimento dos Olhos

Os olhos estão sempre em movimento para capturar umacena, e existem diferentes tipos de movimentos

Movimento suave de perseguição: os olhos movem suavemente,não há saltos, seguindo um objetoMovimento de vergência: direção de visão dos dois olhos não éparalelaMovimento sacádico: resultado de focar em vários pontos deinteresse (pode ser inconsciente). Olhos fixam a visão nos pontosde interesse

Mascaramento sacádico: entre movimento sácadicos e fixaçãoexiste a supressão do que está no meio

26 / 135

Page 27: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Movimento dos Olhos

Os olhos estão sempre em movimento para capturar umacena, e existem diferentes tipos de movimentos

Movimento suave de perseguição: os olhos movem suavemente,não há saltos, seguindo um objetoMovimento de vergência: direção de visão dos dois olhos não éparalelaMovimento sacádico: resultado de focar em vários pontos deinteresse (pode ser inconsciente). Olhos fixam a visão nos pontosde interesseMascaramento sacádico: entre movimento sácadicos e fixaçãoexiste a supressão do que está no meio

27 / 135

Page 28: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Movimento dos Olhos

28 / 135

Page 29: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Sumário

1 O que é Percepção

2 Fisiologia

3 Processamento Perceptual

4 Percepção em Visualização

5 Métricas

6 Atividade

7 Referências

29 / 135

Page 30: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Processamento Perceptual

O processo de percepção pode ser controlado (atentivo) enão-controlado (pré-atentivo)

Processo pré-atentivo é rápido, paralelo e inconscienteProcesso atentivo é mais lento, sequencial e consciente.

recorre à memória de curto prazo e é responsável pela identificaçãode objetos a partir dos estímulos visuais iniciais

30 / 135

Page 31: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Processo Pré-Atentivo

Propriedades visuais pré-atentivas são rapidamente eprecisamente detectados (conjunto pequeno)

Tarefas executadas em menos de 200ms a 250ms com poucoesforço (processamento paralelo)

31 / 135

Page 32: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Processo Pré-Atentivo

Quanto tempo um observador demora para localizar o círculovermelho (tonalidade)?

32 / 135

Page 33: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Processo Pré-Atentivo

Quanto tempo um observador demora para localizar o círculovermelho (tonalidade)?

33 / 135

Page 34: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Processo Pré-Atentivo

Quanto tempo um observador demora para localizar o círculovermelho (tonalidade)?

34 / 135

Page 35: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Processo Pré-Atentivo

Quanto tempo um observador demora para identificar o círculovermelho (forma)?

35 / 135

Page 36: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Processo Pré-Atentivo

Quanto tempo um observador demora para identificar o círculovermelho (forma)?

36 / 135

Page 37: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Processo Pré-Atentivo

Quanto tempo um observador demora para identificar o círculovermelho (forma)?

37 / 135

Page 38: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Processo Pré-Atentivo

Distratores envolvem conjunção de características:processo deixa de ser pré-atentivo

Se alguma das características do alvo estiver presente nos objetosnão-alvo (distratores), processo pode se tornar sequencial

38 / 135

Page 39: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Processo Pré-Atentivo

Quanto tempo um observador demora para identificar o círculovermelho (forma + tonalidade)?

39 / 135

Page 40: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Processo Pré-Atentivo

Quanto tempo um observador demora para identificar o círculovermelho (forma + tonalidade)?

40 / 135

Page 41: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Processo Pré-Atentivo

Quanto tempo um observador demora para identificar o círculovermelho (forma + tonalidade)?

41 / 135

Page 42: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Processo Pré-Atentivo

Portanto, o mapeamento de diferentes atributos para elementosvisuais deve ser criterioso e não introduzir interferências

Além de cor e forma, as seguintes propriedades sãopré-atentivas

comprimentolarguratamanhonúmeroterminadoresintersecçõesintensidadeetc.

42 / 135

Page 43: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Processo Pré-Atentivo

Experimentos em psicologia têm estudado como explorar essascaracterísticas para realizar tarefas (pré-atentivas) como

Detecção de alvos: presença ou ausência de um objetoespecíficoDetecção de fronteiras: detectar fronteiras (textura) entre doisgrupos de elementos, em que todos os elementos de cada grupocompartilham uma propriedade visual em comumRastreio de região: observadores rastreiam um ou maiselementos com uma característica única conforme eles movem notempo e espaçoContagem e estimação: usuários contam ou estimam o númerode elementos que compartilham uma mesma característica visual

43 / 135

Page 44: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Processo Pré-Atentivo

Experimentos em psicologia têm estudado como explorar essascaracterísticas para realizar tarefas (pré-atentivas) como

Detecção de alvos: presença ou ausência de um objetoespecífico

Detecção de fronteiras: detectar fronteiras (textura) entre doisgrupos de elementos, em que todos os elementos de cada grupocompartilham uma propriedade visual em comumRastreio de região: observadores rastreiam um ou maiselementos com uma característica única conforme eles movem notempo e espaçoContagem e estimação: usuários contam ou estimam o númerode elementos que compartilham uma mesma característica visual

44 / 135

Page 45: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Processo Pré-Atentivo

Experimentos em psicologia têm estudado como explorar essascaracterísticas para realizar tarefas (pré-atentivas) como

Detecção de alvos: presença ou ausência de um objetoespecíficoDetecção de fronteiras: detectar fronteiras (textura) entre doisgrupos de elementos, em que todos os elementos de cada grupocompartilham uma propriedade visual em comum

Rastreio de região: observadores rastreiam um ou maiselementos com uma característica única conforme eles movem notempo e espaçoContagem e estimação: usuários contam ou estimam o númerode elementos que compartilham uma mesma característica visual

45 / 135

Page 46: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Processo Pré-Atentivo

Experimentos em psicologia têm estudado como explorar essascaracterísticas para realizar tarefas (pré-atentivas) como

Detecção de alvos: presença ou ausência de um objetoespecíficoDetecção de fronteiras: detectar fronteiras (textura) entre doisgrupos de elementos, em que todos os elementos de cada grupocompartilham uma propriedade visual em comumRastreio de região: observadores rastreiam um ou maiselementos com uma característica única conforme eles movem notempo e espaço

Contagem e estimação: usuários contam ou estimam o númerode elementos que compartilham uma mesma característica visual

46 / 135

Page 47: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Processo Pré-Atentivo

Experimentos em psicologia têm estudado como explorar essascaracterísticas para realizar tarefas (pré-atentivas) como

Detecção de alvos: presença ou ausência de um objetoespecíficoDetecção de fronteiras: detectar fronteiras (textura) entre doisgrupos de elementos, em que todos os elementos de cada grupocompartilham uma propriedade visual em comumRastreio de região: observadores rastreiam um ou maiselementos com uma característica única conforme eles movem notempo e espaçoContagem e estimação: usuários contam ou estimam o númerode elementos que compartilham uma mesma característica visual

47 / 135

Page 48: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Visão Pós-atentiva

Além de entender quais características atraem atenção em umacena, é interessante perguntar:

“O que acontece com a representação visual de um objeto quandodeixamos de prestar atenção nele e olhamos para outra coisa(processo pós-atentivo)?”

Aparentemente, a intuição de que as representações visuaissão mais registradas quanto mais olhamos uma cena não éverdadeira

Relacionado ao fenômeno do “change blindness”As pessoas não percebem variações significativas em uma cenaocorridas entre duas observações dela

A representação visual pré-atentiva de um objeto não pareceser afetada pelo fato do observador já ter visto uma imagem doobjeto antes.

Nenhuma informação fica ‘guardada’ no sistema visual após oobservador mudar o foco de atenção

48 / 135

Page 49: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Visão Pós-atentiva

Além de entender quais características atraem atenção em umacena, é interessante perguntar:

“O que acontece com a representação visual de um objeto quandodeixamos de prestar atenção nele e olhamos para outra coisa(processo pós-atentivo)?”

Aparentemente, a intuição de que as representações visuaissão mais registradas quanto mais olhamos uma cena não éverdadeira

Relacionado ao fenômeno do “change blindness”As pessoas não percebem variações significativas em uma cenaocorridas entre duas observações dela

A representação visual pré-atentiva de um objeto não pareceser afetada pelo fato do observador já ter visto uma imagem doobjeto antes.

Nenhuma informação fica ‘guardada’ no sistema visual após oobservador mudar o foco de atenção

49 / 135

Page 50: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Visão Pós-atentiva

Além de entender quais características atraem atenção em umacena, é interessante perguntar:

“O que acontece com a representação visual de um objeto quandodeixamos de prestar atenção nele e olhamos para outra coisa(processo pós-atentivo)?”

Aparentemente, a intuição de que as representações visuaissão mais registradas quanto mais olhamos uma cena não éverdadeira

Relacionado ao fenômeno do “change blindness”As pessoas não percebem variações significativas em uma cenaocorridas entre duas observações dela

A representação visual pré-atentiva de um objeto não pareceser afetada pelo fato do observador já ter visto uma imagem doobjeto antes.

Nenhuma informação fica ‘guardada’ no sistema visual após oobservador mudar o foco de atenção

50 / 135

Page 51: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Visão Pós-atentiva

Teste: Efetuar busca por objeto específico, sem olhar a cenapreviamente

51 / 135

Page 52: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Visão Pós-atentiva

Teste: Efetuar busca por objeto específico, sem olhar a cenapreviamente

52 / 135

Page 53: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Visão Pós-atentiva

Teste: Efetuar busca por objeto específico, sem olhar a cenapreviamente

53 / 135

Page 54: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Visão Pós-atentiva

Teste: Efetuar busca observando previamente a cena por umcurto período (300ms)

54 / 135

Page 55: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Visão Pós-atentiva

Teste: Efetuar busca observando previamente a cena por umcurto período (300ms)

55 / 135

Page 56: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Visão Pós-atentiva

Teste: Efetuar busca observando previamente a cena por umcurto período (300ms)

56 / 135

Page 57: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Visão Pós-atentiva

ConclusãoAtenção prolongada aos objetos testados não torna a buscavisual mais eficiente

Uma implicação é que, como muitas visualizações são novas, eainda não estão registradas na memória de longo prazo, o fatode estudá-la não necessariamente vai ajudar um observador nabusca por valores específicos de dadosPortanto, as visualizações devem dar destaque às áreas depotencial interesse (i.e., favorecer os processos pré-atentivos)

57 / 135

Page 58: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Visão Pós-atentiva

ConclusãoAtenção prolongada aos objetos testados não torna a buscavisual mais eficiente

Uma implicação é que, como muitas visualizações são novas, eainda não estão registradas na memória de longo prazo, o fatode estudá-la não necessariamente vai ajudar um observador nabusca por valores específicos de dadosPortanto, as visualizações devem dar destaque às áreas depotencial interesse (i.e., favorecer os processos pré-atentivos)

58 / 135

Page 59: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Hierarquia de Características

Uma abordagem promissora para visualização multidimensionalseria mapear diferentes atributos para diferentescaracterísticas visuais

Um requisito do mapeamento é não introduzir interferênciasvisuais, interações não antecipadas entre diferentescaracterísticas podem ocultar ou mascarar informação relevante

Um tipo de interferência resulta de um aparente hierarquia decaracterísticas no sistema visual, que faz com que certascaracterísticas tenham ‘precedência’ sobre outras

Por exemplo, em detecção de fronteiras o sistema visual parecefavorecer cor sobre forma

59 / 135

Page 60: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Hierarquia de Características

Uma abordagem promissora para visualização multidimensionalseria mapear diferentes atributos para diferentescaracterísticas visuais

Um requisito do mapeamento é não introduzir interferênciasvisuais, interações não antecipadas entre diferentescaracterísticas podem ocultar ou mascarar informação relevante

Um tipo de interferência resulta de um aparente hierarquia decaracterísticas no sistema visual, que faz com que certascaracterísticas tenham ‘precedência’ sobre outras

Por exemplo, em detecção de fronteiras o sistema visual parecefavorecer cor sobre forma

60 / 135

Page 61: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Hierarquia de Características

Fronteira diferenciada só por forma (pré-atentiva); se varia a coraleatoriamente percepção deixa de ser pré-atentiva

61 / 135

Page 62: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Hierarquia de Características

Fronteira diferenciada só por forma (pré-atentiva); se varia a coraleatoriamente percepção deixa de ser pré-atentiva

62 / 135

Page 63: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Hierarquia de Características

Fronteira diferenciada só por forma (pré-atentiva); se varia a coraleatoriamente percepção deixa de ser pré-atentiva

63 / 135

Page 64: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Change Blindness

Sabe-se hoje que as imagens que formamos não são“fotografias” de uma cena, elas dependem também de nossasexpectativas e objetivos

O objetivo não é criar uma réplica do mundo real, mas extrairinformação relevante

Sabe-se também que detalhes de uma imagem não sãolembrados entre duas observações da mesma cena, excetopelas áreas que receberam atenção

Interrupções na observação da cena causam “cegueira” paramudanças significativas que possam ter ocorrido entre asobservações (“change blindness”)

64 / 135

Page 65: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Change Blindness

Sabe-se hoje que as imagens que formamos não são“fotografias” de uma cena, elas dependem também de nossasexpectativas e objetivos

O objetivo não é criar uma réplica do mundo real, mas extrairinformação relevante

Sabe-se também que detalhes de uma imagem não sãolembrados entre duas observações da mesma cena, excetopelas áreas que receberam atenção

Interrupções na observação da cena causam “cegueira” paramudanças significativas que possam ter ocorrido entre asobservações (“change blindness”)

65 / 135

Page 66: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Change Blindness

66 / 135

Page 67: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Change Blindness

67 / 135

Page 68: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Change Blindness

68 / 135

Page 69: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Change Blindness

Implicações para visualização: como as imagens de umavisualização são, em geral, novas para nossos observadores,não existem expectativas prévias que possam guiar a análise:

Cabe ao projetista da visualização guiar o observador para asáreas importantes

69 / 135

Page 70: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Sumário

1 O que é Percepção

2 Fisiologia

3 Processamento Perceptual

4 Percepção em Visualização

5 Métricas

6 Atividade

7 Referências

70 / 135

Page 71: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Cor

Cor é uma das propriedades mais usadas em visualizaçãoDiferentes escalas para diferentes objetivos: arco-íris,vermelho-azul, vermelho-verde, etc.Percebida como uma característica única, mas têm múltiplasdimensões perceptuais

Matiz, Saturação, Luminância/Brilho)

Técnicas mais sofisticadas buscam controlar as diferençaspercebidas entre as cores, ao invés da distância entre suasposições no espaço cores RGB. O objetivo é melhorar:

Equilíbrio perceptual: um passo unitário ao longo da escalaproduz uma diferença perceptualmente uniforme na cor resultantePoder de distinção: em um universo discreto de cores, ter coresfáceis de distinguir e identificarFlexibilidade: cores podem ser selecionadas em qualquer regiãodo espaço de cores (sem privilegiar regiões)

71 / 135

Page 72: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Cor

Figura: Exemplos de escalas de cor aplicadas a mapas meteorológicos.

72 / 135

Page 73: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Textura

Textura é em geral percebida como uma propriedade visualúnica, mas assim como cor pode ser decomposta em múltiplasdimensões perceptuais:

Regularidade, direcionalidade, contraste, tamanho, granularidade,etc.

Em visualização, múltiplas dimensões de texturas já foramusadas para mapear diferentes atributos de dados

Padrão da textura muda conforme os dados, ex. ícones‘stick-figure’Orientação em 2D também foi empregada para codificarinformação

73 / 135

Page 74: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Movimento

Movimento é outra propriedade considerada perceptualmentesaliente

Muito usado em visualizações de partículas e de escoamentosTambém para enfatizar alterações temporais nos dados

Três propriedades perceptuais relevantes:Direção de movimentoVelocidade de movimentoCintilação (flicker)

Estudos em psicofísica: exploram essas propriedades naexecução de tarefas exploratórias básicas

74 / 135

Page 75: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

O Papel da Memória

Três tipos de memória são relevantes para a percepção devisualizações

Memória sensorial: grande capacidade, grande quantidadede informação processada rapidamente. Aprendizado é físico efacilitado pela repetição

Memória de curto prazo: pouca capacidade, curta duração(< 30s). Pode ser facilitada por agrupamento de elementos e porrepetição, e também por segmentação (grupos de objetosconstituindo um segmento que pode ser lembrado como umaunidade).

Memória de longo prazo: teoricamente ilimitada, recuperaçãode informação é uma questão chave, acesso é lento e nãoconfiável. Pode ser melhorada usando associações esegmentação de elementos

75 / 135

Page 76: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

O Papel da Memória

Três tipos de memória são relevantes para a percepção devisualizações

Memória sensorial: grande capacidade, grande quantidadede informação processada rapidamente. Aprendizado é físico efacilitado pela repetição

Memória de curto prazo: pouca capacidade, curta duração(< 30s). Pode ser facilitada por agrupamento de elementos e porrepetição, e também por segmentação (grupos de objetosconstituindo um segmento que pode ser lembrado como umaunidade).

Memória de longo prazo: teoricamente ilimitada, recuperaçãode informação é uma questão chave, acesso é lento e nãoconfiável. Pode ser melhorada usando associações esegmentação de elementos

76 / 135

Page 77: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

O Papel da Memória

Três tipos de memória são relevantes para a percepção devisualizações

Memória sensorial: grande capacidade, grande quantidadede informação processada rapidamente. Aprendizado é físico efacilitado pela repetição

Memória de curto prazo: pouca capacidade, curta duração(< 30s). Pode ser facilitada por agrupamento de elementos e porrepetição, e também por segmentação (grupos de objetosconstituindo um segmento que pode ser lembrado como umaunidade).

Memória de longo prazo: teoricamente ilimitada, recuperaçãode informação é uma questão chave, acesso é lento e nãoconfiável. Pode ser melhorada usando associações esegmentação de elementos

77 / 135

Page 78: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

O Papel da Memória

Três tipos de memória são relevantes para a percepção devisualizações

Memória sensorial: grande capacidade, grande quantidadede informação processada rapidamente. Aprendizado é físico efacilitado pela repetição

Memória de curto prazo: pouca capacidade, curta duração(< 30s). Pode ser facilitada por agrupamento de elementos e porrepetição, e também por segmentação (grupos de objetosconstituindo um segmento que pode ser lembrado como umaunidade).

Memória de longo prazo: teoricamente ilimitada, recuperaçãode informação é uma questão chave, acesso é lento e nãoconfiável. Pode ser melhorada usando associações esegmentação de elementos

78 / 135

Page 79: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Sumário

1 O que é Percepção

2 Fisiologia

3 Processamento Perceptual

4 Percepção em Visualização

5 Métricas

6 Atividade

7 Referências

79 / 135

Page 80: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Métricas

Perguntas relevantes

Quantos tamanhos e orientações distintos podem ser percebidospara linhas?Quantos diferentes tons e volumes de som podem serdistinguidos?Qual a nossa ‘channel capacity’ quando manipulando cor, sabor,cheiro, ou qualquer outro de nossos sentidos?Como conseguimos distinguir centenas de rostos e milhares depalavras faladas?

Ao projetar uma visualização é importante considerar aslimitações humanas para evitar gerar imagens cominformações ambíguas, difíceis de interpretar, ou enganosas

80 / 135

Page 81: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Métricas

Perguntas relevantesQuantos tamanhos e orientações distintos podem ser percebidospara linhas?

Quantos diferentes tons e volumes de som podem serdistinguidos?Qual a nossa ‘channel capacity’ quando manipulando cor, sabor,cheiro, ou qualquer outro de nossos sentidos?Como conseguimos distinguir centenas de rostos e milhares depalavras faladas?

Ao projetar uma visualização é importante considerar aslimitações humanas para evitar gerar imagens cominformações ambíguas, difíceis de interpretar, ou enganosas

81 / 135

Page 82: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Métricas

Perguntas relevantesQuantos tamanhos e orientações distintos podem ser percebidospara linhas?Quantos diferentes tons e volumes de som podem serdistinguidos?

Qual a nossa ‘channel capacity’ quando manipulando cor, sabor,cheiro, ou qualquer outro de nossos sentidos?Como conseguimos distinguir centenas de rostos e milhares depalavras faladas?

Ao projetar uma visualização é importante considerar aslimitações humanas para evitar gerar imagens cominformações ambíguas, difíceis de interpretar, ou enganosas

82 / 135

Page 83: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Métricas

Perguntas relevantesQuantos tamanhos e orientações distintos podem ser percebidospara linhas?Quantos diferentes tons e volumes de som podem serdistinguidos?Qual a nossa ‘channel capacity’ quando manipulando cor, sabor,cheiro, ou qualquer outro de nossos sentidos?

Como conseguimos distinguir centenas de rostos e milhares depalavras faladas?

Ao projetar uma visualização é importante considerar aslimitações humanas para evitar gerar imagens cominformações ambíguas, difíceis de interpretar, ou enganosas

83 / 135

Page 84: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Métricas

Perguntas relevantesQuantos tamanhos e orientações distintos podem ser percebidospara linhas?Quantos diferentes tons e volumes de som podem serdistinguidos?Qual a nossa ‘channel capacity’ quando manipulando cor, sabor,cheiro, ou qualquer outro de nossos sentidos?Como conseguimos distinguir centenas de rostos e milhares depalavras faladas?

Ao projetar uma visualização é importante considerar aslimitações humanas para evitar gerar imagens cominformações ambíguas, difíceis de interpretar, ou enganosas

84 / 135

Page 85: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Métricas

Perguntas relevantesQuantos tamanhos e orientações distintos podem ser percebidospara linhas?Quantos diferentes tons e volumes de som podem serdistinguidos?Qual a nossa ‘channel capacity’ quando manipulando cor, sabor,cheiro, ou qualquer outro de nossos sentidos?Como conseguimos distinguir centenas de rostos e milhares depalavras faladas?

Ao projetar uma visualização é importante considerar aslimitações humanas para evitar gerar imagens cominformações ambíguas, difíceis de interpretar, ou enganosas

85 / 135

Page 86: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Métricas

Perguntas relevantesQuantos tamanhos e orientações distintos podem ser percebidospara linhas?Quantos diferentes tons e volumes de som podem serdistinguidos?Qual a nossa ‘channel capacity’ quando manipulando cor, sabor,cheiro, ou qualquer outro de nossos sentidos?Como conseguimos distinguir centenas de rostos e milhares depalavras faladas?

Ao projetar uma visualização é importante considerar aslimitações humanas para evitar gerar imagens cominformações ambíguas, difíceis de interpretar, ou enganosas

86 / 135

Page 87: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Métricas

Para gerar visualizações mais efetivas, seria bom conhecer asrespostas para perguntas como:

Quais entidades gráficas podem ser medidas precisamente peloshumanos?Quantas entidades distintas podem ser usadas em umavisualização sem confusão?Com que nível de precisão percebemos as diversas primitivas?Como combinamos primitivas para reconhecer fenômenoscomplexos?Como cor deve ser usada para apresentar informação?

87 / 135

Page 88: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Métricas

Para gerar visualizações mais efetivas, seria bom conhecer asrespostas para perguntas como:

Quais entidades gráficas podem ser medidas precisamente peloshumanos?

Quantas entidades distintas podem ser usadas em umavisualização sem confusão?Com que nível de precisão percebemos as diversas primitivas?Como combinamos primitivas para reconhecer fenômenoscomplexos?Como cor deve ser usada para apresentar informação?

88 / 135

Page 89: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Métricas

Para gerar visualizações mais efetivas, seria bom conhecer asrespostas para perguntas como:

Quais entidades gráficas podem ser medidas precisamente peloshumanos?Quantas entidades distintas podem ser usadas em umavisualização sem confusão?

Com que nível de precisão percebemos as diversas primitivas?Como combinamos primitivas para reconhecer fenômenoscomplexos?Como cor deve ser usada para apresentar informação?

89 / 135

Page 90: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Métricas

Para gerar visualizações mais efetivas, seria bom conhecer asrespostas para perguntas como:

Quais entidades gráficas podem ser medidas precisamente peloshumanos?Quantas entidades distintas podem ser usadas em umavisualização sem confusão?Com que nível de precisão percebemos as diversas primitivas?

Como combinamos primitivas para reconhecer fenômenoscomplexos?Como cor deve ser usada para apresentar informação?

90 / 135

Page 91: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Métricas

Para gerar visualizações mais efetivas, seria bom conhecer asrespostas para perguntas como:

Quais entidades gráficas podem ser medidas precisamente peloshumanos?Quantas entidades distintas podem ser usadas em umavisualização sem confusão?Com que nível de precisão percebemos as diversas primitivas?Como combinamos primitivas para reconhecer fenômenoscomplexos?

Como cor deve ser usada para apresentar informação?

91 / 135

Page 92: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Métricas

Para gerar visualizações mais efetivas, seria bom conhecer asrespostas para perguntas como:

Quais entidades gráficas podem ser medidas precisamente peloshumanos?Quantas entidades distintas podem ser usadas em umavisualização sem confusão?Com que nível de precisão percebemos as diversas primitivas?Como combinamos primitivas para reconhecer fenômenoscomplexos?Como cor deve ser usada para apresentar informação?

92 / 135

Page 93: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Modelo de Recursos do Processamento Humano deInformação

Para medir e comparar o desempenho perceptual de pessoas énecessário adotar alguma métrica

Uma métrica conhecida é denominada Capacidade do Canal,emprestada do campo de teoria da informaçãoSer humano visto como um canal de comunicação: processaentradas, gera saídas relativas a um determinado fenômeno

Capacidade do Canal

Mede-se o número de níveis distintos de um estímulo que umsujeito consegue identificar com alto grau de precisão

A partir de um certo ponto, aumentar o número de níveisaumenta a taxa de erro e nenhuma informação adicional éextraídaEsse limiar determina a capacidade do canalMedido em bits, 8 níveis corresponderiam a 3 bits

93 / 135

Page 94: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Modelo de Recursos do Processamento Humano deInformação

Para medir e comparar o desempenho perceptual de pessoas énecessário adotar alguma métrica

Uma métrica conhecida é denominada Capacidade do Canal,emprestada do campo de teoria da informaçãoSer humano visto como um canal de comunicação: processaentradas, gera saídas relativas a um determinado fenômeno

Capacidade do Canal

Mede-se o número de níveis distintos de um estímulo que umsujeito consegue identificar com alto grau de precisão

A partir de um certo ponto, aumentar o número de níveisaumenta a taxa de erro e nenhuma informação adicional éextraídaEsse limiar determina a capacidade do canalMedido em bits, 8 níveis corresponderiam a 3 bits

94 / 135

Page 95: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Absoluto de Estímulos 1D

Timbre de um som: 6 timbres são distinguíveis (2.5 bits)

Altura de um som: 5 níveis de altura são distinguíveis (2.3 bits)

Salinidade: 4 níveis são distinguíveis (2 bits)

Posição de um marcador em uma linha: entre 10 e 15 níveissão distinguíveis (3.25 bits)

Tamanhos de quadrados: 4 e 5 níveis diferentes sãodistinguíveis (2.2 bits)

Cor: 10 níveis de matiz são distinguíveis e 5 níveis de brilho (3.1e 2.3 bits, respectivamente)

Geometria de Linhas: para comprimento da linha a 2.6-3 bits,para orientação 2.8-3.3 bits para orientação e 2.2 para curvatura

95 / 135

Page 96: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Absoluto de Estímulos 1D

Timbre de um som: 6 timbres são distinguíveis (2.5 bits)

Altura de um som: 5 níveis de altura são distinguíveis (2.3 bits)

Salinidade: 4 níveis são distinguíveis (2 bits)

Posição de um marcador em uma linha: entre 10 e 15 níveissão distinguíveis (3.25 bits)

Tamanhos de quadrados: 4 e 5 níveis diferentes sãodistinguíveis (2.2 bits)

Cor: 10 níveis de matiz são distinguíveis e 5 níveis de brilho (3.1e 2.3 bits, respectivamente)

Geometria de Linhas: para comprimento da linha a 2.6-3 bits,para orientação 2.8-3.3 bits para orientação e 2.2 para curvatura

96 / 135

Page 97: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Absoluto de Estímulos 1D

Timbre de um som: 6 timbres são distinguíveis (2.5 bits)

Altura de um som: 5 níveis de altura são distinguíveis (2.3 bits)

Salinidade: 4 níveis são distinguíveis (2 bits)

Posição de um marcador em uma linha: entre 10 e 15 níveissão distinguíveis (3.25 bits)

Tamanhos de quadrados: 4 e 5 níveis diferentes sãodistinguíveis (2.2 bits)

Cor: 10 níveis de matiz são distinguíveis e 5 níveis de brilho (3.1e 2.3 bits, respectivamente)

Geometria de Linhas: para comprimento da linha a 2.6-3 bits,para orientação 2.8-3.3 bits para orientação e 2.2 para curvatura

97 / 135

Page 98: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Absoluto de Estímulos 1D

Timbre de um som: 6 timbres são distinguíveis (2.5 bits)

Altura de um som: 5 níveis de altura são distinguíveis (2.3 bits)

Salinidade: 4 níveis são distinguíveis (2 bits)

Posição de um marcador em uma linha: entre 10 e 15 níveissão distinguíveis (3.25 bits)

Tamanhos de quadrados: 4 e 5 níveis diferentes sãodistinguíveis (2.2 bits)

Cor: 10 níveis de matiz são distinguíveis e 5 níveis de brilho (3.1e 2.3 bits, respectivamente)

Geometria de Linhas: para comprimento da linha a 2.6-3 bits,para orientação 2.8-3.3 bits para orientação e 2.2 para curvatura

98 / 135

Page 99: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Absoluto de Estímulos 1D

Timbre de um som: 6 timbres são distinguíveis (2.5 bits)

Altura de um som: 5 níveis de altura são distinguíveis (2.3 bits)

Salinidade: 4 níveis são distinguíveis (2 bits)

Posição de um marcador em uma linha: entre 10 e 15 níveissão distinguíveis (3.25 bits)

Tamanhos de quadrados: 4 e 5 níveis diferentes sãodistinguíveis (2.2 bits)

Cor: 10 níveis de matiz são distinguíveis e 5 níveis de brilho (3.1e 2.3 bits, respectivamente)

Geometria de Linhas: para comprimento da linha a 2.6-3 bits,para orientação 2.8-3.3 bits para orientação e 2.2 para curvatura

99 / 135

Page 100: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Absoluto de Estímulos 1D

Timbre de um som: 6 timbres são distinguíveis (2.5 bits)

Altura de um som: 5 níveis de altura são distinguíveis (2.3 bits)

Salinidade: 4 níveis são distinguíveis (2 bits)

Posição de um marcador em uma linha: entre 10 e 15 níveissão distinguíveis (3.25 bits)

Tamanhos de quadrados: 4 e 5 níveis diferentes sãodistinguíveis (2.2 bits)

Cor: 10 níveis de matiz são distinguíveis e 5 níveis de brilho (3.1e 2.3 bits, respectivamente)

Geometria de Linhas: para comprimento da linha a 2.6-3 bits,para orientação 2.8-3.3 bits para orientação e 2.2 para curvatura

100 / 135

Page 101: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Absoluto de Estímulos 1D

Timbre de um som: 6 timbres são distinguíveis (2.5 bits)

Altura de um som: 5 níveis de altura são distinguíveis (2.3 bits)

Salinidade: 4 níveis são distinguíveis (2 bits)

Posição de um marcador em uma linha: entre 10 e 15 níveissão distinguíveis (3.25 bits)

Tamanhos de quadrados: 4 e 5 níveis diferentes sãodistinguíveis (2.2 bits)

Cor: 10 níveis de matiz são distinguíveis e 5 níveis de brilho (3.1e 2.3 bits, respectivamente)

Geometria de Linhas: para comprimento da linha a 2.6-3 bits,para orientação 2.8-3.3 bits para orientação e 2.2 para curvatura

101 / 135

Page 102: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Absoluto de Estímulos 1D

Timbre de um som: 6 timbres são distinguíveis (2.5 bits)

Altura de um som: 5 níveis de altura são distinguíveis (2.3 bits)

Salinidade: 4 níveis são distinguíveis (2 bits)

Posição de um marcador em uma linha: entre 10 e 15 níveissão distinguíveis (3.25 bits)

Tamanhos de quadrados: 4 e 5 níveis diferentes sãodistinguíveis (2.2 bits)

Cor: 10 níveis de matiz são distinguíveis e 5 níveis de brilho (3.1e 2.3 bits, respectivamente)

Geometria de Linhas: para comprimento da linha a 2.6-3 bits,para orientação 2.8-3.3 bits para orientação e 2.2 para curvatura

102 / 135

Page 103: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Absoluto de Estímulos 1D

Experimentos indicam um limite em nossa capacidade deperceber sinais 1D e medi-los com precisãoNa média o largura do canal é de 2.6 bits, com desvio padrão de0.6, ou seja, 6 a 7 níveis podem ser distinguidos com precisãoOu seja, se os usuários de nossas visualizações precisamextrair delas mais do que 6 ou 7 níveis de um valor de dado, épreciso recorrer a outros recursos

103 / 135

Page 104: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Absoluto de Estímulos Multidimensionais

Pode-se tentar amenizar essa limitação usando múltiplosestímulos simultâneos

Entretanto, combinar um canal com capacidade CA a outro comcapacidade CB não resulta em um canal com capacidade CA +CB

104 / 135

Page 105: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Absoluto de Estímulos Multi-Dimensionais

Ponto no interior de um quadrado: medida de duas posições(vertical e horizontal) não dobra o canal de posição em linha (6.5bits), mas chega a 4.6 bits

Salinidade e doçura: não dobra o canal da salinidade (3.8 bits),mas alcança somente 2.3 bits

Altura e tom do som: não resulta na soma dos dois canais (4.8bits), mas sim em 3.1 bits

Matiz e saturação da cor: não resulta na soma de amboscanais (4.8 bits), mas sim em 3.6 bits

Tamanho, brilho e matiz: não resulta na soma dascaracterísticas individuais (7.6 bits), mas sim em 4.1 bits

105 / 135

Page 106: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Absoluto de Estímulos Multi-Dimensionais

Ponto no interior de um quadrado: medida de duas posições(vertical e horizontal) não dobra o canal de posição em linha (6.5bits), mas chega a 4.6 bits

Salinidade e doçura: não dobra o canal da salinidade (3.8 bits),mas alcança somente 2.3 bits

Altura e tom do som: não resulta na soma dos dois canais (4.8bits), mas sim em 3.1 bits

Matiz e saturação da cor: não resulta na soma de amboscanais (4.8 bits), mas sim em 3.6 bits

Tamanho, brilho e matiz: não resulta na soma dascaracterísticas individuais (7.6 bits), mas sim em 4.1 bits

106 / 135

Page 107: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Absoluto de Estímulos Multi-Dimensionais

Ponto no interior de um quadrado: medida de duas posições(vertical e horizontal) não dobra o canal de posição em linha (6.5bits), mas chega a 4.6 bits

Salinidade e doçura: não dobra o canal da salinidade (3.8 bits),mas alcança somente 2.3 bits

Altura e tom do som: não resulta na soma dos dois canais (4.8bits), mas sim em 3.1 bits

Matiz e saturação da cor: não resulta na soma de amboscanais (4.8 bits), mas sim em 3.6 bits

Tamanho, brilho e matiz: não resulta na soma dascaracterísticas individuais (7.6 bits), mas sim em 4.1 bits

107 / 135

Page 108: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Absoluto de Estímulos Multi-Dimensionais

Ponto no interior de um quadrado: medida de duas posições(vertical e horizontal) não dobra o canal de posição em linha (6.5bits), mas chega a 4.6 bits

Salinidade e doçura: não dobra o canal da salinidade (3.8 bits),mas alcança somente 2.3 bits

Altura e tom do som: não resulta na soma dos dois canais (4.8bits), mas sim em 3.1 bits

Matiz e saturação da cor: não resulta na soma de amboscanais (4.8 bits), mas sim em 3.6 bits

Tamanho, brilho e matiz: não resulta na soma dascaracterísticas individuais (7.6 bits), mas sim em 4.1 bits

108 / 135

Page 109: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Absoluto de Estímulos Multi-Dimensionais

Ponto no interior de um quadrado: medida de duas posições(vertical e horizontal) não dobra o canal de posição em linha (6.5bits), mas chega a 4.6 bits

Salinidade e doçura: não dobra o canal da salinidade (3.8 bits),mas alcança somente 2.3 bits

Altura e tom do som: não resulta na soma dos dois canais (4.8bits), mas sim em 3.1 bits

Matiz e saturação da cor: não resulta na soma de amboscanais (4.8 bits), mas sim em 3.6 bits

Tamanho, brilho e matiz: não resulta na soma dascaracterísticas individuais (7.6 bits), mas sim em 4.1 bits

109 / 135

Page 110: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Absoluto de Estímulos Multi-Dimensionais

Ponto no interior de um quadrado: medida de duas posições(vertical e horizontal) não dobra o canal de posição em linha (6.5bits), mas chega a 4.6 bits

Salinidade e doçura: não dobra o canal da salinidade (3.8 bits),mas alcança somente 2.3 bits

Altura e tom do som: não resulta na soma dos dois canais (4.8bits), mas sim em 3.1 bits

Matiz e saturação da cor: não resulta na soma de amboscanais (4.8 bits), mas sim em 3.6 bits

Tamanho, brilho e matiz: não resulta na soma dascaracterísticas individuais (7.6 bits), mas sim em 4.1 bits

110 / 135

Page 111: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Absoluto de Estímulos Multidimensionais

Combinar múltiplos estímulos aumenta a capacidade decomunicação de informação, mas não nos níveis quepoderiamos esperar

A combinação dos estímulos reduz a capacidade de discernir osdiferentes níveis dos estímulos individuais

111 / 135

Page 112: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Relativo

Outra possibilidade seria solicitar julgamento relativo, ao invésde absoluto

Determinar diferenças, ao invés de extrair um valorOutro tipo de habilidade perceptual

(a)

(b)

112 / 135

Page 113: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Relativo

Outra possibilidade seria solicitar julgamento relativo, ao invésde absoluto

Determinar diferenças, ao invés de extrair um valorOutro tipo de habilidade perceptual

(a) (b)

113 / 135

Page 114: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Relativo

Experimentos que estudaram a habilidade das pessoasavaliarem diferenças relativas detectaram que os erros depercepção são crescentes nas seguintes propriedades

posição ao longo de uma escala comumposição ao longo de escalas idênticas, não alinhadascomprimentoângulo/inclinaçãoáreavolumematiz, saturação e densidade de cor

114 / 135

Page 115: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Relativo

Experimentos que estudaram a habilidade das pessoasavaliarem diferenças relativas detectaram que os erros depercepção são crescentes nas seguintes propriedades

posição ao longo de uma escala comum

posição ao longo de escalas idênticas, não alinhadascomprimentoângulo/inclinaçãoáreavolumematiz, saturação e densidade de cor

115 / 135

Page 116: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Relativo

Experimentos que estudaram a habilidade das pessoasavaliarem diferenças relativas detectaram que os erros depercepção são crescentes nas seguintes propriedades

posição ao longo de uma escala comumposição ao longo de escalas idênticas, não alinhadas

comprimentoângulo/inclinaçãoáreavolumematiz, saturação e densidade de cor

116 / 135

Page 117: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Relativo

Experimentos que estudaram a habilidade das pessoasavaliarem diferenças relativas detectaram que os erros depercepção são crescentes nas seguintes propriedades

posição ao longo de uma escala comumposição ao longo de escalas idênticas, não alinhadascomprimento

ângulo/inclinaçãoáreavolumematiz, saturação e densidade de cor

117 / 135

Page 118: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Relativo

Experimentos que estudaram a habilidade das pessoasavaliarem diferenças relativas detectaram que os erros depercepção são crescentes nas seguintes propriedades

posição ao longo de uma escala comumposição ao longo de escalas idênticas, não alinhadascomprimentoângulo/inclinação

áreavolumematiz, saturação e densidade de cor

118 / 135

Page 119: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Relativo

Experimentos que estudaram a habilidade das pessoasavaliarem diferenças relativas detectaram que os erros depercepção são crescentes nas seguintes propriedades

posição ao longo de uma escala comumposição ao longo de escalas idênticas, não alinhadascomprimentoângulo/inclinaçãoárea

volumematiz, saturação e densidade de cor

119 / 135

Page 120: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Relativo

Experimentos que estudaram a habilidade das pessoasavaliarem diferenças relativas detectaram que os erros depercepção são crescentes nas seguintes propriedades

posição ao longo de uma escala comumposição ao longo de escalas idênticas, não alinhadascomprimentoângulo/inclinaçãoáreavolume

matiz, saturação e densidade de cor

120 / 135

Page 121: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Relativo

Experimentos que estudaram a habilidade das pessoasavaliarem diferenças relativas detectaram que os erros depercepção são crescentes nas seguintes propriedades

posição ao longo de uma escala comumposição ao longo de escalas idênticas, não alinhadascomprimentoângulo/inclinaçãoáreavolumematiz, saturação e densidade de cor

121 / 135

Page 122: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Relativo

A probabilidade de detectar uma mudança é propocional àvariação relativa do atributo gráfico, e não à variação absoluta.Aumentar um objeto não aumenta a sua eficiência paratransmitir informação (Webert’s Law)

A medida que a dimensionalidade de um atributo visualaumenta, maior nossa tendência a subestimá-lo. (Stevent’s Law)Mapear informação em um volume é muito menos efetivo paracomunicar informação do que mapear em uma área ou linha

122 / 135

Page 123: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Relativo

A probabilidade de detectar uma mudança é propocional àvariação relativa do atributo gráfico, e não à variação absoluta.Aumentar um objeto não aumenta a sua eficiência paratransmitir informação (Webert’s Law)

A medida que a dimensionalidade de um atributo visualaumenta, maior nossa tendência a subestimá-lo. (Stevent’s Law)Mapear informação em um volume é muito menos efetivo paracomunicar informação do que mapear em uma área ou linha

123 / 135

Page 124: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Julgamento Relativo

A probabilidade de detectar uma mudança é propocional àvariação relativa do atributo gráfico, e não à variação absoluta.Aumentar um objeto não aumenta a sua eficiência paratransmitir informação (Webert’s Law)

A medida que a dimensionalidade de um atributo visualaumenta, maior nossa tendência a subestimá-lo. (Stevent’s Law)Mapear informação em um volume é muito menos efetivo paracomunicar informação do que mapear em uma área ou linha

124 / 135

Page 125: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Expandindo Capacidades

Julgamento relativo tende a ser mais eficiente do que oabsoluto

Por isso a inclusão de grades ou marcas de referência podemelhor muito uma visualização

Habilidade humana de perceber estímulos é bem limitadaCombinar estímulos pode ampliar a capacidade do canal

Teoricamente (hipótese) existe uma limitação de 10 dimensõesdistintas que podem ser percebidas

125 / 135

Page 126: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Expandindo Capacidades

Julgamento relativo tende a ser mais eficiente do que oabsoluto

Por isso a inclusão de grades ou marcas de referência podemelhor muito uma visualização

Habilidade humana de perceber estímulos é bem limitadaCombinar estímulos pode ampliar a capacidade do canal

Teoricamente (hipótese) existe uma limitação de 10 dimensõesdistintas que podem ser percebidas

126 / 135

Page 127: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Relacionamento com Memória Imediata

Estudos sugerem que as pessoas conseguem se lembrar comprecisão de aproximadamente 7 itens, no máximo.Independe da complexidade dos itens.

Memorizar 6 palavras monossilábicas é tão difícil quantomemorizar 6 multissilábicas

Então tentamos agrupar os elementos em unidades maiores

127 / 135

Page 128: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Relacionamento com Memória Imediata

Estudos sugerem que as pessoas conseguem se lembrar comprecisão de aproximadamente 7 itens, no máximo.Independe da complexidade dos itens.

Memorizar 6 palavras monossilábicas é tão difícil quantomemorizar 6 multissilábicas

Então tentamos agrupar os elementos em unidades maiores

128 / 135

Page 129: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Papel do Recoding

Recoding é o processo de reorganizar informação em umnúmero menor de ‘segmentos’ (chunks), com mais bits deinformação por segmento.Podemos ampliar a complexidade dos segmentos paraaumentar nossa capacidade de processamento?

lembrar uma sequência de N dígitos binários é comparável emesforço a lembrar N ‘grupos’ com 2 ou 3 dígitos

A organização da informação em segmentos provê maiorcapacidade, mas depende do indivíduo

129 / 135

Page 130: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

O Papel do Foco e Expectativa

Em tarefas envolvendo imagens com múltiplos atributos, em queo observador precisa reportar apenas um, conhecimentoprévio do foco pode melhorar os resultados

Parece óbvio, mas reforça que as pessoas têm melhordesempenho quando focam e um atributo por vez;Se o observador foca em um número reduzido de atributos, épossível diminuir a influência dos atributos que não são o foco.

130 / 135

Page 131: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Sumário

1 O que é Percepção

2 Fisiologia

3 Processamento Perceptual

4 Percepção em Visualização

5 Métricas

6 Atividade

7 Referências

131 / 135

Page 132: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Trabalho

Na próxima aula trazer exemplos ilustrativos de visualizaçõesque ignoram a teoria de percepção apresentada, gerandomapeamentos falhos. (Informe a fonte, descreva porque é falho).

IEEE Information VisualizationIEEE VisualizationIEEE Transactions on Visualization and Computer GraphicsComputer & GraphicsInformation Visualization (London)etc.

132 / 135

Page 133: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Trabalho

Alguns artigosNahum D. Gershon. How to lie and confuse with visualization. InProceedings of the 20th annual conference on Computer graphicsand interactive techniques (SIGGRAPH ’93). ACM, New York, NY,USA, 387-388.Al Globus e Eric Raible. Fourteen Ways to Say Nothing WithScientific Visualization, Computer, v.27 n.7, p.86-88, July 1994.Bernice E. Rogowitz, Lloyd A. Treinish e Steve Bryson. How not tolie with visualization. Comput. Phys. 10, 3 (June 1996), 268-273.

Alguns endereçoshttp://www.datavis.ca/gallery/lie-factor.php

http://www.idi.ntnu.no/~zoran/papers/VisLies.ppt

http://vadl.cc.gatech.edu/getDocument.php?doc=407

http://www.csc.ncsu.edu/faculty/healey/PP/

http://www.interaction-design.org/encyclopedia/data_

visualization_for_human_perception.html

133 / 135

Page 134: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Sumário

1 O que é Percepção

2 Fisiologia

3 Processamento Perceptual

4 Percepção em Visualização

5 Métricas

6 Atividade

7 Referências

134 / 135

Page 135: Percepção Humana e Processamento de Informação - 0 ...wiki.icmc.usp.br/images/6/64/Visualizacao-04_percepcao_proc_infor... · 2 Fisiologia 3 Processamento Perceptual 4 Percepção

Referências

Ward, M., Grinstein, G. G., Keim, D. Interactive datavisualization foundations, techniques, and applications.Natick, Mass., A K Peters, 2010.

135 / 135