Arquitetura de Informação

1

CURSO DE JORNALISMO ONLINE prof. dr. Eugênio Bucci

ARQUITETURA DA INFORMAÇÃO

Introdução às boas práticas de montagem de sites na internet aplicadas ao jornalismo

2


Introdução à arquitetura de informação

Arquitetura da Informação é o estudo da organização da informação que permite chegar ao seu entendimento. Na prática,

ela se refere à organização da estrutura de um website e seu conteúdo, rotulagem e

categorização da informação e o design dos sistemas de navegação e de busca de uma

publicação online.(Francisco Madureira)

3


DO QUE ESTAMOS FALANDO?

1. Planejamento Editorial;

2. Organização das informações;

3. Formas de navegar (navegabilidade);

4. Comportamento do usuário (usabilidade);

5. Interação mediada por computador

4


O QUE FAZ UM ARQUITETO?

1. Pensa o site (traduz o pensamento do seu cliente);

2. Constrói o Mapa de Navegação;

3. Desenha os Wireframes (esboços);

4. Participa da definição do design;

5. Interage com a equipe de desenvolvimento tecnológico

5


MAS ISSO É JORNALISMO?

1. Arquitetura de informação é uma atividade que, no mundo digital, aproxima-se a de um Editor. Alguns profissionais de A.I têm formação na área de desenho, outros de T.I, mas muitos são jornalistas;

2. Não é possível pensar um site, com qualidade, sem conhecer as atividades que hoje estão reunidas sob a especialidade “arquitetura da informação”;

3. É uma tarefa que funde conhecimentos editoriais, científicos e artísticos; é um pouco

6


MAPA DE NAVEGAÇÃO

É o documento que define as seções de conteúdo e serviços de um site, apresentando o caminho que o usuário deve percorrer para chegar aos conteúdos subordinados. O mapa define a lógica da navegação e agrupo informações similares dentro dos mesmos módulos.

7


ELEMENTOS DE UM SITE

1. Homepage

2. Sub-home

3. Seções

4. Elementos (notícia, áudio, vídeo, gráfico, enquete)

5. Busca (em que nível de detalhamento)

6. Ambientes de interação (comentário, resenha, nuvem de

tags)

7. Cadastro

8


MAPA DE TEMPLATES

Muitas páginas de um site são praticamente idênticas quando analisamos a navegação e o conteúdo. Esse “modelo padrão” é chamado de template, e serve para definir o número de páginas diferentes que serão um determinado site terá.

9


WIREFRAMES

Também pode ser chamado de esboço. Antigamente, diriam RAF. Alguns ainda preferem chamar de rascunho. É o desenho que organiza os elementos de navegação numa página, antes do design.

É importante porque permite materializar as idéias expostas

no mapa de navegação e testar sua efetividade.

Os Wireframes também são utilizados na especificação para o

desenvolvimento tecnológico e auxiliam o trabalho do

designer.

10


WIREFRAME NÃO É DESIGN

11


PLANO EDITORIAL – O COMEÇO DE TUDO

Estabelece o que o veículo deve ser, do ponto de vista de sua relação com o usuário;

Organiza um pensamento estruturado sobre o produto;

Unifica a visão da equipe sobre a missão do veículo;

Fornece parâmetros para a avaliação da qualidade

editorial;

12


BOAS PRÁTICAS DE NAVEGAÇÃO

Use cores, setas, negrito ou botões para localizar o usuário

(Exercício - Identificar a prática da navegação na Folha Online)

Localize a profundidade

Home > Seção 1Home > Seção 1 > SubseçãoHome > Seção 1 > Subseção > Conteúdo

Manter links clicados com cor diferente

Manter barra de navegação em todo o site

13


ATENÇÃO PARA A BUSCA Busca é a alma da web; O usuário vai em busca do que quer e precisa achar; Oferecer acesso fácil às informações, por meio de filtros adequados, constitui uma ótima prática;

14


EDIÇÃO: Rodrigo Savazoni (monitor)

AGRADECIMENTOS: Francisco Madureira e Roberta Tóstora, profissionais cujo trabalho foi utilizado como referência para o desenvolvimento da aula

Travel

Arquitetura de Informação