Arquitetura da Informação

Sistemas Virtuais 2

Informação

Francisco Madureiraprof.madureira@gmail.com

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 Madureiraprof.madureira@gmail.com