new aula 1 paulo luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e...

35
Infodesign Aula 1 Paulo Luna

Upload: others

Post on 12-Oct-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

Infodesign Aula 1

Paulo Luna

Page 2: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem
Page 3: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem
Page 4: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

Reune e analiza a informação

Estuda a melhor estrutura que se

pode adotar

Dá uma forma gráfica

É um ranking ?

É uma comparação ?

É uma progressão ?

São quantidades

relacionadas a localizações

geográficas ?

É uma rede de relações ?

É uma outra

coisa ?

Page 5: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

A BELEZA DA VISUALIZAÇÃO DE DADOS

http://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization.html

Page 6: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

O que lhes chamou mais atenção nesta palestra ?

Page 7: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

Problema = Excesso de informação ou abundância de dados Solução = Usarmos mais os nossos olhos Projetar a informação para que faça mais sentido, ou conte uma estória, ou nos permita focar apenas na informação que for importante, ou seja, visualizar informações de forma a ver os padrões e conexões que importam .

Page 8: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

Problema = Frustração com relatos de dados na imprensa, que não fazem sentido sem o contexto Solução = Criar formas visuais de apresentação que apresente os dados de forma relativa, e explicite as conexões e padrões que importam (por exemplo: a motivação)

Page 9: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

"Dados são o novo petróleo"

• Dados são o tipo de recurso onipresente que podemos formatar pra prover inovações e novas perspectivas, estão disponíveis ao nosso redor, e podem ser extraídos facilmente.

“Existe algo quase mágico sobre a informação visual. É sem esforço; literalmente jorra.”

Page 10: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

Se você olhar diretamente, é só um monte de números e fatos disconexos, mas se você começar a trabalhar com eles e manipulá-los de um certo modo coisas interessantes poderão aparecer, e padrões diferentes poderão ser revelados.

Page 11: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

Tornando fácil a análise

- se você está navegando por uma densa selva de informação, passar por um lindo gráfico ou uma ótima visualização de informação, é um alívio...

- é como atravessar uma clareira na selva.

Page 12: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

O olho é extremamente sensível a padrões em variações de cor, formato e padrão.

Ele os ama, e os chama de belos. É a linguagem do olho.

E se você combinar a linguagem do olho com a linguagem da mente, que é sobre palavras, números e conceitos, você começa a falar duas línguas simultaneamente, uma melhorando a outra.

Page 13: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

Podemos usar esse novo tipo de linguagem para alterar nossas perspectivas ou mudar nosso ponto de vista.

Quem tem o maior orçamento militar? EUA 607 bilhões em 2008. Quem tem o maior orçamento comparado ao PIB? Os americanos caem pra oitavo. O Primeiro é a Birmânia (Myanmar).

Page 14: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

Precisamos de valores relativos que estejam conectados com outros dados, para termos uma visão mais completa, e isso pode nos levar a mudar nossa perspectiva.

Page 15: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

• Nós temos vários problemas relacionados a informação na nossa sociedade atualmente, desde o excesso e saturação até a queda da confiança e ceticismo fugidio e falta de transparência ou até mesmo falta de interesse.

• Visualizar informação pode ser uma solução rápida para esses tipos de problema.

• Design de informação = Resolver problemas relacionados a informação.

Page 16: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

CHRIS JORDAN RETRATA ALGUMAS ESTATÍSTICAS IMPRESSIONANTES

http://www.ted.com/talks/chris_jordan_pictures_some_shocking_stats.html

Page 17: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

CHRIS JORDAN • Estatísticas enormes não fazem sentido para nós. • Traduzir essas estatísticas puramente numéricas para

um linguagem visual mais universal, que pode ser sentida.

• Se podemos sentir os problemas mais profundamente, então iremos nos importar mais com eles do que agora.

• Então estaremos prontos para encontrar dentro de nós aquilo que precisamos para encarar a questão de frente, que é: Como podemos mudar?

• Como mudamos nossa cultura, e como nós, individualmente, assumimos a responsabilidade pela parte da solução que nos cabe, e que faz parte do nosso próprio comportamento?

Page 18: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

AGORA, UM

POUCO DE

TEORIA

Page 19: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

Arquitetura da Informação

X

Design da Informação

Page 20: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

Design de informação

• Projeto da informação visual

• Melhorar a forma como o usuário adquire informação em sistemas de comunicação analógicos e digitais

• Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem os sistemas de informação através da contextualização, planejamento, produção e interface gráfica da informação junto ao seu público alvo.

Page 21: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

Arquitetura de informação

Page 22: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem
Page 23: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem
Page 24: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem
Page 25: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem
Page 26: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

Arquitetura de Informação compreende a integração de três aspectos (Rosenfeld e Morville - 2006) :

Contexto: qualquer sistema de informações esta inserido em um contexto organizacional e o planejamento e a implementação de um projeto de AI deve ser moldado para atender as peculiaridades de cada contexto.

Conteúdo: e compreendido de maneira ampla e inclui documentos, aplicações e serviços, assim como as estruturas de representação de conteúdos, tais como metadados e facetas de informação.

Usuários: e necessário conhecê-los e compreender suas necessidades de informação e de comportamentos. O foco da Arquitetura da Informação deve ser o desenho de sistemas que correspondam a essas necessidades.

Page 27: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

O arquiteto da informação deve apresentar as seguintes atribuições: • Esclarecer a visão e a missão do serviço de

informação, equilibrando as necessidades da organização e as dos usuários.

• Determinar que conteúdos e funcionalidades (produtos e serviços) o sistema deve oferecer.

• Especificar de que forma os usuários devem encontrar as informações, definindo sua representação, sua classificação, sua organização e sua forma de recuperação.

• Definir de que forma o sistema devera acomodar mudanças e crescimento ao longo do tempo.

Page 28: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

Rosenfeld e Morville (2006) dividem a AI de um website em quatro sistemas interdependentes com regras próprias, da seguinte forma:

Sistema de Organização: refere-se ao agrupamento e a categorização do conteúdo de informação.

Sistema de Navegação: determina as maneiras de se navegar e de se mover pelo espaço.

Sistema de Rotulação: explicita as formas de representação e de apresentação da informação pela definição de signos para cada elemento informativo.

Sistema de Busca: especifica as perguntas que o usuário pode fazer e o conjunto de respostas que obterá.

Page 29: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

Elementos da Arquitetura da Informação

SISTEMAS DE ORGANIZAÇÃO SISTEMAS DE ROTULAGEM

SISTEMAS DE NAVEGAÇÃO

ELEMENTOS ADICIONAIS

SISTEMAS DE BUSCA

Page 30: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

Sistema de Organização

Remete diretamente as ideias de estruturas de representação de conteúdo e de desenho de sistemas que correspondam as necessidade de usuários. Ou seja, tem correlação direta com a integração de conteúdo e de usuários, sem prejuízo da correlação com o contexto.

Page 31: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

Sistema de Navegação

Page 32: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem
Page 33: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

http://infogr.am/online-charts

Page 34: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

Tarefa

• Escolha um conjunto de dados e crie um gráfico por meio do site:

http://infogr.am/online-charts

Page 35: New Aula 1 Paulo Luna · 2015. 8. 10. · informação em sistemas de comunicação analógicos e digitais •Equacionar os aspectos sintáticos, semânticos e pragmáticos que envolvem

REFERÊNCIAS

• http://infogr.am/online-charts

• http://www.yellowfin.com.br/menugaleria

• http://www.slideshare.net/aiadufmg/arquitetura-da-informao-interdisciplinaridade

• http://portal2.tcu.gov.br/portal/pls/portal/docs/2136121.PDF

• http://www.slideshare.net/aiadufmg/arquitetura-da-informao-conceitos-e-objetivos