ec presentation
DESCRIPTION
Presentation about Human-Machine InteractionTRANSCRIPT
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