Arquitetura de informação

1.843 visualizações

Publicada em

Aula sobre introdução ao desenvolvimento de interfaces, onde são introduzidos assuntos como o processo de desenvolvimento de um site, arquitetura de informação, sitemap, wireframe.

Publicada em: Tecnologia
0 comentários
6 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.843
No SlideShare
0
A partir de incorporações
0
Número de incorporações
8
Ações
Compartilhamentos
0
Downloads
96
Comentários
0
Gostaram
6
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Arquitetura de informação

  1. 1. Desenvolvimento de Interface
  2. 2. ARQUITETURA DE INFORMAÇÃO (A.I.)
  3. 3. O Information Architecture Institute define Arquitetura de Informação como:
  4. 4. O Information Architecture Institute define Arquitetura de Informação como: A arte e ciência de organizar, categorizar e rotular sites afim de melhorar a experiência do usuário através da usabilidade e legibilidade de conteúdo.
  5. 5. Organizar de uma forma que faça sentido e seja natural
  6. 6. Organizar de uma forma que faça sentido e seja natural
  7. 7. User Experience Designers Designers de Interação Especialistas em Usabilidade AI também podem ser conhecidos como:
  8. 8. ENVOLVE DIVERSOS CONHECIMENTOS
  9. 9. ORGANIZAR INFORMAÇÕES DE ACORDO COM O PÚBLICO
  10. 10. O QUE FAZEM OS ARQUITETOS DE INFORMAÇÃO?
  11. 11. Brinks
  12. 12. wireframes Sitemaps Personas Fluxograma Levantamento de requisitos Briefing Avaliação heurística Pesquisas etnográficas
  13. 13. Wireframes Sitemaps Personas Fluxograma Levantamento de requisitos Briefing Avaliação heurística Pesquisas etnográficas
  14. 14. FERRAMENTAS
  15. 15. Fireworks Axure Visio Mindmanager Cacoo Lucidchart Excel
  16. 16. Fireworks Axure Visio Mindmanager Cacoo Lucidchart Excel
  17. 17. BRIEFING
  18. 18. BRIEFING Passagem de informação de um ponto para outro Da pessoa certa e para a pessoa certa Descrição, problemas, oportunidades, objetivos, etc Base do planejamento.
  19. 19. CLIENTE EQUIPE ARQUITETO DE INFORMAÇÃO
  20. 20. QUAL UM DOS MOTIVOS DE SUCESSO DOS MELHORES VENDEDORES?
  21. 21. QUAL UM DOS MOTIVOS DE SUCESSO DOS MELHORES VENDEDORES? Eles conhecem o que vendem
  22. 22. CRIAÇÃO DO BRIEFING
  23. 23. Deve ser um documento simples e objetivo Um briefing muito grande não é seletivo um briefing muito curto é subjetivo CRIAÇÃO DE BRIEFING
  24. 24. SITEMAP
  25. 25. Diagrama de navegação Estrutura de páginas do site Literalmente um mapa do site Importante em SEO SITEMAP
  26. 26. WIREFRAME
  27. 27. Protótipo Mockup WIREFRAME
  28. 28. O esqueleto dos projetos Como o objeto final será Feito da maneira mais simples possível Mostrando o essencial Rascunho, sem cores ou imagens. WIREFRAME
  29. 29. Entendimento dos requisitos que foram Recolhidos junto ao cliente com relação as Funções e elementos que deverá conter WIREFRAME
  30. 30. Estáticos Navegáveis WIREFRAME
  31. 31. DICAS
  32. 32. Não tenha medo Papel e caneta Teste seu wireframe peça opiniões de outras pessoas Inspire-se DICAS PARA WIREFRAME
  33. 33. FERRAMENTAS
  34. 34. Photoshop Fireworks Power Point MockupScreens Axure Balsamiq Mockups Pencil FlairBuilder ForeUI OmniGraffle FERRAMENTAS - DESKTOP WireframeSketcher Justinmind Prototyper DENIM EasyPrototype SketchFlow DesignerVista MockApp GUI Design Studio OverSite Microsoft Visio FluidIA
  35. 35. iPlotz ProtoShare MockFlow HotGloo Mockingbird Cacoo Jumpchart Gliffy Lovely Charts Lumzy FERRAMENTAS - ONLINE JustProto Pidoco iPhone Mockup
  36. 36. Briefing Proposta Pesquisa de satisfação Contrato Aprovação de etapa MODELOS DE DOCUMENTOS
  37. 37. Links e referências: http://arquiteturadeinformacao.com http://www.iainstitute.org/ http://oxox.co.uk/css3/ http://www.informationisbeautiful.net/ http://www.uxpasaopaulo.com.br/ http://www.usability.gov/ http://www.revistawide.com.br/ http://fireworkswireframingkit.com/ http://wireframes.linowski.ca/ http://visitmix.com/articles/the-future-of-wireframes http://blog.teamtreehouse.com/20-steps-to-better-wireframing http://www.wireframeshowcase.com/ http://www.xml-sitemaps.com/ http://www.sitemaps.org/pt_BR/

×