Arquitetura de Informação - Sistemas de Rotulação e de Organização
Transcript of Arquitetura de Informação - Sistemas de Rotulação e de Organização
![Page 1: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/1.jpg)
Arquitetura de Informação
Sistemas de RotulaçãoSistemas de Informação
![Page 2: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/2.jpg)
Arquitetura deInformação
Descobrindo o conteúdo
Rotulação – nomeando/representando o conteúdo
![Page 3: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/3.jpg)
Arquitetura deInformação
Principais dificuldades
Falar a língua do usuário
Ausência de feedback instantâneo
![Page 4: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/4.jpg)
Arquitetura deInformação
“Vou cortar a jaca para dar uma beiçada”
![Page 5: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/5.jpg)
Arquitetura deInformação
“Vou dar molepara beijar muito”
![Page 6: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/6.jpg)
Arquitetura deInformação
Rotulação
![Page 7: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/7.jpg)
Arquitetura deInformação
Rotulação
![Page 8: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/8.jpg)
Arquitetura deInformação
Rotulação
![Page 9: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/9.jpg)
Arquitetura deInformação
Rotulação
![Page 10: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/10.jpg)
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 Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/11.jpg)
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 Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/12.jpg)
> 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 Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/13.jpg)
Arquitetura deInformação
O que fazer ?
KISS
![Page 14: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/14.jpg)
Arquitetura deInformação
O que fazer ?
KISS
![Page 15: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/15.jpg)
Arquitetura deInformação
O que fazer ?
Keep It Simple, Stupid
![Page 16: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/16.jpg)
Arquitetura deInformação
O que fazer ?
Testar!
![Page 17: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/17.jpg)
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 Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/18.jpg)
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 Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/19.jpg)
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 Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/20.jpg)
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 Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/21.jpg)
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 Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/22.jpg)
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 Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/23.jpg)
Arquitetura deInformação
![Page 24: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/24.jpg)
Arquitetura deInformação
![Page 25: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/25.jpg)
Arquitetura deInformação
![Page 26: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/26.jpg)
Arquitetura deInformação
![Page 27: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/27.jpg)
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 Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/28.jpg)
Arquitetura daInformação
Alguns exemplos de organização da informação
![Page 29: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/29.jpg)
Grandes áreastemáticasdemarcadaspor cores
Arquitetura daInformação
![Page 30: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/30.jpg)
Arquitetura daInformação
Público-alvo
Perfil de atuação
![Page 31: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/31.jpg)
Arquitetura daInformação
![Page 32: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/32.jpg)
Arquitetura daInformação
![Page 33: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/33.jpg)
Arquitetura daInformação
![Page 34: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/34.jpg)
Arquitetura daInformação
Cardsorting
![Page 35: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/35.jpg)
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 Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/36.jpg)
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 Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/37.jpg)
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 Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/38.jpg)
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 Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/39.jpg)
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 Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/40.jpg)
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 Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/41.jpg)
Arquitetura daInformação
Cardsorting
Durante:
1. Observar e escutar
2. Fazer anotações
![Page 42: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/42.jpg)
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 Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/43.jpg)
Arquitetura daInformação
Cardsorting
Atividade:
Realizar uma sessão de cardsorting
![Page 44: Arquitetura de Informação - Sistemas de Rotulação e de Organização](https://reader033.fdocumentos.com/reader033/viewer/2022060119/5590adf51a28abb22a8b479e/html5/thumbnails/44.jpg)
http://www.optimalsort.com/pages/default.html
http://websort.net/
Arquitetura daInformação
Cardsorting
Ferramentas online: