Arquitetura de informação

2.307 visualizações

Publicada em

Publicada em: Educação
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
2.307
No SlideShare
0
A partir de incorporações
0
Número de incorporações
226
Ações
Compartilhamentos
0
Downloads
43
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Arquitetura de informação

  1. 1. Arquitetura de Informação! Uma breve explicação!
  2. 2. Agenda!   Arquitetura da Informação!   Introdução!   O que é?!   Os princípios básicos!   Instrumentos do arquiteto de informação!
  3. 3. Arquitetura de Informação!   Tem lugar de honra!   É a partir da estrutura criada para sites e afins (arquitetura de informação) que se distribui a informação (através do webwriting) e produz-se conhecimento.!   Muito recente, foi formalizada há pouco tempo.!
  4. 4. O que é?!   É a tarefa de estruturar e distribuir áreas, principais e secundárias, tornando as informações facilmente identificáveis, sua distribuição bem definida e, a navegação intuitiva.!
  5. 5. O que é?!   Pode ser aplicada em:!   Sites,hotsite e minisites!   Intranet!   Cds-Rom!   DVDs-Rom!
  6. 6. Princípios Básicos!   Organizar: sugerir diversas opções de construção para um ambiente digital como um todos e para as áreas secundárias.!   Navegar: aprender com a informação do usuário, quanto na percepção como ele navega.!
  7. 7. Princípios Básicos!   Nomear: estudar de qual maneira as áreas serão identificadas, seja pela palavra, ícone, ou de ambos.!   Buscar: como indexar a informação para que a sua procura seja tranqüila.!   Pesquisar: apurar toda a informação necessária à construção do conteúdo.!
  8. 8. Princípios Básicos!   Desenhar: testa o resultado fina da AI, antes mesmo da construção do fluxograma.!   Mapear: montar o fluxograma.Montar a estrutura do site, para depois montar o wireframe.!
  9. 9. Instrumentos para a AI!   Osdocumentos utilizados pelo arquiteto da informação para planejar o site são:!   Sitemap ou Mapa do Site!   Wireframe!
  10. 10. Sitemap!   Éa representação gráfica da estrutura de um website, do ponto de vista da distribuição do conteúdo por páginas e do caminho mis simples (hiperlink) a ser percorrido pelo usuário para se chegar a cada “página”pretendida.!
  11. 11. Sitemap!   Há dois tipos de mapa do site:!   Mapa do site estrutural: acontece na primeira fase do projeto, apresentando as páginas do futuro site com suas principais conexões.!   É apenas simbólico.!
  12. 12. Exemplo!
  13. 13. Sitemap!   O segundo tipo é o navegável, que encontramos facilmente nos sites atuais.!   É navegável, interativo e digital.!
  14. 14. Exemplo! Mapa do site da Starbucks.
  15. 15. Wireframe!   Aliado ao mapa do site, é um documento fundamental para o arquiteto de informação.!   Mas não é uma regra de estilo para os designers.!
  16. 16. Wireframe!   Suafunção é estrutura o conteúdo de cada página, indicando o peso e relevância de cada elemento do layout e sua relação com os demais elementos formadores do todo.!
  17. 17. Wireframe - função!   Marcação de textos!   Breadcrumbs de navegação!   Guidelines da marca!   Futuramente, serve como baliza para testes de usabilidade.!   Serve também para marcação das etapas de um processo de interação entre o usário e o sistema.!
  18. 18. Exemplo!
  19. 19. Wireframe!   Riscos:!   Não atender as expectativas do cliente.!   Acomodar a equipe de criação!   Pode gerar desencontro de entendimento!   Necessita de tempo, educação e insistência de uso até tornar-se corretamente entendido.!
  20. 20. Wireframe!   Vantagens:!   Facilitaa plicação de conceitos de usabilidade.!   Auxilia a equipe de desenvolvimento e programção!   Auxiliam nos testes de usabilidade, após o desenvolvimento,!   É um documento para prever futuras modificações.!
  21. 21. Principais Softwares!   Para criar os Sitemaps e Wireframes:!   Visio(mais indicado)!   Freehand!   InDesign (mais indicado)!   Power Point!

×