Download - Arquitetura de informação
![Page 1: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/1.jpg)
Desenvolvimento de Interface
![Page 2: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/2.jpg)
ARQUITETURA DE INFORMAÇÃO (A.I.)
![Page 3: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/3.jpg)
O Information Architecture Institute define Arquitetura de Informação como:
![Page 4: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/4.jpg)
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.
![Page 5: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/5.jpg)
![Page 6: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/6.jpg)
Organizar de uma forma que faça sentido e seja natural
![Page 7: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/7.jpg)
Organizar de uma forma que faça sentido e seja natural
![Page 8: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/8.jpg)
![Page 9: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/9.jpg)
User Experience DesignersDesigners de InteraçãoEspecialistas em Usabilidade
AI também podem ser conhecidos como:
![Page 10: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/10.jpg)
ENVOLVE DIVERSOS CONHECIMENTOS
![Page 11: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/11.jpg)
![Page 13: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/13.jpg)
O QUE FAZEM OS ARQUITETOS DE INFORMAÇÃO?
![Page 14: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/14.jpg)
![Page 15: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/15.jpg)
Brinks
![Page 16: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/16.jpg)
wireframes
SitemapsPersonasFluxograma
Levantamento de requisitos Briefing Avaliação heurísticaPesquisas etnográficas
![Page 17: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/17.jpg)
Wireframes SitemapsPersonasFluxograma
Levantamento de requisitos Briefing Avaliação heurísticaPesquisas etnográficas
![Page 18: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/18.jpg)
FERRAMENTAS
![Page 19: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/19.jpg)
FireworksAxureVisioMindmanagerCacooLucidchartExcel
![Page 20: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/20.jpg)
FireworksAxureVisioMindmanagerCacooLucidchartExcel
![Page 21: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/21.jpg)
BRIEFING
![Page 22: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/22.jpg)
BRIEFING
Passagem de informação de um ponto para outroDa pessoa certa e para a pessoa certaDescrição, problemas, oportunidades, objetivos, etcBase do planejamento.
![Page 23: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/23.jpg)
CLIENTE EQUIPEARQUITETO DE INFORMAÇÃO
![Page 24: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/24.jpg)
QUAL UM DOS MOTIVOS DE SUCESSO DOS MELHORES VENDEDORES?
![Page 25: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/25.jpg)
QUAL UM DOS MOTIVOS DE SUCESSO DOS MELHORES VENDEDORES?
Eles conhecem o que vendem
![Page 26: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/26.jpg)
CRIAÇÃO DO BRIEFING
![Page 27: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/27.jpg)
Deve ser um documento simples e objetivoUm briefing muito grande não é seletivoum briefing muito curto é subjetivo
CRIAÇÃO DE BRIEFING
![Page 28: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/28.jpg)
SITEMAP
![Page 29: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/29.jpg)
Diagrama de navegaçãoEstrutura de páginas do siteLiteralmente um mapa do siteImportante em SEO
SITEMAP
![Page 30: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/30.jpg)
![Page 31: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/31.jpg)
WIREFRAME
![Page 32: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/32.jpg)
ProtótipoMockup
WIREFRAME
![Page 33: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/33.jpg)
![Page 34: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/34.jpg)
O esqueleto dos projetosComo o objeto final será Feito da maneira mais simples possívelMostrando o essencialRascunho, sem cores ou imagens.
WIREFRAME
![Page 35: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/35.jpg)
Entendimento dos requisitos que foram Recolhidos junto ao cliente com relação as Funções e elementos que deverá conter
WIREFRAME
![Page 36: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/36.jpg)
EstáticosNavegáveis
WIREFRAME
![Page 37: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/37.jpg)
![Page 38: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/38.jpg)
![Page 39: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/39.jpg)
DICAS
![Page 40: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/40.jpg)
Não tenha medo Papel e canetaTeste seu wireframepeça opiniões de outras pessoasInspire-se
DICAS PARA WIREFRAME
![Page 41: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/41.jpg)
FERRAMENTAS
![Page 42: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/42.jpg)
PhotoshopFireworksPower PointMockupScreensAxureBalsamiq MockupsPencilFlairBuilderForeUIOmniGraffle
FERRAMENTAS - DESKTOP
WireframeSketcherJustinmind PrototyperDENIMEasyPrototypeSketchFlowDesignerVistaMockAppGUI Design StudioOverSiteMicrosoft VisioFluidIA
![Page 43: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/43.jpg)
iPlotzProtoShareMockFlowHotGlooMockingbirdCacooJumpchartGliffyLovely ChartsLumzy
FERRAMENTAS - ONLINE
JustProtoPidocoiPhone Mockup
![Page 44: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/44.jpg)
BriefingPropostaPesquisa de satisfaçãoContratoAprovação de etapa
MODELOS DE DOCUMENTOS
![Page 45: Arquitetura de informação](https://reader036.vdocuments.com.br/reader036/viewer/2022062615/548bbe19b479592f278b4580/html5/thumbnails/45.jpg)
Links e referências: http://arquiteturadeinformacao.comhttp://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-wireframeshttp://blog.teamtreehouse.com/20-steps-to-better-wireframinghttp://www.wireframeshowcase.com/http://www.xml-sitemaps.com/
http://www.sitemaps.org/pt_BR/