SlideShare uma empresa Scribd logo
1 de 18
Baixar para ler offline
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

Semelhante a Design da informação e arquitetura para jornalismo

Qmeeting SP - Design para Business Intelligence
Qmeeting SP - Design para Business IntelligenceQmeeting SP - Design para Business Intelligence
Qmeeting SP - Design para Business IntelligenceRoberto Oliveira
 
A evolução do Business Intelligence
A evolução do Business IntelligenceA evolução do Business Intelligence
A evolução do Business IntelligenceGustavo Santade
 
ReestruturaçãO Da Unicom1.3
ReestruturaçãO Da Unicom1.3ReestruturaçãO Da Unicom1.3
ReestruturaçãO Da Unicom1.3Marcelo Silva
 
Mensurando a Experiência do Usuário ( A Importância dos Dados Para UX ) - ...
Mensurando a Experiência do Usuário ( A Importância dos Dados Para UX ) - ...Mensurando a Experiência do Usuário ( A Importância dos Dados Para UX ) - ...
Mensurando a Experiência do Usuário ( A Importância dos Dados Para UX ) - ...Huxley Dias
 
Simplificando a mídia programática by Pedro Aloi
Simplificando a mídia programática by Pedro AloiSimplificando a mídia programática by Pedro Aloi
Simplificando a mídia programática by Pedro AloiPedro Aloi
 
Arquitetura da Informação Aplicada ao Jornalismo - Vanessa Otovicz
Arquitetura da Informação Aplicada ao Jornalismo - Vanessa OtoviczArquitetura da Informação Aplicada ao Jornalismo - Vanessa Otovicz
Arquitetura da Informação Aplicada ao Jornalismo - Vanessa OtoviczVanessa Otovicz
 
Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013Instituto Faber-Ludens
 
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çãoAlan Vasconcelos
 
Business Discovery e suas ferramentas
Business Discovery e suas ferramentasBusiness Discovery e suas ferramentas
Business Discovery e suas ferramentasRoberto Oliveira
 
Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenáriosposgraduacaorj
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de InformaçãoMelqui Jr
 
Share Talks BSB 2017 - Se planejar direitinho, todo mundo analisa.
Share Talks BSB 2017 - Se planejar direitinho, todo mundo analisa.Share Talks BSB 2017 - Se planejar direitinho, todo mundo analisa.
Share Talks BSB 2017 - Se planejar direitinho, todo mundo analisa.Daniel Bastos
 
Introdução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoIntrodução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoInstituto Faber-Ludens
 
O Uso da Inteligência Coletiva nas Empresas
O Uso da Inteligência Coletiva nas EmpresasO Uso da Inteligência Coletiva nas Empresas
O Uso da Inteligência Coletiva nas EmpresasElvis Fusco
 
Como a Gestão de Conteúdo traz mais qualidade e rentabilidade em projetos de ...
Como a Gestão de Conteúdo traz mais qualidade e rentabilidade em projetos de ...Como a Gestão de Conteúdo traz mais qualidade e rentabilidade em projetos de ...
Como a Gestão de Conteúdo traz mais qualidade e rentabilidade em projetos de ...dklafke
 
W3K - Palestra edoc 2014
W3K - Palestra edoc 2014W3K - Palestra edoc 2014
W3K - Palestra edoc 2014W3K Tecnologia
 
Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Rafael Marinho
 
Mídia programática: crescendo o mercado de e-commerce com rentabilidade
Mídia programática: crescendo o mercado de e-commerce com rentabilidadeMídia programática: crescendo o mercado de e-commerce com rentabilidade
Mídia programática: crescendo o mercado de e-commerce com rentabilidadeE-Commerce Brasil
 

Semelhante a Design da informação e arquitetura para jornalismo (20)

Qmeeting SP - Design para Business Intelligence
Qmeeting SP - Design para Business IntelligenceQmeeting SP - Design para Business Intelligence
Qmeeting SP - Design para Business Intelligence
 
A evolução do Business Intelligence
A evolução do Business IntelligenceA evolução do Business Intelligence
A evolução do Business Intelligence
 
ReestruturaçãO Da Unicom1.3
ReestruturaçãO Da Unicom1.3ReestruturaçãO Da Unicom1.3
ReestruturaçãO Da Unicom1.3
 
Mensurando a Experiência do Usuário ( A Importância dos Dados Para UX ) - ...
Mensurando a Experiência do Usuário ( A Importância dos Dados Para UX ) - ...Mensurando a Experiência do Usuário ( A Importância dos Dados Para UX ) - ...
Mensurando a Experiência do Usuário ( A Importância dos Dados Para UX ) - ...
 
Simplificando a mídia programática by Pedro Aloi
Simplificando a mídia programática by Pedro AloiSimplificando a mídia programática by Pedro Aloi
Simplificando a mídia programática by Pedro Aloi
 
Case G1
Case G1Case G1
Case G1
 
Arquitetura da Informação Aplicada ao Jornalismo - Vanessa Otovicz
Arquitetura da Informação Aplicada ao Jornalismo - Vanessa OtoviczArquitetura da Informação Aplicada ao Jornalismo - Vanessa Otovicz
Arquitetura da Informação Aplicada ao Jornalismo - Vanessa Otovicz
 
Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013Curso Arquitetura de Informação @ iMasters Jan 2013
Curso Arquitetura de Informação @ iMasters Jan 2013
 
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
 
Business Discovery e suas ferramentas
Business Discovery e suas ferramentasBusiness Discovery e suas ferramentas
Business Discovery e suas ferramentas
 
Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenários
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de Informação
 
Share Talks BSB 2017 - Se planejar direitinho, todo mundo analisa.
Share Talks BSB 2017 - Se planejar direitinho, todo mundo analisa.Share Talks BSB 2017 - Se planejar direitinho, todo mundo analisa.
Share Talks BSB 2017 - Se planejar direitinho, todo mundo analisa.
 
Introdução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoIntrodução à Arquitetura de Informação
Introdução à Arquitetura de Informação
 
O Uso da Inteligência Coletiva nas Empresas
O Uso da Inteligência Coletiva nas EmpresasO Uso da Inteligência Coletiva nas Empresas
O Uso da Inteligência Coletiva nas Empresas
 
Como a Gestão de Conteúdo traz mais qualidade e rentabilidade em projetos de ...
Como a Gestão de Conteúdo traz mais qualidade e rentabilidade em projetos de ...Como a Gestão de Conteúdo traz mais qualidade e rentabilidade em projetos de ...
Como a Gestão de Conteúdo traz mais qualidade e rentabilidade em projetos de ...
 
W3K - Palestra edoc 2014
W3K - Palestra edoc 2014W3K - Palestra edoc 2014
W3K - Palestra edoc 2014
 
Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10
 
Mídia programática: crescendo o mercado de e-commerce com rentabilidade
Mídia programática: crescendo o mercado de e-commerce com rentabilidadeMídia programática: crescendo o mercado de e-commerce com rentabilidade
Mídia programática: crescendo o mercado de e-commerce com rentabilidade
 
Media Analytics
Media AnalyticsMedia Analytics
Media Analytics
 

Mais de Andre de Abreu

Abordagens indisciplinares de comunicação e redes sociais (Aula 4)
Abordagens indisciplinares de comunicação e redes sociais (Aula 4)Abordagens indisciplinares de comunicação e redes sociais (Aula 4)
Abordagens indisciplinares de comunicação e redes sociais (Aula 4)Andre de Abreu
 
Mercado, academia, comunicação e indisciplinaridade (Aula 3)
Mercado, academia, comunicação e indisciplinaridade (Aula 3)Mercado, academia, comunicação e indisciplinaridade (Aula 3)
Mercado, academia, comunicação e indisciplinaridade (Aula 3)Andre de Abreu
 
Ambientes interativos e os impactos nos usuários (Aula 1)
Ambientes interativos e os impactos nos usuários (Aula 1)Ambientes interativos e os impactos nos usuários (Aula 1)
Ambientes interativos e os impactos nos usuários (Aula 1)Andre de Abreu
 
Os Bastidores da Web Semântica
Os Bastidores da Web SemânticaOs Bastidores da Web Semântica
Os Bastidores da Web SemânticaAndre de Abreu
 
Uma nova comunicação para uma nova geração
Uma nova comunicação para uma nova geraçãoUma nova comunicação para uma nova geração
Uma nova comunicação para uma nova geraçãoAndre de Abreu
 
Relacionamento com o público interno e novas mídias
Relacionamento com o público interno e novas mídiasRelacionamento com o público interno e novas mídias
Relacionamento com o público interno e novas mídiasAndre de Abreu
 
Comunicação Interna: Parceira fundamental para uma estratégia de branding
Comunicação Interna: Parceira fundamental para uma estratégia de brandingComunicação Interna: Parceira fundamental para uma estratégia de branding
Comunicação Interna: Parceira fundamental para uma estratégia de brandingAndre de Abreu
 
Agências de Comunicação 2.0
Agências de Comunicação 2.0Agências de Comunicação 2.0
Agências de Comunicação 2.0Andre de Abreu
 

Mais de Andre de Abreu (9)

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

Design da informação e arquitetura para jornalismo

  • 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)