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

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)‏ CURSO DE JORNALISMO ONLINE prof. dr. Eugênio Bucci

CURSO DE JORNALISMO ONLINE prof. dr. Eugênio Bucci 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

CURSO DE JORNALISMO ONLINE prof. dr. Eugênio Bucci 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

CURSO DE JORNALISMO ONLINE prof. dr. Eugênio Bucci 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

CURSO DE JORNALISMO ONLINE prof. dr. Eugênio Bucci 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.

CURSO DE JORNALISMO ONLINE prof. dr. Eugênio Bucci 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

CURSO DE JORNALISMO ONLINE prof. dr. Eugênio Bucci 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á.

CURSO DE JORNALISMO ONLINE prof. dr. Eugênio Bucci 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.

CURSO DE JORNALISMO ONLINE prof. dr. Eugênio Bucci WIREFRAME NÃO É DESIGN

CURSO DE JORNALISMO ONLINE prof. dr. Eugênio Bucci 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;

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;

CURSO DE JORNALISMO ONLINE prof. dr. Eugênio Bucci 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 1 Home > Seção 1 > Subseção Home > Seção 1 > Subseção > Conteúdo Manter links clicados com cor diferente Manter barra de navegação em todo o site

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 1 Home > Seção 1 > Subseção Home > Seção 1 > Subseção > Conteúdo

Manter links clicados com cor diferente

Manter barra de navegação em todo o site

CURSO DE JORNALISMO ONLINE prof. dr. Eugênio Bucci 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;

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;

CURSO DE JORNALISMO ONLINE prof. dr. Eugênio Bucci 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