SlideShare uma empresa Scribd logo
DESIGN E ARQUITETURA DA
INFORMAÇÃO
Andre de Abreu
Programa Avançado em Jornalismo Digital
QUANTIDADE DE INFORMAÇÃO PARA SER
ORGANIZADA (1996)
New York Times
- 18 Seções
- 2 Chamadas de notícias
- 1 Imagem
- 3 anúncios
- 480 pixels de altura
QUANTIDADE DE INFORMAÇÃO PARA SER
ORGANIZADA (2006)
New York Times
- 44 Seções
- 104 Chamadas de notícias
- 12 Imagens
- 20 anúncios
- 4 vídeos
- 3000 pixels de altura
CONCEITO
Design Informacional
Pensa o conteúdo de forma estrutural.
Arquitetura da Informação
Define como a informação é estruturada e organizada.
Usabilidade
Avalia se a estruturação proposta vem ao encontro daquilo que
o usuário espera.
OLHAR JORNALÍSTICO (SEMÂNTICO)
OLHAR INFORMACIONAL (SINTÁTICO)
ASSUNTO PARA JORNALISTA
No ambiente digital não?
Em outros veículos, é comum o jornalista lidar com tarefas além da
tradicional redação de reportagens.
Know-how
O jornalista já tem em sua veia conhecimento para o design
informacional, apenas ainda não relacionou uma coisa a outra.
ELEMENTOS DA REPORTAGEM
Organizando e classificando
O trabalho clássico do jornalista consiste basicamente em coletar,
classificar, organizar e apurar informações.
ELEMENTOS DO DESIGN INFORMACIONAL
A mesma coisa
Os conhecimentos necessários para trabalhar o design
informacional, a arquitetura de informação e a usabilidade são
basicamente os mesmos de uma boa reportagem.
Coletar
Classificar
Organizar
Apurar
VANTAGENS
Veículo e empresa
Redução de retrabalhos
Maior permanência do usuário
Diminuição de consultas ao help desk
Aumento das impressões publicitárias
Usuários
Encontram aquilo que procuram e ficam satisfeitos
Falam e divulgam
Conseguem se informar de uma forma mais completa
PRÁTICA
Design informacional no dia-a-dia
Disseminação da cultura
Conceito aplicado do projeto ao texto noticioso
Prática não requer necessariamente grandes investimentos
PRÁTICA
Disseminação da cultura
Acostumar as pessoas a pensarem não apenas no que querem
colocar no site mas sim também em como colocar.
PRÁTICA
Conceito aplicado do projeto ao texto noticioso
O conceito de design informacional, arquitetura de informação
e usabilidade devem permear todo o projeto web; da concepção
à redação do texto.
[ ]Necessidade [ ]Levantamento [ ]Design Informacional
[ ]Design Gráfico
[ ]Conteúdo
[ ]Desenvolvimento[ ]Implementação
PRÁTICA
PRÁTICA
Prática não requer grandes investimentos
Wireframes
Card sorting
OBSERVATÓRIO DA IMPRENSA
Case
Apesar da qualidade do conteúdo, o site apresentava uma série
de insatisfações devido, principalmente, à dificuldade de se
encontrar informações nele.
REFERÊNCIAS
Box and Arrow
boxesandarrows.com
Online Journalism Review
ojr.org
IA Institute
iainstitute.org
Infotendencias
infotendencias.com
The Design Desk
poynter.org
NewsDesigner
newsdesigner.com
The Editors Weblog
editorsweblog.org
OBRIGADO!
Andre de Abreu
E-mail: ola@andredeabreu.com.br
Site: andredeabreu.com.br
Blog: Intermezzo (imezzo.wordpress.com)

Mais conteúdo relacionado

PPT
Apresentação Arquitetura da Informaçao (Parte Lucirene)
PDF
Aula02 arquitetura informacao
PPT
Arquitetura da Informação: da representação da informação aos usuários
PPT
Arquitetura da Informação
PPT
Arquitetura da Informacao
PPT
Gestão Da Informação
PDF
Arquiteturade informaçaoo senac-planetaweb
PDF
Ciência da Informação e Web Design: interseções teóricas em busca de melhores...
Apresentação Arquitetura da Informaçao (Parte Lucirene)
Aula02 arquitetura informacao
Arquitetura da Informação: da representação da informação aos usuários
Arquitetura da Informação
Arquitetura da Informacao
Gestão Da Informação
Arquiteturade informaçaoo senac-planetaweb
Ciência da Informação e Web Design: interseções teóricas em busca de melhores...

Semelhante a Design e Arquitetura da Informação (20)

PPTX
Arquitetura da Informação Aplicada ao Jornalismo - Vanessa Otovicz
PPTX
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
PDF
Arquitetura da informação
PDF
Arquitetura de Informação e Usabilidade
PPT
Por que Arquitetura de Informação e Usabilidade são importantes?
PDF
A nova geração da web karen lowhany
PPSX
DESIGN DE INTERFACE
PDF
Uma introducao ai
PDF
Arquitetura da Informação e Usabilidade
PPT
A Arquitetura da Informação nas revistas webjornalísticas: TPM e Boa Forma
PPT
Aula 9 interfaces- graduação Design
PPT
Apresentação - Arquitetura de Informação
PDF
Aula 1 - Interaction Design From Ethnography, Mental Models to IA
PPS
Arquitetura da Informacao e Webdesign
PPT
Arquiteturadeinformao apresentao2-03-05-10
PDF
Web Standards
PDF
Arquitetura de Informação (atualizado)
PDF
Introdução à Arquitetura de Informação
PPTX
Engenharia de Usabilidade
PPT
00 14092011-1430-sergio-penedo
Arquitetura da Informação Aplicada ao Jornalismo - Vanessa Otovicz
29/09/2011 - 9h às 12h30 - oficina - arquitetura da informação em sistemas 2...
Arquitetura da informação
Arquitetura de Informação e Usabilidade
Por que Arquitetura de Informação e Usabilidade são importantes?
A nova geração da web karen lowhany
DESIGN DE INTERFACE
Uma introducao ai
Arquitetura da Informação e Usabilidade
A Arquitetura da Informação nas revistas webjornalísticas: TPM e Boa Forma
Aula 9 interfaces- graduação Design
Apresentação - Arquitetura de Informação
Aula 1 - Interaction Design From Ethnography, Mental Models to IA
Arquitetura da Informacao e Webdesign
Arquiteturadeinformao apresentao2-03-05-10
Web Standards
Arquitetura de Informação (atualizado)
Introdução à Arquitetura de Informação
Engenharia de Usabilidade
00 14092011-1430-sergio-penedo
Anúncio

Mais de Andre de Abreu (9)

PPTX
Abordagens indisciplinares de comunicação e redes sociais (Aula 4)
PPTX
Mercado, academia, comunicação e indisciplinaridade (Aula 3)
PPTX
Ambientes interativos e os impactos nos usuários (Aula 1)
PPTX
Os Bastidores da Web Semântica
PPTX
Indisciplinaridade
PPT
Uma nova comunicação para uma nova geração
PPT
Relacionamento com o público interno e novas mídias
PPT
Comunicação Interna: Parceira fundamental para uma estratégia de branding
PDF
Agências de Comunicação 2.0
Abordagens indisciplinares de comunicação e redes sociais (Aula 4)
Mercado, academia, comunicação e indisciplinaridade (Aula 3)
Ambientes interativos e os impactos nos usuários (Aula 1)
Os Bastidores da Web Semântica
Indisciplinaridade
Uma nova comunicação para uma nova geração
Relacionamento com o público interno e novas mídias
Comunicação Interna: Parceira fundamental para uma estratégia de branding
Agências de Comunicação 2.0
Anúncio

Último (12)

PDF
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
PPTX
Tipos de servidor em redes de computador.pptx
PPTX
Proposta de Implementação de uma Rede de Computador Cabeada.pptx
PPTX
Analise Estatica de Compiladores para criar uma nova LP
PDF
Jira Software projetos completos com scrum
PDF
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
PPTX
Viasol Energia Solar -Soluções para geração e economia de energia
PDF
Manejo integrado de pragas na cultura do algodão
PDF
Processos no SAP Extended Warehouse Management, EWM100 Col26
PPT
Conceitos básicos de Redes Neurais Artificiais
PPTX
Utilizando code blockes por andre backes
PPTX
Aula 9 - Funções em Python (Introdução à Ciência da Computação)
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
Tipos de servidor em redes de computador.pptx
Proposta de Implementação de uma Rede de Computador Cabeada.pptx
Analise Estatica de Compiladores para criar uma nova LP
Jira Software projetos completos com scrum
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
Viasol Energia Solar -Soluções para geração e economia de energia
Manejo integrado de pragas na cultura do algodão
Processos no SAP Extended Warehouse Management, EWM100 Col26
Conceitos básicos de Redes Neurais Artificiais
Utilizando code blockes por andre backes
Aula 9 - Funções em Python (Introdução à Ciência da Computação)

Design e Arquitetura da Informação

  • 1. DESIGN E ARQUITETURA DA INFORMAÇÃO Andre de Abreu Programa Avançado em Jornalismo Digital
  • 2. QUANTIDADE DE INFORMAÇÃO PARA SER ORGANIZADA (1996) New York Times - 18 Seções - 2 Chamadas de notícias - 1 Imagem - 3 anúncios - 480 pixels de altura
  • 3. QUANTIDADE DE INFORMAÇÃO PARA SER ORGANIZADA (2006) New York Times - 44 Seções - 104 Chamadas de notícias - 12 Imagens - 20 anúncios - 4 vídeos - 3000 pixels de altura
  • 4. CONCEITO Design Informacional Pensa o conteúdo de forma estrutural. Arquitetura da Informação Define como a informação é estruturada e organizada. Usabilidade Avalia se a estruturação proposta vem ao encontro daquilo que o usuário espera.
  • 7. ASSUNTO PARA JORNALISTA No ambiente digital não? Em outros veículos, é comum o jornalista lidar com tarefas além da tradicional redação de reportagens. Know-how O jornalista já tem em sua veia conhecimento para o design informacional, apenas ainda não relacionou uma coisa a outra.
  • 8. ELEMENTOS DA REPORTAGEM Organizando e classificando O trabalho clássico do jornalista consiste basicamente em coletar, classificar, organizar e apurar informações.
  • 9. ELEMENTOS DO DESIGN INFORMACIONAL A mesma coisa Os conhecimentos necessários para trabalhar o design informacional, a arquitetura de informação e a usabilidade são basicamente os mesmos de uma boa reportagem. Coletar Classificar Organizar Apurar
  • 10. VANTAGENS Veículo e empresa Redução de retrabalhos Maior permanência do usuário Diminuição de consultas ao help desk Aumento das impressões publicitárias Usuários Encontram aquilo que procuram e ficam satisfeitos Falam e divulgam Conseguem se informar de uma forma mais completa
  • 11. PRÁTICA Design informacional no dia-a-dia Disseminação da cultura Conceito aplicado do projeto ao texto noticioso Prática não requer necessariamente grandes investimentos
  • 12. PRÁTICA Disseminação da cultura Acostumar as pessoas a pensarem não apenas no que querem colocar no site mas sim também em como colocar.
  • 13. PRÁTICA Conceito aplicado do projeto ao texto noticioso O conceito de design informacional, arquitetura de informação e usabilidade devem permear todo o projeto web; da concepção à redação do texto. [ ]Necessidade [ ]Levantamento [ ]Design Informacional [ ]Design Gráfico [ ]Conteúdo [ ]Desenvolvimento[ ]Implementação
  • 15. PRÁTICA Prática não requer grandes investimentos Wireframes Card sorting
  • 16. OBSERVATÓRIO DA IMPRENSA Case Apesar da qualidade do conteúdo, o site apresentava uma série de insatisfações devido, principalmente, à dificuldade de se encontrar informações nele.
  • 17. REFERÊNCIAS Box and Arrow boxesandarrows.com Online Journalism Review ojr.org IA Institute iainstitute.org Infotendencias infotendencias.com The Design Desk poynter.org NewsDesigner newsdesigner.com The Editors Weblog editorsweblog.org
  • 18. OBRIGADO! Andre de Abreu E-mail: ola@andredeabreu.com.br Site: andredeabreu.com.br Blog: Intermezzo (imezzo.wordpress.com)