Este documento discute visualização de informação e interação homem-máquina. Apresenta definições e exemplos destes conceitos, desde os primórdios com cartões perfurados até interfaces modernas como realidade aumentada. Também discute a evolução das interfaces, de linhas de comando para gráficas e naturais.

1. Visualização de Informação+Interacção Homem-MáquinaRealizado por:Celso Alexandre /João Simão /Tiago Valente

2. Perspectiva GeralComunicação Visual & VISUALIZAÇÃO DE INFORMAÇÃO O que é?

3. Para que serve?

4. Como se relaciona com a informação?INTERACÇÃO HOMEM-MÁQUINA Em que consiste?

5. Qual a utilidade?

6. ExemplosIMPACTO E EVOLUÇÃO DA VISUALIZAÇÃO DE DADOS DIGITAIS Os primórdios

7. As CLI

8. As GUI

9. Ambientes Imersivos e NUI

10. O futuroEXEMPLOS

11. 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]

12. Visualização de Informação“Representação visual de quantidades significativas de dados abstractos,de forma estruturada”

13. Comunicação Visualinformação visual“Transmissão de informação através de um meio visual: cores, formas, organização espacial ”

14. 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

15. ÊNFASE NOS DADOSORGANIZAÇÃO E COMPREENSÃOCOMUNICAÇÃOVISUALVISUALIZAÇÃO DE DADOSÊNFASE NA INFORMAÇÃO VISUALVALORIZAÇÃO ESTÉTICA

16. Utilidade da Comunicação VisualSIMPLIFICARREPRESENTARCONDENSARREALÇARMENOS DEPENDENTE DO IDOMAMAIS UNIVERSAL

17. Utilidade da Visualização de DadosUm Exemplo:Teoria dos Seis Graus de Separaçãoqualquer indivíduo encontra-se separado de outro por, no máximo, seis graus de relacionamentoNÃO SE ENCONTRA COMPROVADA!

18. Interacção Homem-Máquina“Human-computerinteractionis a discipline concernedwiththedesign,evaluationandimplementationofinteractivecomputingsystems for human use (...)”[Hewett, et al., 1992-1996]

19. Interacção Homem-Máquina“estudo da interacção entre utilizadores e computadores ”ocorreatravés de interfaces de utilizadorobjectivo: melhorar a user experience (UX)

20. Características e TiposAlgumas Características/ComponentesComunicação, Feedback,AdaptabilidadeAlguns Tiposlinear, sobre objectos, de hiperligação

21. Exemplo: CAVECave Automatic Virtual Environmentambiente de realidadeimersiva

22. Primórdios da Informação DigitalCartões Perfuradosinput e output: armazenamento, visualizaçãoeinteracçãoinformação digital representadapelapresençaouausência de buracosemposiçõespredefinidaspouco dispendiosos mas perecíveis, pouco intuitivos, pouco flexíveis

23. Primórdios da Informação DigitalSUBSTITUIDOSFitamagnética: armazenamentoTerminais: visualizaçãoeinteracção

24. titlecommandline interface (cli)q>programhalted.Surgiu com os Terminaistecladoparaintrodução de dadosprimeiravezque um ecrã (CRT) éusadoparavisualizar dados digitaispermiteinteragirem tempo real com ocomputador, através de um modográficolimitadoebaseadosomenteemtexto

25. GraphicalUser Interface (GUI)File BrowserEC filesstuff16 bits FTWhomeworkawesomelettersMIDI filesNES gamesApareceupelaprimeiravez no Xerox Altopermite 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

26. GraphicalUser Interface (GUI)Paradigma de interacçãohomem-máquinaWIMPwindow, icon, menu, pointing devicePressupõeouso de um “aparelhoapontador”, comoorato

27. Natural User Interface (NUI)Praticamente Invisível ao UtilizadorInteracçãoevisualizaçãotãonaturaisque a manipulaçãoésemelhanteà de objectosreais

28. NUI baseadasemTouchscreenseMultitouchExemplo: 10/GUIhttp://10gui.com/