Your SlideShare is downloading. ×
Arquitetura da Informação
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Arquitetura da Informação

826
views

Published on

Apresentação de alunos da pós-graduação em Projetos Editorias do Centro Universitário UNA, Belo Horizonte, MG - Brasil.

Apresentação de alunos da pós-graduação em Projetos Editorias do Centro Universitário UNA, Belo Horizonte, MG - Brasil.

Published in: Education, Technology

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
826
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
50
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Arquitetura de Informação é o desenho de uma interface, incluindo todos seus fluxos de navegação e estruturação de conteúdo.
  • 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.
  • 5. USUÁRIO REAL X USUÁRIO IDEAL Design baseado em “personagens”: homem/mulher, adolescente/adulto, solteiro/casado...
  • 6. QUEM SÃO OS RESPONSÁVEIS PELOS CLICKS DOS USUÁRIOS? O Projetista ou Design de interfaces
  • 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
  • 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)
  • 9. FUNÇÕES DO WIREFRAME * Função estrutural * Marcação das etapas de um processo de interação entre usuário e sistema
  • 10. Competências de um Arquiteto de Informação Usabilidade Identidade e Marca
  • 11. RISCOS X VANTAGENS
  • 12. PRINCIPAIS ELEMENTOS DE UM WIREFRAME
  • 13. Exemplo de wireframe de GOMES (2005)
  • 14. PRINCIPAIS SOFTWARES PARA CONSTRUÇÃO DE WIREFRAMES *Visio *Freehand *QuarkXPress *InDesign. *OminiGraffle *llustrator ou ainda, em XHTML
  • 15. Prototipagem em papel
  • 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.
  • 17. O VALOR DA ARQUITETURA DA INFORMAÇÃO Trabalho intangível e invisível = incompreensão e desvalorização
  • 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?
  • 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?
  • 20. Na trilha dos olhos Pesquisas do Instituto Poynter
  • 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.