SlideShare une entreprise Scribd logo
1  sur  49
Télécharger pour lire hors ligne
Design da Informação
Aula 02 – História
e Princípios do
Design da Informação
Prof. Dalton Martins
dmartins@gmail.com
Gestão da Informação
Faculdade de Informação e Comunicação
Universidade Federal de Goiás
Tendências contemporâneas
● O papel da tecnologia na globalização:
– Com o desenvolvimento explosivo de tecnologias de
comunicação, padrões visuais tornam-se cada vez
mais importantes num cenário onde compartilhar ideias e
conceitos com um maior número de pessoas torna-se
estratégico;
– Impactos para o design:
● Mundo menor, um público maior;
● Padrões visuais tornam-se estratégicos no desenvolvimento de
novos conhecimentos, expansão das economias e compreensão
de nossos padrões de cultura.
Tendências contemporâneas
Tendências contemporâneas
Tendências contemporâneas
● Maior tempo gasto no trabalho:
– Conforme a tecnologia se desenvolve, em geral, temos
mais gasto mais horas trabalhando;
– O uso de e-mails e dispositivos móveis têm invadido o
que era antes tempo livre.
– Implicações para o design:
● A redução de tempo de atenção das pessoas e aumento da
pressão por resultados têm influenciado formas de facilitar o
entendimento das pessoas de padrões complexos de
informação.
Tendências contemporâneas
● Mais mídias, mais mensagens:
– O paradigma geral nas últimas décadas tem nos
transformado de consumidores de mensagens para
produtores;
– Há vários sentidos interessantes de pensar nessa
mudança:
● Mais trabalho realizado!
● Mais espaço de expressão!
– Implicações para o design:
● Mais coisas para aprender, mais coisas a oferecer.
Tendências contemporâneas
Valor do Design
● Designers de informação, em mundo configurado a
partir dessas tendências que vimos acima, tem o
papel de:
– Transformas dados, estatísticas, métricas em
histórias!
– Facilitar a construção de significado para as
pessoas com quem lida;
– Conforme a complexidade aumenta, produzir meios e
estratégias informacionais de facilitar seu entendimento!
O que é Design da Informação
● Trabalha com a organização e apresentação de dados
→ é o que transforma a informação em algo
compreensível e de valor para as pessoas;
● É a arte e a ciência de preparar a informação de
forma a poder ser utilizada por seres humanos de
maneira eficaz.
Artefatos
● Os artefatos mais utilizados por designers de
informação servem a múltiplas funções:
– Alguns são puros produtos de visualização de dados,
apoiando a compreender ou sintetizar conteúdos e
grandes quantidades de informação → mapas, relatórios,
gráficos, etc...
– Outros simplificam conceitos complexos, produzindo
contexto e facilitando visualizar novas conexões.
● A função desses artefatos é determinada por 2
fatores principais:
– A densidade de informação
– O contexto social das pessoas.
Principais Artefatos
● Calendários, linhas do tempo;
● Gráficos;
● Diagramas e esquemas;
● Exibições e ambientes;
● Sinalização externa;
● Ícones e símbolos;
● Interfaces, físicas e digitais;
● Mapas;
● Modelos 3-D e simulações computacionais;
● Storyboards e narrativas;
● Ilustrações técnicas;
● Tutoriais e instruções;
● Websites, animações e mídias interativas.
Principais Artefatos
História do Design de Informação
● Principais momentos:
– Pinturas nas cavernas e petroglifos → 30.000 A.C.
– Escrita Pictográfica → 3.000 A.C.
– Cartografia → 1.300 A.C.
– Gráficos → 1786
– ISOTYPE → 1940
– Guias para informação estruturada → 1950
– Exposições interativas → 1961
– Workshop de Linguagem Visual/MIT → 1974
– Primeiro Website → 1989
Pinturas nas cavernas e petroglifos
● Primeiras tentativas humanas de representar
informação visual;
● Transformaram o modo do ser humano compartilhar
ideias, crenças e experiências;
● As primeiras inscrições encontradas datam de
aproximadamente 30.000 A.C., sendo as mais
famosas a caverna de Altamira na Espanha e
Lascaux na França.
Pinturas nas cavernas e petroglifos
Pinturas nas cavernas e petroglifos
Escrita pictográfica
● Criada pelos Sumérios na região da Mesopotâmia em torno de 30.000
A.C.;
● Foi desenvolvida como uma forma de contabilidade, impressa em
pedaços de argila → eram utilizados para comércio;
● Mais tarde vieram a ser utilizados para registros de agricultura e troca de
mercadorias;
● São lidas de cima pra baixo com os símbolos orientados na linha do
horizonte;
● Conforme a escrita se desenvolveu, passou a representar sons fonéticos;
● Foram uma forma mais precisa de compartilhar e distribuir ideias →
permitiram registro histórico e troca de informação além das fronteiras
geográficas de uma região, comunicavam conhecimento para gerações
futuras e permitiu se criar a partir de registros do passado.
Escrita pictográfica
Cartografia
● É uma arte e ciência e remonta a uma das primeiras
formas de design de informação;
● Um dos primeiros mapas a que se tem registro na
história é o Mapa da Cidade de Nippur, na Suméria,
em torno de 1.300 A.C.:
– Já mostrava o formato da cidade, indicando caminhos de
água, localização de estruturas feitas pelos seres
humanos com notações em escrita cuneiforme.
– É o primeiro exemplo que combina orientação,
notação e escala!!!
Cartografia
Cartografia
Esforço de Ptolomeu
no ano 2 D.C. de
representar
o mundo conhecido.
Cartografia
Um dos primeiros mapas do Brasil.
Cartografia
O primeiro mapa de Goiás.
Gráficos
● William Playfair era um engenheiro escocês e
economista político que acreditava que a
visualização dos dados facilitaria compreender o
texto escrito;
● Em 1786 e 1801 ele escreve dois livros e comércio
nos quais utiliza pela primeira vez representações
gráficas de dados numéricos;
● Ele queria que sua audiência conseguisse visualizar
a conexão entre os fatores econômicos!
● Ele criou os gráficos de linha, barra e pizza, os quais
coloria a mão.
Gráficos
ISOTYPE
Gráficos
Gráficos
Gráficos
Gráficos
ISOTYPE
● International System of Typographic Picture
Education foi uma tentativa de padronizar a
linguagem visual;
● Foi criada por um austríaco sociólogo e economista
político chamado Otto Neurath em 1940;
● Seu objetivo era educar seu público apresentando
complexos dados socioeconômicos utilizando
símbolos fáceis de serem compreendidos.
ISOTYPE
ISOTYPE
ISOTYPE
ISOTYPE
ISOTYPE
Guias para informação estruturada
● Ladislav Sutnar, um modernista checo, professor da
Escola Estadual de Artes Gráficas de Praga, criou
em torno de 1950 padrões e guias para estruturação
de informação gráfica;
● Trabalha com tipos de fontes, uso de cores, ícones,
parênteses, chaves e espaços para dar forma e
estrutura para a informação.
Guias para informação estruturada
Guias para informação estruturada
Guias para informação estruturada
Guias para informação estruturada
Exposições interativas
● A primeira exposição interativa criada no mundo foi
a Mathematica: a world of numbers and beyond em
1961;
● Tinha por objetivo popularizar o ensino da
matemática através de experiências interativas e
sensoriais de fácil compreensão.
Exposições interativas
Exposições interativas
Exposições interativas
Workshop de linguagem visual
● Muriel Cooper foi Diretora de Arte da MIT Press em
1967 e fazia aulas de programação com Nicolas
Negroponte, com quem veio a fundar o Media Lab
no MIT;
● Ela achava que a interação não-visual entre homem
e computador prejudicava as possibilidades de
criação que poderiam surgir;
● Para isso, criou uma série de Workshops sobre
Linguagem Visual no MIT → tinha por objetivo
investigar a relação entre design gráfico e tecnologia
em encontros entre programadores, designers e
cientistas da computação se encontravam!
Workshop de linguagem visual
O primeiro WebSite
● O conceito de WWW (World Wide Web) como
conhecemos foi criado por Tim Berners-Lee em
1989 no laboratório de física CERN;
● O primeiro endereço foi:
– http://info.cern.ch/hypertext/WWW/TheProject.html
● Impactou de forma central praticamente tudo o que
fazemos no mundo social hoje em dia: negócios,
consumo, cultura, relacionamentos, amizade, etc....
O primeiro WebSite

Contenu connexe

Tendances

Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
Deisi Motter
 
Definições contemporâneas de design
Definições contemporâneas de designDefinições contemporâneas de design
Definições contemporâneas de design
angelicaferraz
 

Tendances (20)

Usabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoUsabilidade aula-01 Introdução
Usabilidade aula-01 Introdução
 
Design Gráfico - Introdução
Design Gráfico - IntroduçãoDesign Gráfico - Introdução
Design Gráfico - Introdução
 
Identidade Visual
Identidade VisualIdentidade Visual
Identidade Visual
 
Historia do Design
Historia do DesignHistoria do Design
Historia do Design
 
Gestalt
GestaltGestalt
Gestalt
 
Aula 03 linguagem visual
Aula 03   linguagem visualAula 03   linguagem visual
Aula 03 linguagem visual
 
Projeto 21. Aula 01: 1. Design, A Palavra; 2. O Conceito; 3. A Historia; 4. D...
Projeto 21. Aula 01: 1. Design, A Palavra; 2. O Conceito; 3. A Historia; 4. D...Projeto 21. Aula 01: 1. Design, A Palavra; 2. O Conceito; 3. A Historia; 4. D...
Projeto 21. Aula 01: 1. Design, A Palavra; 2. O Conceito; 3. A Historia; 4. D...
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
 
Transmídia storytelling
Transmídia storytellingTransmídia storytelling
Transmídia storytelling
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
 
Linguagem Visual - Fundamentos Compositivos
Linguagem Visual - Fundamentos CompositivosLinguagem Visual - Fundamentos Compositivos
Linguagem Visual - Fundamentos Compositivos
 
Semiótica Aplicada ao Design (Aula 01)
Semiótica Aplicada ao Design (Aula 01)Semiótica Aplicada ao Design (Aula 01)
Semiótica Aplicada ao Design (Aula 01)
 
METODOLOGIA DE DESIGN
METODOLOGIA DE DESIGNMETODOLOGIA DE DESIGN
METODOLOGIA DE DESIGN
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02
 
Leis da Gestalt
Leis da GestaltLeis da Gestalt
Leis da Gestalt
 
Design Emocional
Design EmocionalDesign Emocional
Design Emocional
 
Design - O que é?
Design - O que é?Design - O que é?
Design - O que é?
 
1. Aula Teoria das Cores
1. Aula Teoria das Cores1. Aula Teoria das Cores
1. Aula Teoria das Cores
 
Definições contemporâneas de design
Definições contemporâneas de designDefinições contemporâneas de design
Definições contemporâneas de design
 
Aula 3 - Direção de Arte
Aula 3  - Direção de ArteAula 3  - Direção de Arte
Aula 3 - Direção de Arte
 

En vedette

Planodeaula
PlanodeaulaPlanodeaula
Planodeaula
elzirene
 
Usabilidade aula-03. Processos: Arquitetura de informação
Usabilidade aula-03. Processos: Arquitetura de informaçãoUsabilidade aula-03. Processos: Arquitetura de informação
Usabilidade aula-03. Processos: Arquitetura de informação
Alan Vasconcelos
 
Imagens sobre a teoria da informação
Imagens sobre a teoria da informaçãoImagens sobre a teoria da informação
Imagens sobre a teoria da informação
43714
 
Ciências do Artificial, Design Science Research
Ciências do Artificial, Design Science ResearchCiências do Artificial, Design Science Research
Ciências do Artificial, Design Science Research
Mariano Pimentel
 
Teoria Da Informação 2010
Teoria Da Informação 2010Teoria Da Informação 2010
Teoria Da Informação 2010
UNIP
 

En vedette (20)

Design da Informação - Aula 04 - Imagens que informam - design, legendas e di...
Design da Informação - Aula 04 - Imagens que informam - design, legendas e di...Design da Informação - Aula 04 - Imagens que informam - design, legendas e di...
Design da Informação - Aula 04 - Imagens que informam - design, legendas e di...
 
Design de informação e de interação
Design de informação e de interaçãoDesign de informação e de interação
Design de informação e de interação
 
Aula 03 - Identificando e tratando padrões
Aula 03 - Identificando e tratando padrõesAula 03 - Identificando e tratando padrões
Aula 03 - Identificando e tratando padrões
 
Teoria do Processamento da Informação no Design
Teoria do Processamento da Informação no DesignTeoria do Processamento da Informação no Design
Teoria do Processamento da Informação no Design
 
Planodeaula
PlanodeaulaPlanodeaula
Planodeaula
 
Usabilidade aula-03. Processos: Arquitetura de informação
Usabilidade aula-03. Processos: Arquitetura de informaçãoUsabilidade aula-03. Processos: Arquitetura de informação
Usabilidade aula-03. Processos: Arquitetura de informação
 
Trabalho de Graduação Interdisciplinas: Teoria da Informação: códigos compres...
Trabalho de Graduação Interdisciplinas: Teoria da Informação: códigos compres...Trabalho de Graduação Interdisciplinas: Teoria da Informação: códigos compres...
Trabalho de Graduação Interdisciplinas: Teoria da Informação: códigos compres...
 
Imagens sobre a teoria da informação
Imagens sobre a teoria da informaçãoImagens sobre a teoria da informação
Imagens sobre a teoria da informação
 
Sessao 2 Introdução à T.I e Entropias
Sessao 2 Introdução à T.I e EntropiasSessao 2 Introdução à T.I e Entropias
Sessao 2 Introdução à T.I e Entropias
 
Digitalização da cultura brasileira - as motivações do projeto Tainacan
Digitalização da cultura brasileira - as motivações do projeto TainacanDigitalização da cultura brasileira - as motivações do projeto Tainacan
Digitalização da cultura brasileira - as motivações do projeto Tainacan
 
Class 3 What Is Design
Class 3 What Is DesignClass 3 What Is Design
Class 3 What Is Design
 
Ciências do Artificial, Design Science Research
Ciências do Artificial, Design Science ResearchCiências do Artificial, Design Science Research
Ciências do Artificial, Design Science Research
 
Teoria Da Informação 2010
Teoria Da Informação 2010Teoria Da Informação 2010
Teoria Da Informação 2010
 
Dados Informacao Conhecimento E Saber
Dados Informacao Conhecimento E SaberDados Informacao Conhecimento E Saber
Dados Informacao Conhecimento E Saber
 
Aula 3 - Fatores Humanos
Aula 3 - Fatores HumanosAula 3 - Fatores Humanos
Aula 3 - Fatores Humanos
 
ITI Slides
ITI SlidesITI Slides
ITI Slides
 
Grounded theory
Grounded theoryGrounded theory
Grounded theory
 
Vigotski
VigotskiVigotski
Vigotski
 
Introdução ao estudo dos sistemas simbólicos
Introdução ao estudo dos sistemas simbólicosIntrodução ao estudo dos sistemas simbólicos
Introdução ao estudo dos sistemas simbólicos
 
Fazes da escrita
Fazes da escritaFazes da escrita
Fazes da escrita
 

Similaire à Aula 02 - Design da Informação - História e princípios do design de informação

Não há cidadania sem informação, nem informação sem design
Não há cidadania sem informação, nem informação sem designNão há cidadania sem informação, nem informação sem design
Não há cidadania sem informação, nem informação sem design
+ Aloisio Magalhães
 
Um seculo em cartaz
Um seculo em cartazUm seculo em cartaz
Um seculo em cartaz
Venise Melo
 
Instituto Faber-Ludens - Quem somos e pra onde vamos
Instituto Faber-Ludens - Quem somos e pra onde vamosInstituto Faber-Ludens - Quem somos e pra onde vamos
Instituto Faber-Ludens - Quem somos e pra onde vamos
UTFPR
 
Profº Uilson - 1ª Aula - Planejamento Comunicação Integrada
Profº Uilson - 1ª Aula - Planejamento Comunicação IntegradaProfº Uilson - 1ª Aula - Planejamento Comunicação Integrada
Profº Uilson - 1ª Aula - Planejamento Comunicação Integrada
Rubens Fructuoso
 
marcos_silverio_representar_anais
marcos_silverio_representar_anaismarcos_silverio_representar_anais
marcos_silverio_representar_anais
Marcos Silverio
 
Modelo de plano do projeto comunitário
Modelo de plano do projeto comunitárioModelo de plano do projeto comunitário
Modelo de plano do projeto comunitário
Eulália Mata
 

Similaire à Aula 02 - Design da Informação - História e princípios do design de informação (20)

Não há cidadania sem informação, nem informação sem design
Não há cidadania sem informação, nem informação sem designNão há cidadania sem informação, nem informação sem design
Não há cidadania sem informação, nem informação sem design
 
09
0909
09
 
Um seculo em cartaz
Um seculo em cartazUm seculo em cartaz
Um seculo em cartaz
 
Instituto Faber-Ludens - Quem somos e pra onde vamos
Instituto Faber-Ludens - Quem somos e pra onde vamosInstituto Faber-Ludens - Quem somos e pra onde vamos
Instituto Faber-Ludens - Quem somos e pra onde vamos
 
Profº Uilson - 1ª Aula - Planejamento Comunicação Integrada
Profº Uilson - 1ª Aula - Planejamento Comunicação IntegradaProfº Uilson - 1ª Aula - Planejamento Comunicação Integrada
Profº Uilson - 1ª Aula - Planejamento Comunicação Integrada
 
Visualização e análise espacial nas humanidades: o que ganhamos, o que perdemos?
Visualização e análise espacial nas humanidades: o que ganhamos, o que perdemos?Visualização e análise espacial nas humanidades: o que ganhamos, o que perdemos?
Visualização e análise espacial nas humanidades: o que ganhamos, o que perdemos?
 
marcos_silverio_representar_anais
marcos_silverio_representar_anaismarcos_silverio_representar_anais
marcos_silverio_representar_anais
 
Aula01 desenho linguagem
Aula01 desenho linguagemAula01 desenho linguagem
Aula01 desenho linguagem
 
Curso pratico de web designer
Curso pratico de web designerCurso pratico de web designer
Curso pratico de web designer
 
InLocus
InLocusInLocus
InLocus
 
Francis eduardo
Francis eduardoFrancis eduardo
Francis eduardo
 
2º DesignNAmente - Design Thinking: Ontem e Hoje
2º DesignNAmente - Design Thinking: Ontem e Hoje2º DesignNAmente - Design Thinking: Ontem e Hoje
2º DesignNAmente - Design Thinking: Ontem e Hoje
 
01 design conceito _projeto 21_v2015.2
01  design conceito _projeto 21_v2015.201  design conceito _projeto 21_v2015.2
01 design conceito _projeto 21_v2015.2
 
Modelo de plano do projeto comunitário
Modelo de plano do projeto comunitárioModelo de plano do projeto comunitário
Modelo de plano do projeto comunitário
 
Mobilidade 3
Mobilidade 3Mobilidade 3
Mobilidade 3
 
Painel Mapas Culturais: Uma Experiência de Análise de Dados
Painel Mapas Culturais: Uma Experiência de Análise de DadosPainel Mapas Culturais: Uma Experiência de Análise de Dados
Painel Mapas Culturais: Uma Experiência de Análise de Dados
 
Projeto construindo e interpretando legendas de apas temáticos thais beatriz
Projeto construindo e interpretando legendas de apas temáticos thais beatrizProjeto construindo e interpretando legendas de apas temáticos thais beatriz
Projeto construindo e interpretando legendas de apas temáticos thais beatriz
 
Posters um seculo de arte
Posters um seculo de artePosters um seculo de arte
Posters um seculo de arte
 
Apresentação do Workshop Colaborativo com Professores - Felipe Sobral
Apresentação do Workshop Colaborativo com Professores - Felipe SobralApresentação do Workshop Colaborativo com Professores - Felipe Sobral
Apresentação do Workshop Colaborativo com Professores - Felipe Sobral
 
Plano anual de Arte para o 3º ano do Ensino Médio
Plano anual de Arte para o 3º ano do Ensino MédioPlano anual de Arte para o 3º ano do Ensino Médio
Plano anual de Arte para o 3º ano do Ensino Médio
 

Plus de Dalton Martins

Plus de Dalton Martins (20)

Computação cognitiva e políticas culturais
Computação cognitiva e políticas culturaisComputação cognitiva e políticas culturais
Computação cognitiva e políticas culturais
 
Humanidades digitais e ciência de dados: novos métodos, perspectivas e desaf...
Humanidades digitais e ciência de dados: novos métodos, perspectivas e desaf...Humanidades digitais e ciência de dados: novos métodos, perspectivas e desaf...
Humanidades digitais e ciência de dados: novos métodos, perspectivas e desaf...
 
Cultura digital, museus e acervos em rede
Cultura digital, museus e acervos em redeCultura digital, museus e acervos em rede
Cultura digital, museus e acervos em rede
 
Processos colaborativos de produção de ontologias - I Fórum Nacional de Sist...
Processos colaborativos de produção de ontologias  - I Fórum Nacional de Sist...Processos colaborativos de produção de ontologias  - I Fórum Nacional de Sist...
Processos colaborativos de produção de ontologias - I Fórum Nacional de Sist...
 
Do documento às ontologias: uma visão sobre sistemas de organização do conhec...
Do documento às ontologias: uma visão sobre sistemas de organização do conhec...Do documento às ontologias: uma visão sobre sistemas de organização do conhec...
Do documento às ontologias: uma visão sobre sistemas de organização do conhec...
 
Análise de Redes Sociais para educação à distância na plataforma ELGG para o ...
Análise de Redes Sociais para educação à distância na plataforma ELGG para o ...Análise de Redes Sociais para educação à distância na plataforma ELGG para o ...
Análise de Redes Sociais para educação à distância na plataforma ELGG para o ...
 
Criança, mídia e consumo na formação de professores
Criança, mídia e consumo na formação de professoresCriança, mídia e consumo na formação de professores
Criança, mídia e consumo na formação de professores
 
Jornalismo de Dados - Fontes de Informação para produção de Mapas Informacion...
Jornalismo de Dados - Fontes de Informação para produção de Mapas Informacion...Jornalismo de Dados - Fontes de Informação para produção de Mapas Informacion...
Jornalismo de Dados - Fontes de Informação para produção de Mapas Informacion...
 
In search of a model of human dynamics analysis applied to social sciences
In search of a model of human dynamics analysis applied to social sciencesIn search of a model of human dynamics analysis applied to social sciences
In search of a model of human dynamics analysis applied to social sciences
 
Novos caminhos da inclusão digital: experiências do projeto +Telecentros
Novos caminhos da inclusão digital: experiências do projeto +TelecentrosNovos caminhos da inclusão digital: experiências do projeto +Telecentros
Novos caminhos da inclusão digital: experiências do projeto +Telecentros
 
Aula 01 introdução e conceitos básicos sobre gestão
Aula 01   introdução e conceitos básicos sobre gestãoAula 01   introdução e conceitos básicos sobre gestão
Aula 01 introdução e conceitos básicos sobre gestão
 
Apresentação Semana de Humanização da Saúde: uma visão quantitativa
Apresentação Semana de Humanização da Saúde: uma visão quantitativaApresentação Semana de Humanização da Saúde: uma visão quantitativa
Apresentação Semana de Humanização da Saúde: uma visão quantitativa
 
Aula 04 - Tópicos em Gestão da Informação Medidas de posição relativa
Aula 04 - Tópicos em Gestão da Informação Medidas de posição relativaAula 04 - Tópicos em Gestão da Informação Medidas de posição relativa
Aula 04 - Tópicos em Gestão da Informação Medidas de posição relativa
 
Aula 02 - Estatística da vida cotidiana
Aula 02 - Estatística da vida cotidianaAula 02 - Estatística da vida cotidiana
Aula 02 - Estatística da vida cotidiana
 
Tópicos em Gestão da Informação II - Aula 01 - Desafios atuais da Gestão da I...
Tópicos em Gestão da Informação II - Aula 01 - Desafios atuais da Gestão da I...Tópicos em Gestão da Informação II - Aula 01 - Desafios atuais da Gestão da I...
Tópicos em Gestão da Informação II - Aula 01 - Desafios atuais da Gestão da I...
 
Gestao da Informacao e Midias Sociais
Gestao da Informacao e Midias SociaisGestao da Informacao e Midias Sociais
Gestao da Informacao e Midias Sociais
 
Estudos comparativos entre redes
Estudos comparativos entre redesEstudos comparativos entre redes
Estudos comparativos entre redes
 
Matemática das redes - parte II
Matemática das redes - parte IIMatemática das redes - parte II
Matemática das redes - parte II
 
Matemática das Redes - Parte I
Matemática das Redes - Parte IMatemática das Redes - Parte I
Matemática das Redes - Parte I
 
Introdução à Análise de redes: aspectos conceituais fundamentais para o analista
Introdução à Análise de redes: aspectos conceituais fundamentais para o analistaIntrodução à Análise de redes: aspectos conceituais fundamentais para o analista
Introdução à Análise de redes: aspectos conceituais fundamentais para o analista
 

Dernier

O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
azulassessoria9
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
PatriciaCaetano18
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
marlene54545
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
sh5kpmr7w7
 

Dernier (20)

O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
 
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
 
Aula prática JOGO-Regencia-Verbal-e-Nominal.pdf
Aula prática JOGO-Regencia-Verbal-e-Nominal.pdfAula prática JOGO-Regencia-Verbal-e-Nominal.pdf
Aula prática JOGO-Regencia-Verbal-e-Nominal.pdf
 
O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.
 
Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...
Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...
Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
 
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM POLÍGON...
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM  POLÍGON...Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM  POLÍGON...
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM POLÍGON...
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
 
P P P 2024 - *CIEJA Santana / Tucuruvi*
P P P 2024  - *CIEJA Santana / Tucuruvi*P P P 2024  - *CIEJA Santana / Tucuruvi*
P P P 2024 - *CIEJA Santana / Tucuruvi*
 
Apresentação | Dia da Europa 2024 - Celebremos a União Europeia!
Apresentação | Dia da Europa 2024 - Celebremos a União Europeia!Apresentação | Dia da Europa 2024 - Celebremos a União Europeia!
Apresentação | Dia da Europa 2024 - Celebremos a União Europeia!
 
Renascimento Cultural na Idade Moderna PDF
Renascimento Cultural na Idade Moderna PDFRenascimento Cultural na Idade Moderna PDF
Renascimento Cultural na Idade Moderna PDF
 
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdfCurrículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
 
LENDA DA MANDIOCA - leitura e interpretação
LENDA DA MANDIOCA - leitura e interpretaçãoLENDA DA MANDIOCA - leitura e interpretação
LENDA DA MANDIOCA - leitura e interpretação
 
Aula 1 - Psicologia Cognitiva, aula .ppt
Aula 1 - Psicologia Cognitiva, aula .pptAula 1 - Psicologia Cognitiva, aula .ppt
Aula 1 - Psicologia Cognitiva, aula .ppt
 
Cartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptxCartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptx
 
Conflitos entre: ISRAEL E PALESTINA.pdf
Conflitos entre:  ISRAEL E PALESTINA.pdfConflitos entre:  ISRAEL E PALESTINA.pdf
Conflitos entre: ISRAEL E PALESTINA.pdf
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
 
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...
 
Plano de aula Nova Escola períodos simples e composto parte 1.pptx
Plano de aula Nova Escola períodos simples e composto parte 1.pptxPlano de aula Nova Escola períodos simples e composto parte 1.pptx
Plano de aula Nova Escola períodos simples e composto parte 1.pptx
 

Aula 02 - Design da Informação - História e princípios do design de informação

  • 1. Design da Informação Aula 02 – História e Princípios do Design da Informação Prof. Dalton Martins dmartins@gmail.com Gestão da Informação Faculdade de Informação e Comunicação Universidade Federal de Goiás
  • 2. Tendências contemporâneas ● O papel da tecnologia na globalização: – Com o desenvolvimento explosivo de tecnologias de comunicação, padrões visuais tornam-se cada vez mais importantes num cenário onde compartilhar ideias e conceitos com um maior número de pessoas torna-se estratégico; – Impactos para o design: ● Mundo menor, um público maior; ● Padrões visuais tornam-se estratégicos no desenvolvimento de novos conhecimentos, expansão das economias e compreensão de nossos padrões de cultura.
  • 5. Tendências contemporâneas ● Maior tempo gasto no trabalho: – Conforme a tecnologia se desenvolve, em geral, temos mais gasto mais horas trabalhando; – O uso de e-mails e dispositivos móveis têm invadido o que era antes tempo livre. – Implicações para o design: ● A redução de tempo de atenção das pessoas e aumento da pressão por resultados têm influenciado formas de facilitar o entendimento das pessoas de padrões complexos de informação.
  • 6. Tendências contemporâneas ● Mais mídias, mais mensagens: – O paradigma geral nas últimas décadas tem nos transformado de consumidores de mensagens para produtores; – Há vários sentidos interessantes de pensar nessa mudança: ● Mais trabalho realizado! ● Mais espaço de expressão! – Implicações para o design: ● Mais coisas para aprender, mais coisas a oferecer.
  • 8. Valor do Design ● Designers de informação, em mundo configurado a partir dessas tendências que vimos acima, tem o papel de: – Transformas dados, estatísticas, métricas em histórias! – Facilitar a construção de significado para as pessoas com quem lida; – Conforme a complexidade aumenta, produzir meios e estratégias informacionais de facilitar seu entendimento!
  • 9. O que é Design da Informação ● Trabalha com a organização e apresentação de dados → é o que transforma a informação em algo compreensível e de valor para as pessoas; ● É a arte e a ciência de preparar a informação de forma a poder ser utilizada por seres humanos de maneira eficaz.
  • 10. Artefatos ● Os artefatos mais utilizados por designers de informação servem a múltiplas funções: – Alguns são puros produtos de visualização de dados, apoiando a compreender ou sintetizar conteúdos e grandes quantidades de informação → mapas, relatórios, gráficos, etc... – Outros simplificam conceitos complexos, produzindo contexto e facilitando visualizar novas conexões. ● A função desses artefatos é determinada por 2 fatores principais: – A densidade de informação – O contexto social das pessoas.
  • 11. Principais Artefatos ● Calendários, linhas do tempo; ● Gráficos; ● Diagramas e esquemas; ● Exibições e ambientes; ● Sinalização externa; ● Ícones e símbolos; ● Interfaces, físicas e digitais; ● Mapas; ● Modelos 3-D e simulações computacionais; ● Storyboards e narrativas; ● Ilustrações técnicas; ● Tutoriais e instruções; ● Websites, animações e mídias interativas.
  • 13. História do Design de Informação ● Principais momentos: – Pinturas nas cavernas e petroglifos → 30.000 A.C. – Escrita Pictográfica → 3.000 A.C. – Cartografia → 1.300 A.C. – Gráficos → 1786 – ISOTYPE → 1940 – Guias para informação estruturada → 1950 – Exposições interativas → 1961 – Workshop de Linguagem Visual/MIT → 1974 – Primeiro Website → 1989
  • 14. Pinturas nas cavernas e petroglifos ● Primeiras tentativas humanas de representar informação visual; ● Transformaram o modo do ser humano compartilhar ideias, crenças e experiências; ● As primeiras inscrições encontradas datam de aproximadamente 30.000 A.C., sendo as mais famosas a caverna de Altamira na Espanha e Lascaux na França.
  • 15. Pinturas nas cavernas e petroglifos
  • 16. Pinturas nas cavernas e petroglifos
  • 17. Escrita pictográfica ● Criada pelos Sumérios na região da Mesopotâmia em torno de 30.000 A.C.; ● Foi desenvolvida como uma forma de contabilidade, impressa em pedaços de argila → eram utilizados para comércio; ● Mais tarde vieram a ser utilizados para registros de agricultura e troca de mercadorias; ● São lidas de cima pra baixo com os símbolos orientados na linha do horizonte; ● Conforme a escrita se desenvolveu, passou a representar sons fonéticos; ● Foram uma forma mais precisa de compartilhar e distribuir ideias → permitiram registro histórico e troca de informação além das fronteiras geográficas de uma região, comunicavam conhecimento para gerações futuras e permitiu se criar a partir de registros do passado.
  • 19. Cartografia ● É uma arte e ciência e remonta a uma das primeiras formas de design de informação; ● Um dos primeiros mapas a que se tem registro na história é o Mapa da Cidade de Nippur, na Suméria, em torno de 1.300 A.C.: – Já mostrava o formato da cidade, indicando caminhos de água, localização de estruturas feitas pelos seres humanos com notações em escrita cuneiforme. – É o primeiro exemplo que combina orientação, notação e escala!!!
  • 21. Cartografia Esforço de Ptolomeu no ano 2 D.C. de representar o mundo conhecido.
  • 22. Cartografia Um dos primeiros mapas do Brasil.
  • 24. Gráficos ● William Playfair era um engenheiro escocês e economista político que acreditava que a visualização dos dados facilitaria compreender o texto escrito; ● Em 1786 e 1801 ele escreve dois livros e comércio nos quais utiliza pela primeira vez representações gráficas de dados numéricos; ● Ele queria que sua audiência conseguisse visualizar a conexão entre os fatores econômicos! ● Ele criou os gráficos de linha, barra e pizza, os quais coloria a mão.
  • 31. ISOTYPE ● International System of Typographic Picture Education foi uma tentativa de padronizar a linguagem visual; ● Foi criada por um austríaco sociólogo e economista político chamado Otto Neurath em 1940; ● Seu objetivo era educar seu público apresentando complexos dados socioeconômicos utilizando símbolos fáceis de serem compreendidos.
  • 37. Guias para informação estruturada ● Ladislav Sutnar, um modernista checo, professor da Escola Estadual de Artes Gráficas de Praga, criou em torno de 1950 padrões e guias para estruturação de informação gráfica; ● Trabalha com tipos de fontes, uso de cores, ícones, parênteses, chaves e espaços para dar forma e estrutura para a informação.
  • 38. Guias para informação estruturada
  • 39. Guias para informação estruturada
  • 40. Guias para informação estruturada
  • 41. Guias para informação estruturada
  • 42. Exposições interativas ● A primeira exposição interativa criada no mundo foi a Mathematica: a world of numbers and beyond em 1961; ● Tinha por objetivo popularizar o ensino da matemática através de experiências interativas e sensoriais de fácil compreensão.
  • 46. Workshop de linguagem visual ● Muriel Cooper foi Diretora de Arte da MIT Press em 1967 e fazia aulas de programação com Nicolas Negroponte, com quem veio a fundar o Media Lab no MIT; ● Ela achava que a interação não-visual entre homem e computador prejudicava as possibilidades de criação que poderiam surgir; ● Para isso, criou uma série de Workshops sobre Linguagem Visual no MIT → tinha por objetivo investigar a relação entre design gráfico e tecnologia em encontros entre programadores, designers e cientistas da computação se encontravam!
  • 48. O primeiro WebSite ● O conceito de WWW (World Wide Web) como conhecemos foi criado por Tim Berners-Lee em 1989 no laboratório de física CERN; ● O primeiro endereço foi: – http://info.cern.ch/hypertext/WWW/TheProject.html ● Impactou de forma central praticamente tudo o que fazemos no mundo social hoje em dia: negócios, consumo, cultura, relacionamentos, amizade, etc....