Visualização de InformaçãoInteracção Homem-

Máquina+

Realizado por: Celso Alexandre / João Simão / Tiago Valente

Perspectiva Geral

COMUNICAÇÃO VISUAL & VISUALIZAÇÃO DE INFORMAÇÃO

O que é? Para que serve? Como se relaciona com a informação?

INTERACÇÃO HOMEM-MÁQUINA

Em que consiste? Qual a utilidade? Exemplos

IMPACTO E EVOLUÇÃO DA VISUALIZAÇÃO DE DADOS DIGITAIS

Os primórdios As CLI As GUI Ambientes Imersivos e NUI O futuro

EXEMPLOS

Visualização de Informação

INFORMATION VISUALIZATION PROMISES TO HELP US SPEED

OUR UNDERSTANDING AND ACTION IN A WORLD OF

INCREASING INFORMATION VOLUMES.

“

”[Card, 2008, p. 542]

Visualização de Informação

REPRESENTAÇÃO VISUAL DE QUANTIDADES

SIGNIFICATIVAS DE DADOS ABSTRACTOS,

DE FORMA ESTRUTURADA

“

”

“”

Comunicação Visual

informação visual

TRANSMISSÃO DE INFORMAÇÃO ATRAVÉS DE UM MEIO VISUAL:

CORES, FORMAS, ORGANIZAÇÃO ESPACIAL

“”

Informação Digital

INFORMAÇÃO REPRESENTADA ATRAVÉS DE BITS

(CONJUNTOS DE 0 E 1)

NÃO É INFORMAÇÃO VISUALnecessário um dispositivo de visualização para efectuar a conversão

e.g. LCD

COMUNICAÇÃO VISUAL VISUALIZAÇÃO DE DADOSÊNFASE NA INFORMAÇÃO VISUALVALORIZAÇÃO ESTÉTICA

ÊNFASE NOS DADOSORGANIZAÇÃO E COMPREENSÃO

SIMPLIFICAR REPRESENTAR CONDENSAR REALÇAR

Utilidade da Comunicação Visual

MENOS DEPENDENTE DO IDOMA

MAIS UNIVERSAL

Utilidade da Visualização de Dados

UM EXEMPLO:TEORIA DOS SEIS GRAUS DE

SEPARAÇÃOqualquer indivíduo encontra-se separado de outro por, no máximo, seis graus de relacionamento

NÃO SE ENCONTRA COMPROVADA!

Interacção Homem-Máquina

HUMAN-COMPUTER INTERACTION IS A DISCIPLINE CONCERNED WITH

THE DESIGN, EVALUATION AND IMPLEMENTATION OF INTERACTIVE COMPUTING SYSTEMS FOR HUMAN

USE (...)

“

”[Hewett, et al., 1992-1996]

Interacção Homem-Máquina

ESTUDO DA INTERACÇÃO ENTRE UTILIZADORES E

COMPUTADORES

“”

ocorre através de interfaces de utilizadorobjectivo: melhorar a user experience (UX)

Características e Tipos

Comunicação, Feedback, AdaptabilidadeALGUMAS

CARACTERÍSTICAS/COMPONENTESALGUNS TIPOS

linear, sobre objectos, de hiperligação

Exemplo: CAVE

CAVE AUTOMATIC VIRTUAL ENVIRONMENTambiente de realidade imersiva

CARTÕES PERFURADOS

Primórdios da Informação Digital

input e output: armazenamento, visualização e interacçãoinformação digital representada pela presença ou ausência de buracos em

posições predefinidas pouco dispendiosos mas perecíveis, pouco intuitivos, pouco flexíveis

SUBSTITUIDOS

Primórdios da Informação Digital

Fita magnética: armazenamentoTerminais: visualização e interacção

title command line interface (cli)

>q

program halted.

SURGIU COM OS TERMINAISteclado para introdução de dados

primeira vez que um ecrã (CRT) é usado para visualizar dados digitais

permite interagir em tempo real com o computador, através de um modo gráfico limitado e baseado somente em texto

File Browser

stuff

homework

letters

NES games

16 bits FTWawesome

MIDI files

Graphical User Interface (GUI)

EC files

permite ao utilizador interagir com o computador através da manipulação de gráficos, imagens e outros indicadores visuais (ícones,

botões, janelas...), em vez de apenas texto

APARECEU PELA PRIMEIRA VEZ NO XEROX ALTO

Graphical User Interface (GUI)

window, icon, menu, pointing devicePARADIGMA DE INTERACÇÃO

HOMEM-MÁQUINA WIMP

Pressupõe o uso de um “aparelho apontador”, como o rato

PRATICAMENTE INVISÍVEL AO UTILIZADOR

Natural User Interface (NUI)

Interacção e visualização tão naturais que a manipulação é semelhante à de objectos reais

NUI BASEADAS EM TOUCHSCREENS E MULTITOUCHExemplo: 10/GUI

http://10gui.com/

NUI BASEADAS EM AMBIENTES IMERSIVOSExemplo: Project Natal

NUI E REALIDADE AUMENTADAsobreposição de objectos virtuais no ambiente físico,

em tempo real

PERMITEM VISUALIZAR E/OU INTERAGIR COM A

INFORMAÇÃO DE FORMA DINÂMICA

Exemplos de Sistemas de Visualização

Microsoft Surface

Wolfram Mathematica

Live from the App Store

Trabalhos Citados

[Card, 2008] Card, S. (2008). Information visualization. In A. Sears, J. A. Jacko, A. Sears, & J. A. Jacko (Eds.), The Human-Computer Interaction Handbook: Fundamentals, Evolving

Technologies, and Emerging Applications (2nd ed., p. 542). CRC Press.

[Hewett, et al., 1992-1996] Hewett, Baecker, Card, Carey, Gasen, Mantei, et al. (1992-1996). Human-Computer Interaction. Obtido a Dezembro 29, 2009, de ACM SIGCHI

Curricula for Human-Computer Interaction: http://old.sigchi.org/cdg/cdg2.html

+ http://bhturismo.files.wordpress.com/2008/12/sinalizacao-turistica-belo-horizonte-turismo-placa.jpg

+ http://www.flickr.com/photos/dscene/820346821/ © Markus Krisetya

+ http://commons.wikimedia.org/wiki/File:Books_by_maciekSz_(1).jpg

Fontes: Imagens

+ http://www.flickr.com/photos/thomashawk/161547780/ © Thomas Hawk+ http://www.flickr.com/photos/thomashawk/161547780/ © ntr23

+ http://www.vdtc.de/images/vdtc-cave-gr.jpg+ http://www.flickr.com/photos/23941865@N02/3938326087/© Ian Smith

+ http://froxen.files.wordpress.com/2009/03/surface2.jpg+ http://www.nsf.gov/news/mmg/media/images/visualization1_h.jpg

+ http://upload.wikimedia.org/wikipedia/commons/1/19/System_3_punch_card.jpg+ http://www.operationgadget.com/images/apple_imac_g5.jpeg

+ http://media.svennerberg.com/2009/06/layar-app.jpg