Diese Präsentation wurde erfolgreich gemeldet.
Die SlideShare-Präsentation wird heruntergeladen. ×

Arquitetura de Informação

Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Wird geladen in …3
×

Hier ansehen

1 von 14 Anzeige

Weitere Verwandte Inhalte

Diashows für Sie (20)

Andere mochten auch (19)

Anzeige

Ähnlich wie Arquitetura de Informação (20)

Anzeige

Aktuellste (20)

Arquitetura de Informação

  1. 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. 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)‏ CURSO DE JORNALISMO ONLINE prof. dr. Eugênio Bucci
  3. 3. 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
  4. 4. 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
  5. 5. 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
  6. 6. 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.
  7. 7. 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
  8. 8. 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á.
  9. 9. 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.
  10. 10. CURSO DE JORNALISMO ONLINE prof. dr. Eugênio Bucci WIREFRAME NÃO É DESIGN
  11. 11. CURSO DE JORNALISMO ONLINE prof. dr. Eugênio Bucci PLANO EDITORIAL – O COMEÇO DE TUDO <ul><li>Estabelece o que o veículo deve ser, do ponto de vista de sua relação com o usuário; </li></ul><ul><li>Organiza um pensamento estruturado sobre o produto; </li></ul><ul><li>Unifica a visão da equipe sobre a missão do veículo; </li></ul><ul><li>Fornece parâmetros para a avaliação da qualidade editorial; </li></ul>
  12. 12. CURSO DE JORNALISMO ONLINE prof. dr. Eugênio Bucci BOAS PRÁTICAS DE NAVEGAÇÃO <ul><li>Use cores, setas, negrito ou botões para localizar o usuário ( Exercício - Identificar a prática da navegação na Folha Online) </li></ul><ul><li>Localize a profundidade Home > Seção 1 Home > Seção 1 > Subseção Home > Seção 1 > Subseção > Conteúdo </li></ul><ul><li>Manter links clicados com cor diferente </li></ul><ul><li>Manter barra de navegação em todo o site </li></ul>
  13. 13. CURSO DE JORNALISMO ONLINE prof. dr. Eugênio Bucci ATENÇÃO PARA A BUSCA <ul><li>Busca é a alma da web; </li></ul><ul><li>O usuário vai em busca do que quer e precisa achar; </li></ul><ul><li>Oferecer acesso fácil às informações, por meio de filtros adequados, constitui uma ótima prática; </li></ul>
  14. 14. 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

×