Rafael Siqueira
designer de interação
Arquitetura de informaçãoArquitetura de informação
O que é?
Na Web, esse objetivo se mantém:
Criar as estruturas de organização da informação de um website
para que o usuári...
os pilares da AI
Organizar
Navegar
Nomear
Buscar
Desenhar
Mapear
Fazer com que o usuário queira conhecer o sistema de infor-
mação em que está, sem ficar perdido e encontrar o que
deseja ...
Como fazer?
Conseguir organizar todas as informações para que o usuário possa
navegar intuitivamente em um site.
ESTUDAR, ...
Wireframes
Sitemaps
Personas
...
O que eles entregam?
sitemaps
Organograma mostrando todas as páginas que o site irá conter.
personas
É uma forma de entender e enxergar melhor esse usuário.
Uma pessoa de“mentirinha”ajuda no alinhamento das
expecta...
exemplo persona
aplicativo sobre filmes
O intuito é mostrar a hierarquia das informações, das telas e
o fluxo de navegação que irá existir.
A planta baixa do site...
wireframes
papel e digital
Papel e caneta
Wireframe.cc
Balsamiq
Proto.io
Axure
...
ferramentas
vídeo
algumas etapas de AI
Jornalistas, bibliotecônomos (e bibliotecários), publicitários,
designers, cientistas, ....
perfil de um profissional de a...
www.rafaelsiqueira.com.br
www.chuvadigital.com.br
Obrigado!Obrigado!
Apresentacao arquitetura-de-informaçaõ
Apresentacao arquitetura-de-informaçaõ
Apresentacao arquitetura-de-informaçaõ
Apresentacao arquitetura-de-informaçaõ
Apresentacao arquitetura-de-informaçaõ
Apresentacao arquitetura-de-informaçaõ
Próximos SlideShares
Carregando em…5
×

Apresentacao arquitetura-de-informaçaõ

228 visualizações

Publicada em

0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

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

Nenhuma nota no slide

Apresentacao arquitetura-de-informaçaõ

  1. 1. Rafael Siqueira designer de interação Arquitetura de informaçãoArquitetura de informação
  2. 2. O que é? Na Web, esse objetivo se mantém: Criar as estruturas de organização da informação de um website para que o usuário consiga compreendê-lo com facilidade. Organização da informação para torná-la clara, compreensível.
  3. 3. os pilares da AI Organizar Navegar Nomear Buscar Desenhar Mapear
  4. 4. Fazer com que o usuário queira conhecer o sistema de infor- mação em que está, sem ficar perdido e encontrar o que deseja facilmente. O desafio
  5. 5. Como fazer? Conseguir organizar todas as informações para que o usuário possa navegar intuitivamente em um site. ESTUDAR, ESTUDAR E ESTUDAR O conteúdo tem que ser pesquisado, estruturado e elaborado. A interface de contato com o usuário preciso ser empática, criar ponte com quem usa o site.
  6. 6. Wireframes Sitemaps Personas ... O que eles entregam?
  7. 7. sitemaps Organograma mostrando todas as páginas que o site irá conter.
  8. 8. personas É uma forma de entender e enxergar melhor esse usuário. Uma pessoa de“mentirinha”ajuda no alinhamento das expectativas tanto do cliente quanto da equipe. Características e razões para que o site seja importante para ele.
  9. 9. exemplo persona aplicativo sobre filmes
  10. 10. O intuito é mostrar a hierarquia das informações, das telas e o fluxo de navegação que irá existir. A planta baixa do site. O esqueleto! Wireframes
  11. 11. wireframes papel e digital
  12. 12. Papel e caneta Wireframe.cc Balsamiq Proto.io Axure ... ferramentas
  13. 13. vídeo algumas etapas de AI
  14. 14. Jornalistas, bibliotecônomos (e bibliotecários), publicitários, designers, cientistas, .... perfil de um profissional de ai O que conta mesmo é a organização, a capacidade de abstração e o bom senso.
  15. 15. www.rafaelsiqueira.com.br www.chuvadigital.com.br Obrigado!Obrigado!

×