Arquitetura de Informação é o desenho de uma interface, incluindo todos seus fluxos de navegação e estruturação de conteúd...
ASPECTOS INTERACIONAIS DA NAVEGAÇÃO Como interferem?
 
ARQUITETURA DA INFORMAÇÃO: O QUE É ISSO? Componentes da AI em um website: sistema de organização, sistema de rotulação, si...
USUÁRIO REAL  X  USUÁRIO IDEAL  Design baseado em “personagens”: homem/mulher, adolescente/adulto, solteiro/casado...
QUEM SÃO OS RESPONSÁVEIS PELOS CLICKS DOS USUÁRIOS? O Projetista ou Design de interfaces
O projetista / design de interfaces leva em consideração 3 fatores  prioritários no desenvolvimento de um projeto de inter...
WIREFRAME  “ O nome “wireframe” vem da junção de duas palavras em inglês: “wire” (linhas) e “frames” (ecrãs). Ou seja, são...
FUNÇÕES DO WIREFRAME * Função estrutural * Marcação das etapas de um processo de interação entre usuário e sistema
Competências de um Arquiteto de Informação  Usabilidade  Identidade e Marca
RISCOS  X  VANTAGENS
PRINCIPAIS ELEMENTOS DE UM WIREFRAME
Exemplo de wireframe de GOMES (2005)
PRINCIPAIS SOFTWARES PARA CONSTRUÇÃO DE WIREFRAMES *Visio *Freehand *QuarkXPress *InDesign. *OminiGraffle *llustrator ou a...
Prototipagem em papel
INSTITUTO DA ARQUITETURA DA INFORMAÇÃO   (Information Architecture Institute) Missão: organização global voluntária para a...
O VALOR DA ARQUITETURA DA INFORMAÇÃO Trabalho intangível e invisível = incompreensão e desvalorização
REFLEXÃO PROPOSTA PELO INSTITUTO DA ARQUITETURA DA INFORMAÇÃO Qual o custo de… ...encontrar uma informação?  ...não encont...
REFLEXÃO PROPOSTA PELO INSTITUTO DA ARQUITETURA DA INFORMAÇÃO Qual o custo de… … educar empregados e consumidores? … criar...
Na trilha dos olhos  Pesquisas do Instituto Poynter
ALGUNS PONTOS-CHAVE DESCOBERTOS PELO ESTUDO DE “EYETRACKING”: *Fotos coloridas não chamam atenção automaticamente  *Leitor...
Próximos SlideShares
Carregando em…5
×

Arquitetura E Info2

1.318 visualizações

Publicada em

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

  • Seja a primeira pessoa a gostar disto

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

Nenhuma nota no slide

Arquitetura E Info2

  1. 1. Arquitetura de Informação é o desenho de uma interface, incluindo todos seus fluxos de navegação e estruturação de conteúdo.
  2. 2. ASPECTOS INTERACIONAIS DA NAVEGAÇÃO Como interferem?
  3. 4. ARQUITETURA DA INFORMAÇÃO: O QUE É ISSO? Componentes da AI em um website: sistema de organização, sistema de rotulação, sistema de navegação e sistema de busca.
  4. 5. USUÁRIO REAL X USUÁRIO IDEAL Design baseado em “personagens”: homem/mulher, adolescente/adulto, solteiro/casado...
  5. 6. QUEM SÃO OS RESPONSÁVEIS PELOS CLICKS DOS USUÁRIOS? O Projetista ou Design de interfaces
  6. 7. O projetista / design de interfaces leva em consideração 3 fatores prioritários no desenvolvimento de um projeto de internet: * USUÁRIO * SISTEMA * INTERFACE
  7. 8. WIREFRAME “ O nome “wireframe” vem da junção de duas palavras em inglês: “wire” (linhas) e “frames” (ecrãs). Ou seja, são ecrãs de baixa resolução e com um aspecto gráfico muito pobre que servem apenas para indicar onde devem estar localizados os objectos e menus de interacção. O wireframe serve para mostrar a funcionalidade e não o aspecto gráfico de uma aplicação.” (GOMES, 2005)
  8. 9. FUNÇÕES DO WIREFRAME * Função estrutural * Marcação das etapas de um processo de interação entre usuário e sistema
  9. 10. Competências de um Arquiteto de Informação Usabilidade Identidade e Marca
  10. 11. RISCOS X VANTAGENS
  11. 12. PRINCIPAIS ELEMENTOS DE UM WIREFRAME
  12. 13. Exemplo de wireframe de GOMES (2005)
  13. 14. PRINCIPAIS SOFTWARES PARA CONSTRUÇÃO DE WIREFRAMES *Visio *Freehand *QuarkXPress *InDesign. *OminiGraffle *llustrator ou ainda, em XHTML
  14. 15. Prototipagem em papel
  15. 16. INSTITUTO DA ARQUITETURA DA INFORMAÇÃO (Information Architecture Institute) Missão: organização global voluntária para apoiar ações individuais ou organizacionais relacionadas à construção de ambientes de informação compartilhada.
  16. 17. O VALOR DA ARQUITETURA DA INFORMAÇÃO Trabalho intangível e invisível = incompreensão e desvalorização
  17. 18. REFLEXÃO PROPOSTA PELO INSTITUTO DA ARQUITETURA DA INFORMAÇÃO Qual o custo de… ...encontrar uma informação? ...não encontrar uma informação? … usar uma informação? … construir e gerenciar um sistema de informação?
  18. 19. REFLEXÃO PROPOSTA PELO INSTITUTO DA ARQUITETURA DA INFORMAÇÃO Qual o custo de… … educar empregados e consumidores? … criar redes de conhecimento? … fortalecer uma marca? ...encorajar a inovação?
  19. 20. Na trilha dos olhos Pesquisas do Instituto Poynter
  20. 21. ALGUNS PONTOS-CHAVE DESCOBERTOS PELO ESTUDO DE “EYETRACKING”: *Fotos coloridas não chamam atenção automaticamente *Leitores acessarão jornais online onde o elemento mais forte estiver *Usuários enxergam a página na tela como uma coisa só *Usuários aceitam facilmente o uso de negrito e a experimentação de cores berrantes *As cores não diminuem a aquisição de informação visual pelo usuário.

×