arquitetura da informação · arquitetura da informação é o estudo da organização da...
TRANSCRIPT
Arquitetura da Informação é o estudo da organização da informação que permite chegar ao seu entedimento.
Sistemas Virtuais 2Arquitetura da Informação
permite chegar ao seu entedimento.Na prática, ela se refere à organização da estrutura de um website e seu conteúdo, rotulagem e categorização da informação e o design dos sistemas de navegação e de busca de uma publicação on-line.
Estudo realizado por Jakob Nielsen, um dos gurus da Internet e da usabilidade, revelaram que apenas 26% dos usuários
Sistemas Virtuais 2Arquitetura da Informação
revelaram que apenas 26% dos usuários são capazes de executar uma tarefa que
deveria ser simples na Internet: encontrar uma vaga de emprego e
candidatar-se.
Sistemas Virtuais 2Usabilidade e Desenvolvimento de Websites
A navegação é o siteA navegação é o site
Onde estou?
Para onde posso ir?
A navegação é o siteA navegação é o site
Internet vs. Mundo real
° Na internet...� Não há senso de proporção� Não há senso de direção
Sistemas Virtuais 2Usabilidade e Desenvolvimento de Websites
° ...você ajuda o usuário a se localizar� Links clicados em cor diferente� Navegação única em todo o site
Existem convenções na vida real...° Trânsito° Aeroporto° Supermercado
Sistemas Virtuais 2Usabilidade e Desenvolvimento de Websites
° Caixa eletrônico° Revista ou jornal
(já notou, em revistas, a falta que faz a numeração em páginas de publicidade?)
...e no mundo virtual° Logo do site° Seções° Subseções
Sistemas Virtuais 2Usabilidade e Desenvolvimento de Websites
° Indicador de profundidade° Nome da página° Navegação local° Conteúdo
Exemplo de navegação: Cadê?
Sistemas Virtuais 2Arquitetura da Informação
Exemplo de navegação: Cadê?
Sistemas Virtuais 2Arquitetura da Informação
Arte e Cultura > Dança
Informática > Dicas
Governo > Federal > Ministérios
Fontes de Referência
Status line (ex: Yahoo!)
Árvores de conteúdo
Sistemas Virtuais 2Arquitetura da Informação
Home
Seção 2Seção 1 Seção 3Seção 2Seção 1 Seção 3
Subeção
Subeção
Subeção
Subeção
Subeção
Subeção
Subeção
Subeção
Subeção
Subeção
Subeção
Subeção
Home page° Identidade° Missão do site° Hierarquia de conteúdo
Sistemas Virtuais 2Usabilidade e Desenvolvimento de Websites
° Atrativos/Destaques (atalhos)° Busca
EFETIVIDADECONTEÚDO
Home page° As cinco perguntas básicas:
� O que é isso?� O que posso fazer aqui?� O que eles têm aqui?
Sistemas Virtuais 2Usabilidade e Desenvolvimento de Websites
� O que eles têm aqui?� Por que eu devo ficar aqui?� Por onde começo?
Home page° É a porta de entrada para a navegação de todo o seu site (páginas internas)
° Deve informar ao usuário “onde estou?” e “o que faz este site?”¹
Sistemas Virtuais 2Arquitetura da Informação
¹ Jakob NIELSEN, Projetando Websites, p. 166
“o que faz este site?”¹° Deve ter um sistema de busca° Pode ter atalhos para principais funções do seu site (ex: Expedia vs. Mackenzie)
Home page, em resumo:° Navegação
� Onde estou?� Onde estive?� Para onde posso ir?
Sistemas Virtuais 2Arquitetura da Informação
� Para onde posso ir?
° Resumo do mais importante° Sistema de busca
O caminho do usuário (ex: mercado)
Sistemas Virtuais 2Arquitetura da Informação
Entro na loja
Procuro Depto.
Procuro Corredor
Procuro Produto
Encontrei?
Pago
Saio da loja
Ainda acho que
posso estar
no lugar certo
Fico frustrado?
simnão
sim
não
Navegação° Onde estou?
� Use cores, setas, negrito ou botõespara localizar o usuário
Sistemas Virtuais 2Arquitetura da Informação
� Exemplos: Download.com e Estadão.com
Abacaxi
Banana
Laranja
Mamão
Abacaxi
Banana
Laranja
Mamão
Abacaxi
Banana
Laranja
Mamão
Abacaxi
Banana
Laranja
Mamão
Navegação° Onde estou?
� Profundidade (status line)
• Home
Sistemas Virtuais 2Arquitetura da Informação
• Home• Home > Seção 1• Home > Seção 1 > Subseção• Home > Seção 1 > Subseção > Assunto
� Exemplo: Yahoo!
Navegação° Onde estive?
� Manter links clicados com cor diferente• Link normal• Link clicado
Sistemas Virtuais 2Arquitetura da Informação
• Link clicado• Exemplo: Folha Online
° Para onde posso ir?� Manter barra de navegação em todo o site� Manter status line em todo o site
• Exemplo: Universo Online
Resumo do mais importante° Quais são as principais funções do site?
� A Internet é como um videoclipe• Você sempre acessa a Internet com pressa
Sistemas Virtuais 2Arquitetura da Informação
• Você sempre acessa a Internet com pressa• Você tem um interesse específico e quer realizá-lo• Clico rápido e me permito tentar e errar(exemplo: botão “I’m feeling lucky” do Google)
� Exemplo: Blogger (*)
Sistema de busca° Corresponde a “perguntar ao vendedor”
� Metadados: a informação da informação• Título• Autor
Sistemas Virtuais 2Arquitetura da Informação
• Autor• Editoria• Subeditoria• Data de publicação• Data de atualização• Palavras-chave• Com foto
Obrigado!
Francisco [email protected]