aula05 webdesign

WEBDESIGN

- UNIDADE II -

ESTRUTURAÇÃO PARA A CRIAÇÃO DE

SITE

Arquitetura da Informação (AI)

Conceito - Arquitetura da informação

“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)

2

Exemplo - Arquitetura da informação 3

Exemplo - Arquitetura da informação 4

Por que usar?

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.

5

Exemplos de MAU USO da

Arquitetura da Informação (AI)

6

Exemplos de MAU USO da AI 7

www.universodobebe.com.br

Exemplos de MAU USO da AI 8

www. mcdonalds.com.br

Exemplos de MAU USO da AI 9

www.bobs.com.br

Exemplos de USO CORRETO da

Arquitetura da Informação (AI)

10

Exemplos de USO CORRETO de AI 11

www. habibs.com.br

Exemplos de USO CORRETO de AI 12

www.voegol.com.br

Exemplos de USO CORRETO de AI 13

www.submarino.com.br

Ciclo de vida para estruturação de site 14

COLETA

DE DADOS

ARQUITETURA

DA

INFORMAÇÃO

DESIGN DO SITE DESENVOLVI-

MENTO

Papel do Arquiteto da Informação 15

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.

www 16

Obrigatoriamente

TODO SITE deve ser feito

a sua Arquitetura da Informação

Tripé da Arquitetura da Informação 17

CONTEXTO

CONTEÚDO USUÁRIOS

Tripé da Arquitetura da Informação 18

CONTEXTO

Objetivos da organização, políticas, cultura, tecnologia e recursos humanos

Tripé da Arquitetura da Informação 19

CONTEÚDO

Documentos, formatos/tipos, objetos, estrutura existente

Tripé da Arquitetura da Informação 20

USUÁRIOS

Audiência, tarefas, necessidades,

comportamento de busca de

informação, experiência, vocabulário

Componentes da

Arquitetura da Informação 21

Sistemas de organização

Sistemas de rotulagem

Sistemas de navegação

Sistemas de busca

Sistemas de Organização 22

Exatas

- Alfabética

- Cronológica

- Geográfica

Ambíguas

- Tópico

- Tarefa

- Audiência

- Metáfora

- Híbrida

Sistemas de Organização 23

Sistemas de Organização 24

Sistemas de Rotulagem 25

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 Rotulagem 26

Sistemas de Rotulagem 27

Sistemas de Navegação 28

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ção 29

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ção 30

Tipos de Sistemas de Navegação

Global

Local

Contextual

Auxiliar

Sistemas de Navegação 31

Sistemas de Navegação 32

NAVEGAÇÃO LOCAL

Sistemas de Navegação 33

NAVEGAÇÃO

CONTEXTUAL

Sistemas de Navegação 34

NAVEGAÇÃO

AUXILIAR

Sistemas de Busca 35

Interface de Busca

Áreas de Busca

Linguagem de Busca

Resultado

REFERÊNCIAS

BIBLIOTECA VIRTUAL

http://www.guilhermo.com/ai_biblioteca/assunto.asp?assunto=1

36

OBRIGADO!

PROF. SERGIO XAVIER

E-mail:

sergiosx@gmail.com

Blog:

www.profsergioxavier.wordpress.com

37