SISTEMA DE ROTULAÇÃO

Prévia do material em texto

Sistema de RotulaSistema de Rotulaççãoão
Estabelece as formas de representação, de 
apresentação, da informação, definindo signos para 
cada elemento informativo.
Guilhermo Reis (2004) – www.guilhermo.com
Porque você deve se importar com rPorque você deve se importar com róótulostulos
•Rótulo é uma forma de representar informação rápida e eficaz sem oprimir 
o usuário. Seu objetivo é a comunicação eficiente da informação.
•Rotular coisas é natural dos seres humanos.
•Rótulo é a maneira mais fácil do usuário adaptar-se a seu sistema de 
organização e navegação.
•Usuários de web não gastam muito tempo para “decodificar” o rótulo.
Guilhermo Reis (2004) – www.guilhermo.com
Aonde estão as geladeiras ?
Guilhermo Reis (2004) – www.guilhermo.com
Aonde estão as geladeiras ?
Guilhermo Reis (2004) – www.guilhermo.com
O desafio do sistema de rO desafio do sistema de róótulostulos
Ao se construir sistemas da organização e navegação, os sistemas de rótulos 
são ignorados, entanto ele é crucial para que os usuários compreendam as 
informações que podem encontrar no site.
Quando for trabalhar com rótulos você terá desafio em dobro, primeiro você 
tem que fazer os rótulos falar a mesma língua dos usuários. Nós discutimos 
todos os tipos de fontes para rótulos, mas devemos lembrar que seres 
humanos são criaturas que mudam a todo momento, todos são diferentes, e 
mudam a maneira de pensar a cada minuto, o uso da língua muda 
similarmente.
A outra parte é se esforçar para fazer um sistema com rótulos consistentes. 
Usar o mesmo rótulo de maneiras diferentes dentro do mesmo site confunde o 
usuário.
Guilhermo Reis (2004) – www.guilhermo.com
Algumas convenções criaram rótulos para sistemas de navegação. Deve ser 
considerado usar estes rótulos, porque são familiares para a maioria dos 
usuários de Web
– Main, main Page, Home, Home Page, Página Inicial
– Search, Find, Browse, Search/Browse, SiteMap, Contents, Table of Contents, Index, 
Busca, Mapa do Site
– Contact, Contac US, Contact Webmaster, FeedBack, Contate-nos, Fale Conosco, 
Entre em contato
– Help, FAQ, Frequently Asked Questions, Ajuda, Dúvidas
– News, What’s New, Notícias
– About, About US, About < company name >, Who We Are, Sobre a <empresa>
Utilize termos padrõesUtilize termos padrões
Guilhermo Reis (2004) – www.guilhermo.com
RRóótulos ajudam a indexatulos ajudam a indexaçção do siteão do site
Os rótulos são cada vez mais usado como termos de indexação, palavras 
chaves, classificando os índices de grandes sites. São usados de duas 
maneiras:
•Para suportar a Busca por palavras-chaves são atribuídos valores a tag
<META> ou no registro de Base de Dados.
•Posicionar rótulos dentro da Tag <TITLE> pode melhorar as possibilidade de 
acerto nos mecanismo de buscas.
Guilhermo Reis (2004) – www.guilhermo.com
Sistema de rSistema de róótulos em tulos em ííconescones
•Ícones podem representar da mesma maneira as informações em modo de 
texto.
•O problema dos rótulos em ícone é que constituem uma língua limitada 
comparada ao texto.
•Quando se quer representar algo mais complexo pode dificultar o 
entendimento do usuário referente ao ícone.
Guilhermo Reis (2004) – www.guilhermo.com
Sistema de rSistema de róótulos em tulos em ííconescones
O que significam estes ícones ?
Guilhermo Reis (2004) – www.guilhermo.com
Sistema de rSistema de róótulos em tulos em ííconescones
O que significam estes ícones ?
Chat Notícias Esportes Tempo Terra Mail Compras Horóscopo
Guilhermo Reis (2004) – www.guilhermo.com
Utilize ícones padrões:
uma casa para página principal
uma lupa para busca 
? uma interrogação para ajuda
Existe a possibilidade de usar rótulos associados aos ícones para melhorar a 
compreensão.
Sistema de rSistema de róótulos em tulos em ííconescones
Guilhermo Reis (2004) – www.guilhermo.com
1- Ícones de resemblance: 
representam o conceito através de uma 
imagem análoga.
• 2- Ícones exemplares: representam 
o conceito através de um exemplo, uma 
parte, relacionada ao conceito. Sua 
interpretação é dependente de 
contexto.
ÍÍconescones
As formas de representação de ícones podem ser classificadas pela relação que elas guardam 
com o conceito subjacente que representam. A seguir, são apresentadas estas classificações, da 
melhor para a pior:
Sinal de estrada com rochas 
caindo significando 
deslizamentos freqüentes
O garfo e a faca são partes 
do conceito restaurante
3- Ícones simbólicos: utilizam uma 
imagem para representar um conceito 
com significado maior que a imagem 
em si mesma.
• 4- Ícones arbitrários: guardam 
relação arbitrária com o conceito 
subjacente, portanto, a associação 
deve ser aprendida.
A taça com a rachadura 
indica o conceito de frágil
Material radioativo é identificado 
por este símbolo devido a 
normas internacionais.
Guilhermo Reis (2004) – www.guilhermo.com
ÍÍconescones
Ícones podem ter uma de três formas:
–Objetos concretos, do tipo resemblance
–Símbolos abstratos
–Mistos, uma combinação dos dois
O ícone misto geralmente consegue ficar mais próximo do ícone de resemblance, quando utiliza as 
formas abstratas com significado. Ícones mistos são úteis para revelar dinamismo, sensação de 
movimento, idéia de ação, processo.
Guilhermo Reis (2004) – www.guilhermo.com
Criando sistemas de rCriando sistemas de róótulos eficazestulos eficazes
•Antes de começar a rotular sistemas você deve ter determinado a organização e 
sistemas de navegação do site.
•Espelhe os rótulos na língua dos usuários e não na dos proprietários do site.
•Levante todos os rótulos inconsistente do site, e análise as inconveniências.
•A natureza da web incentiva o plagio, portanto navegue no site dos concorrentes.
•Visite sites acadêmicos ou de faculdades porque freqüentemente tem bibliotecários em 
suas equipes para ajudar na construção do site.
•Use vocabulários e enciclopédias controladas
Guilhermo Reis (2004) – www.guilhermo.com
Ajustando o sistema de rAjustando o sistema de róótulotulo
•Crie uma lista com todos os rótulos do site
•Se tiver rótulos duplicados, exclua.
•Reveja a lista e aplique a consistência.
•Em caso de sinônimos ou outras variantes escolha a que melhor se adaptar 
ao seu site.
Guilhermo Reis (2004) – www.guilhermo.com