44
Arquitetura de Informação Sistemas de Rotulação Sistemas de Organização

Arquitetura de informacao sistemas de rotulacao e de organizacao

Embed Size (px)

Citation preview

Page 1: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura de Informação

Sistemas de RotulaçãoSistemas de Organização

Page 2: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

Descobrindo o conteúdo

Rotulação – nomeando/representando o conteúdo

Page 3: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

Principais dificuldades

Falar a língua do usuário

Ausência de feedback instantâneo

Page 4: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

“Vou cortar a jaca para dar uma beiçada”

Page 5: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

“Vou dar molepara beijar muito”

Page 6: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

Rotulação

Page 7: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

Rotulação

Page 8: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

Rotulação

Page 9: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

Rotulação

Page 10: Arquitetura de informacao sistemas de rotulacao e de organizacao

Rotulando o conteúdo:

> Consistência

> Certifique-se que os “labels” funcionam ao serem justapostos

> Use a linguagem apropriada

> Evite jargões e gírias

Arquitetura deInformação

Rotulação

Page 11: Arquitetura de informacao sistemas de rotulacao e de organizacao

Rotulando o conteúdo:

> Homônimos – mesma grafia / pronúncia mas significado diferente. Ex: cesta, sexta, sesta

> Sinônimos – mesmo sentido

> Antônimos – sentido oposto

> Polissemia – vários significados. Ex: “cabeça do grupo”; “cabeça dura”; “cabeça oca”

> Parônimos – mesmo som mas significado diferente . Ex: descrição e discrição; vultoso e vultuoso

> Hiperônimos – mesmo campo semântico, mas sentido abrangente

> Hipónimos – mesmo campo semântico, mas sentido restrito

Arquitetura deInformação

Rotulação

animal: mamífero;

informática: computador

meios de transporte: ônibus

casa: cozinha

profissão: médico

doença: câncer

Ex: Grupos de refugiados chegam diariamente do sertão castigado pela seca. São pessoas famintas, maltrapilhas, destruídas.

Note que a palavra “pessoas” é um hiperônimo da palavra “refugiados”, uma vez que “pessoas” apresenta um significado mais

abrangente que seu hipônimo “refugiados”.

Page 12: Arquitetura de informacao sistemas de rotulacao e de organizacao

> Main, Main Page, Home, Home-Page, Página Inicial.

> Search, Find, Busca, Buscar.

> Sitemap, Contents, Table of Contents, Index, Mapa do Site.

> Contact, Contact Us, Contact Webmaster, Feedback, Contate-nos, Fale Conosco, Entre em contato.

> Help, FAQ, Frequently Asked Questions, Ajuda, Dúvidas, Tire suas Dúvidas.

> News, What’s New, Notícias, Últimas Notícias.

> About, About us, About (company name), Who We Are, Quem Somos

Arquitetura deInformação

Rotulação

Exemplos de termos que geram dúvidas

Page 13: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

O que fazer ?

KISS

Page 14: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

O que fazer ?

KISS

Page 15: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

O que fazer ?

Keep It Simple, Stupid

Page 16: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

O que fazer ?

Testar!

Page 17: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

Os usuários precisam encontrar o conteúdo

antes de usá-lo.

(Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web)

Page 18: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

Descobrindo o conteúdo

> Identificar o que distingue um objeto de conteúdo do outro

Organização da informação > Levantar o conteúdo do site

> Determinar quais facetas podem funcionar como metadados

Page 19: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

1. Análise dos tipos de conteúdo

Ajuda a pensar sobre como será a navegação,qual a periodicidade de atualização das páginas,

classificar informações por semelhança

Page 20: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

2. Inventário de conteúdo

Lista completa de todas as informações que devem estar presentes no site.

Essas informações serão, posteriormente, agrupadase hierarquizadas de acordo com sua relevância e importância.

Page 21: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

- PERMISSÃO: esse conteúdo é aberto a todos ou é restrito?- FORMATO: o conteúdo está no corpo do HTML ou em um formato proprietário, como PDF, FLV, etc?- REDUNDÂNCIA: em que outras áreas do site o conteúdo deve ser encontrado?

3 itens para serem levados em consideração:

Page 22: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

3. Procurar por metadados

Descritivos:

- Todas as maneiras diferentes de descrever o objeto de conteúdo

Administrativos:

-Relação do objeto com o contextoEx: Quem criou o conteúdo? Em que data?

Page 23: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

Page 24: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

Page 25: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

Page 26: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura deInformação

Page 27: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura daInformação

4. Faced Classification (Classificação Facetada)

Classificação e organização de um mesmo conjunto de informações de diferentes maneiras.

Você pode utilizar metadados para organizar as informações em esquemas diferentes.

Cada esquema é uma dimensão da estrutura do site.

Page 28: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura daInformação

Alguns exemplos de organização da informação

Page 29: Arquitetura de informacao sistemas de rotulacao e de organizacao

Grandes áreastemáticasdemarcadaspor cores

Arquitetura daInformação

Page 30: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura daInformação

Público-alvo

Perfil de atuação

Page 31: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura daInformação

Page 32: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura daInformação

Page 33: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura daInformação

Page 34: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura daInformação

Cardsorting

Page 35: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura daInformação

Cardsorting

O que é ?

É uma técnica de design centrado no usuário que explora a categorização de conteúdo feita pelo grupo pesquisado.

Para que serve ?

O objetivo é obter dados sobre o modelo mental do usuário no que diz respeito ao espaço da informação

Page 36: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura daInformação

Cardsorting

Como funciona ?

O usuário organiza cartões representando tipos específicos de informação em grupos de conteúdo

Quando aplicar ?

No projeto de um novo siteNa criação de uma nova áreaNo redesign

Page 37: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura daInformação

Cardsorting

Tipos de Cardsorting

Aberto

O usuário agrupa livremente os itens, criando o número de conjuntos que achar necessário, bem como o nome para representar o grupo.

Fechado

O usuário organiza os cartões em categorias já existentes.

Page 38: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura daInformação

Cardsorting

1 sessão por usuário

Para evitar constrangimentos e que a percepção visual se perca frente ao consenso do grupo

Mínimo de 6 sessões

Page 39: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura daInformação

Cardsorting

Funciona melhor quando:

1. Há inventário de conteúdo/funcionalidades

2. As necessidades do usuário são conhecidas

3. O conteúdo é relativamente homogêneo

Page 40: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura daInformação

Cardsorting

Antes:

1. Selecionar o conteúdo(podem ser páginas, grupos de páginas, funcionalidades)

2. Selecionar as pessoas

3. Preparar os cartões(Os cartões devem ser numeradas no verso, para referência posterior.Levar cartões em branco para o caso dos participantes desejarem repetir o conteúdo em mais de uma categoria ou criar um novo item ou categoria)

Page 41: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura daInformação

Cardsorting

Durante:

1. Observar e escutar

2. Fazer anotações

Page 42: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura daInformação

Cardsorting

Depois:

1. Procurar por padrões

2. Procurar por diferenças(conteúdos que foram difíceis de entender,conteúdos que poderiam estar em mais de uma área,rótulos que geraram ambiguidade)

Page 43: Arquitetura de informacao sistemas de rotulacao e de organizacao

Arquitetura daInformação

Cardsorting

Atividade:

Realizar uma sessão de cardsorting

Page 44: Arquitetura de informacao sistemas de rotulacao e de organizacao

http://www.optimalsort.com/pages/default.html

http://websort.net/

Arquitetura daInformação

Cardsorting

Ferramentas online: