Aula05 webdesign
Upcoming SlideShare
Loading in...5
×
 
  • 1,030 views

 

Statistics

Views

Total Views
1,030
Views on SlideShare
732
Embed Views
298

Actions

Likes
0
Downloads
46
Comments
0

2 Embeds 298

http://profsergioxavier.wordpress.com 295
https://profsergioxavier.wordpress.com 3

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Aula05 webdesign Aula05 webdesign Presentation Transcript

  • WEBDESIGN- UNIDADE II -ESTRUTURAÇÃO PARA A CRIAÇÃO DESITEArquitetura da Informação (AI)
  • Conceito - Arquitetura da informação2  “A ciência e a arte de organizar e rotular websites, intranets, comunidades online e software para dar suporte à usabilidade e facilitar a busca das informações.” (Information Architecture Institute)
  • Exemplo - Arquitetura da informação3
  • Exemplo - Arquitetura da informação4
  • Por que usar?5  Uma má arquitetura da informação pode trazer grandes prejuízos para as empresas.  27% das causas de insucesso das vendas em um site de comércio eletrônico são porque o usuário não encontrou as informações.
  • 6 Exemplos de MAU USO da Arquitetura da Informação (AI)
  • Exemplos de MAU USO da AI7 www.universodobebe.com.br
  • Exemplos de MAU USO da AI8 www. mcdonalds.com.br
  • Exemplos de MAU USO da AI9 www.bobs.com.br
  • 10 Exemplos de USO CORRETO da Arquitetura da Informação (AI)
  • Exemplos de USO CORRETO de AI11 www. habibs.com.br
  • Exemplos de USO CORRETO de AI12 www.voegol.com.br
  • Exemplos de USO CORRETO de AI13 www.submarino.com.br
  • Ciclo de vida para estruturação de site14 ARQUITETURA COLETA DESIGN DO SITE DESENVOLVI- DA DE DADOS MENTO INFORMAÇÃO
  • Papel do Arquiteto da Informação15  Facilitar o acesso à informação  Evidenciar as informações mais importantes  Retirar informações desnecessárias  Equilibrar as características e necessidades dos usuários, contexto e conteúdo.
  • www16 Obrigatoriamente TODO SITE deve ser feito a sua Arquitetura da Informação
  • Tripé da Arquitetura da Informação17 CONTEXTO CONTEÚDO USUÁRIOS
  • Tripé da Arquitetura da Informação18 CONTEXTO  Objetivos da organização, políticas, cultura, tecnologia e recursos humanos
  • Tripé da Arquitetura da Informação19 CONTEÚDO  Documentos, formatos/tipos, objetos, estrutura existente
  • Tripé da Arquitetura da Informação20 USUÁRIOS  Audiência, tarefas, necessidades, comportamento de busca de informação, experiência, vocabulário
  • Componentes da21 Arquitetura da Informação  Sistemas de organização  Sistemas de rotulagem  Sistemas de navegação  Sistemas de busca
  • Sistemas de Organização22  Exatas  Ambíguas - Alfabética - Tópico - Cronológica - Tarefa - Geográfica - Audiência - Metáfora - Híbrida
  • Sistemas de Organização23
  • Sistemas de Organização24
  • Sistemas de Rotulagem25  São os nomes das diferentes categorias do site  Aparece no sistema de navegação  É um dos mais importantes aspectos e um dos mais difíceis de ser realizado  Necessita-se refletir sobre o conteúdo para redigir na linguagem do usuário  Pode ser em forma textual ou como imagem (ícone representativo)
  • Sistemas de Rotulagem26
  • Sistemas de Rotulagem27
  • Sistemas de Navegação28 Trata-se de especificar os modelos de navegação que serão vistos pelo usuário de forma que possam se mover pelo espaço informacional e hipertextual.
  • Sistemas de Navegação29 O sistema de navegação se apresenta em dois níveis de localização ou possui duas funções básicas para o usuário (Reis, 2007; Nielsen, 2000):  1) indicar sua localização: mostra a posição do usuário em relação ao website como um todo e identifica em que website o usuário está; e  2) mostrar o caminho correto para seguir e chegar ao seu destino: posiciona o usuário em relação à estrutura interna do website.
  • Sistemas de Navegação30 Tipos de Sistemas de Navegação  Global  Local  Contextual  Auxiliar
  • Sistemas de Navegação31
  • Sistemas de Navegação32 NAVEGAÇÃO LOCAL
  • Sistemas de Navegação NAVEGAÇÃO CONTEXTUAL33
  • Sistemas de Navegação NAVEGAÇÃO AUXILIAR34
  • Sistemas de Busca35  Interface de Busca  Áreas de Busca  Linguagem de Busca  Resultado
  • REFERÊNCIAS36  BIBLIOTECA VIRTUAL http://www.guilhermo.com/ai_biblioteca/assunto.asp?assunto=1
  • OBRIGADO!37  PROF. SERGIO XAVIER E-mail: sergiosx@gmail.com Blog: www.profsergioxavier.wordpress.com