Sistemas de organização e rotulação

2,965 views

Published on

Segunda parte do curso de Arquitetura de Informação no iMasters do prof. Vinicius Krause.

Published in: Design

Sistemas de organização e rotulação

  1. 1. ComponentesBásicos da AI
  2. 2. Louis Rosenfeld e Peter Morville, autores do clássico livro da capa com o “Urso Polar”, dividiram a Arquitetura de Informação de um website em quatro grandes sistemas, cada um composto por regras próprias e suas aplicações: Sistema de Organização Sistema de Rotulação Sistema de Navegação Sistemas de Busca* ROSENFELD, L.; MORVILLE, P. Information Architecture for the Word Wide Web. 3. ed. Sebastopol, CA: OReilly, 2006.
  3. 3. Sistema deorganização
  4. 4. Seu site é organizado? * Site acima: http://www.havenworks.com/
  5. 5. O que é um sistema de organização?O sistema de organização é o componente daArquitetura de Informação responsável por organizar ainformação do website.Sua função é definir as regras de classificação eordenação das informações que serão apresentadas eaplicar estas regras, categorizando todos osconteúdos oferecidos.Seu principal desafio é organizar a informação deforma que ajude o usuário a encontrar o que precisapara atingir seu objetivo.
  6. 6. Por quê categorizar as informações? Categorizar é uma habilidade natural que a mente humana usa para compreender o mundo ao seu redor. Categorizar é o processo cognitivo de dividir as experiências do mundo em grupos de entidades, ou categorias, para construir uma ordem dos mundos físico e social em que o individuo participa. JACOB e SHAW, 1998 Categorização é um mecanismo cognitivo fundamental que simplifica a interação do indivíduo com o ambiente: Ela não apenas facilita o armazenamento da informação, mas também reduz a demanda da(apud JACOB e SHAW, 1998) MARKMAN memória humana.* JACOB, E. ; SHAW, D. Sociocognitive Perspectives on Representation. Annual Review of Information Science and Technology (ARIST). Vol. 33, p.131-185, New York: Knowledge Industry Publications, 1988.
  7. 7. Formas de organização da informação Para organizar a informação é preciso classificá-la, definir quais documentos serão colocados em quais categorias. Para isso é preciso considerar as características da interface. Os pesquisadores Rosenfeld & Morville*, falam da importância dos “esquemas de organização”. Citam alguns esquemas de organização através dos quais navegamos todos os dias, como listas de telefone, supermercados e guias de programação de televisão, que facilitam o acesso à informação. Os autores classificam os esquemas em: esquemas exatos e esquemas ambíguos.* ROSENFELD, L.; MORVILLE, P. Information Architecture for the Word Wide Web. 3. ed. Sebastopol, CA: OReilly, 2006.
  8. 8. Sistema de organização Esquema exato Esquema ambíguoDivide a informação em categorias bem Divide a Informação em categoriasdefinidas e mutuamente exclusivas. subjetivas. Baseia-se na ambigüidade inerente da língua e na subjetividadePossui regras claras para incluir novos humana.itens. Não possui regras claras de como incluirIndicado quando o usuário sabe novos itens.exatamente o que está procurando. Indicado quando o usuário não sabe exatamente o que está procurando.Páginas brancas da Páginas amarelas da lista telefônica (Esquema exato) lista telefônica (Esquema ambíguo)
  9. 9. Esquemas de organização exatosAlfabetoIndicado para grandes conjuntos de Informação e públicos muito diversificado.Ex: Dicionários, Enciclopédias, Listas Telefônicas.Tempo (cronológico)Indicado para mostrar a ordem cronológica de eventos.Ex: Livros de História, Guias de TV, Arquivo de notícias.Localização (geográfico)Compara informações vindas de diferentes locais.Ex: Previsão do tempo, pesquisa política, Atlas de anatomia.SeqüênciaOrganiza itens por ordem de grandeza. Indicado para conferir valor ou peso a informação.Ex: Lista de preços, rankings, classificações.
  10. 10. Esquemas de organização ambíguosAssunto (tema)Divide a informação em diferentes tipos, modelos ou perguntas a serem respondidas.Ex: Páginas Amarelas, Editorias do jornal, Supermercado.TarefaOrganiza a informação em conjuntos de ações. Raramente utilizado sozinho na Web.Ex: Menu aplicativos Windows (Editar, Exibir, Formatar).Público-Alvo (audiência)Indicado quando se deseja customizar o conteúdo para diferentes públicos-alvos.Ex: Lojas de departamento (classifica seus produtos em masculino, feminino e infantil).MetáforaUtilizado para orientar o usuário em algo novo baseado-se em algo que lhe é familiar.Ex: Desktop de um computador (utiliza a metáfora de uma mesa de escritório).HíbridoReúne 2 ou mais esquemas em uma mesma organização.Normalmente causa confusão ao usuário.
  11. 11. Faced classificationA classificação do mesmo conjunto de informações em diferentes esquemas échamado de faced classification (classificação facetada ou multi-dimensional). Cadaesquema representa uma dimensão na estrutura que organiza a informação.A web, por ser um ambiente virtual, permite facilmente apresentar a mesmainformação organizada de várias formas. No mundo físico, ao contrário, isso épraticamente impossível.A grande vantagem da faced classification é que ela oferece ao usuário diversasmaneiras de buscar a mesma informação, acomodando diferentes estratégias debusca e modelos conceituais.
  12. 12. Assunto Alfabeto http://www.almanaqueculinario.com.br/receitas-alfabeto/
  13. 13. Tempohttp://veja.abril.com.br/acervodigital/home.aspx
  14. 14. AssuntoTempohttp://www.redetv.com.br/portal/grade.aspx
  15. 15. Localização Assuntohttp://www.tecnisa.com.br
  16. 16. AssuntoLocalização http://www.submarinoviagens.com.br/viagens/destinos.aspx
  17. 17. Seqüência Híbrido (tarefa, assunto) http://migre.me/
  18. 18. Assunto Seqüênciahttp://www.folha.com.br/
  19. 19. Exemplos de sistemas de organização Público-alvo Assunto Tarefas http://www.caixa.gov.br/
  20. 20. Público-alvo Assuntohttp://www.boticario.com.br
  21. 21. Híbrido (assunto, localização, público-alvo)http://www.imoveiscuritiba.com.br
  22. 22. Metáforahttp://www.zoomii.com
  23. 23. Metáforahttp://www.petmoustache.com/index.html
  24. 24. Metáforahttp://www.sharpideas.com/
  25. 25. Dificuldades em organizar a informação na web Principais dificuldades Devido aos seus diversos aspectos cognitivos, a organização da informação na Web apresenta diversas dificuldades: Ambigüidade Heterogeneidade Multilocação Diferenças de Perspectiva Políticas Internas Estética
  26. 26. AmbigüidadeOs sistemas de classificação se baseiam na linguagem humana, que é naturalmente ambígua. Liquidificador está em “eletrodomésticos”,“eletroportáteis”, ou “utilidades domésticas”?http://www.magazineluiza.com.br/
  27. 27. HeterogeneidadeO conteúdo disponibilizado na web é altamente heterogêneo. Em um mesmo site podem estarpresentes conteúdos de diversos tipos (textos, vídeos, sons, etc.) e em diversos formatos(html, gif, jpg, ppt, pdf, doc, etc.). Assim, criar um único sistema de organização que atenda atodo o website pode ser impossível. Serviços Vídeo Publicidade Notícias Mobilehttp://www.globo.com/
  28. 28. MultilocaçãoNo mundo virtual um mesmo corpo pode ocupar dois ou mais lugares no espaço.http://www.musicovery.com
  29. 29. Diferenças de perspectivaO arquiteto precisa evitar que suas perspectivas pessoais influenciem a organização dainformação e buscar atender as diferentes perspectivas de cada usuário, o que aumenta acomplexidade do sistema de organização.http://www.dell.com.br/
  30. 30. Políticas internasMuitas vezes decisões políticas influenciam diretamente a organização da informação demodo a resolver interesses internos ao invés de atender as necessidades do usuário. A exigência de espaços para publicidade em muitos sites afeta profundamente a experiência do usuário.http://www.rpc.com.br/
  31. 31. EstéticaAlém de possuir uma organização compreensível um website precisa ser esteticamenteagradável. Porém a estética não deve prevalecer sobre a compreensão da informação. Esteticamente o site é bonito e agradável, mas seu conteúdo só é descoberto atrás das flores caso o usuário compreenda a metáfora visual aplicada.http://www.flowersforhope.com/garden/
  32. 32. Sistemas deRotulação
  33. 33. Antes, de falar de rotulação vamos falar um pouco de signos:Semiótica: O estudo dos signos.Signos são representações de experiências.Tudo aquilo que faz parte do universo cognitivo do usuário, nós podemos chamarde intuitivo, inclusive os processos de significação que podem variar de acordocom o contexto semântico.
  34. 34. Processo de significação:
  35. 35. Contextos semânticosCultural Funcional Pajero Clipe Brasil Espanha Temporal Gramatical Pia Broto Verbo 1960 2009 Substantivo (o pássaro pia)
  36. 36. Sistema de rotulaçãoRótulos são os signos que irão representar a estruturação do conteúdo do site. Eles devemcomunicar ao usuário qual é o conteúdo do site e o que ele pode ou não pode fazer.Château Pétrus Do AvôPomerol, Bordeaux, França. Campo Largo, Paraná, Brasil.Safra de 1899 Safra de 20095.203,00€, R$ 5,60
  37. 37. Regras de rotulaçãoCompletudeCubra todo o conceito transmitido pelo conjunto de rótulos.Níveis conteúdoNão misture conceitos com níveis diferentes de abrangência.SintaxeMantenha uniformidade na sintaxe dos termos.EstiloSiga um padrão de apresentação visual.PúblicoNão misture termos com abordagens diferentes no mesmo menu.
  38. 38. Recomendações para oSistema de rotulação- Crie categorias auto exclusivas.- Consulte outros sistemas de rotulação da categoria.- Use termos padronizados. Se necessário, crie um arquivo de autoridade.- Cuidado com sinônimos, homônimos e termos ambíguos. Estabeleça um padrão de usoou indique a desambiguação.- Evite siglas.
  39. 39. Recomendações para oSistema de rotulação- Pense na Amigabilidade.- Fale a linguagem do usuário. Faça um Card Sorting.- Estreite o Escopo para evitar ambiguidades. Se precisar divida o conteúdo do site emsub-sites.-Exiba os itens imediatamente inferiores.- Os termos devem se adequar a estrutura mental do usuário e não a estrutura internadas empresas.
  40. 40. Rótulos textuais Rótulos visuaisSignos em forma de palavras. Signos em formas de imagens. VACA Vantagens Vantagens Intuitividade Economia de espaço Facilidade de Eficiência de uso Aprendizagem Deixam a interface mais Implementação Rápida atrativa
  41. 41. Tipos de ÍconesÍcones Diretos ou literais Ícones indiretosRepresentam o conceito literalmente, mostram Se apropriam de uma parte do conceitouma figura do próprio conceito representado. representado na composição do signo. Ícones metafóricos Signos arbitrários Utilizam um outro conceito ou ato Definidos formalmente sem qualquer relação relacionado ao que respresenta. natural com seu significado. Ícones Concretos Ícones Abstratos Ícones Mistos
  42. 42. Ícones-Padrão
  43. 43. FolksonomiaTermo criado pelo arquiteto de informação Thomas Vander Wal(Folk = Povo + Taxonomia)É um recurso que permite que os próprios usuários criemseu sistema de rotulação por meio de “tags”.Os termos não precisam ter, necessariamente , umahierarquia ou qualquer tipo de relação entre si.
  44. 44. Folksonomia:Vantagens- Diminui os custos para categorizar o conteúdo porque não envolve profissionaisespecializados em categorização de conteúdos.- Permite que o usuário organize facilmente o conteúdo porque ele não precisa aprenderum vocabulário controlado.- Reflete o vocabulário do usuário.- Permite encontrar conteúdos inesperados graças as conexões criadas pelas tags.- Diminui as barreiras para a cooperação.DesvantagensPode ter inconsistências e ambigüidades devido a: Polissemia: palavras com muitos significados Sinonímia: múltiplas palavras com mesmo significado Inflexões: variações de gênero, número e grau da palavra Erros de ortografia e digitação. Pode ter muitas tags imprecisas ou irrelevantes (meta noise)
  45. 45. Polissemia Inflexão Sinônimos
  46. 46. Folksonomia Controlada- Apresentar instruções de como o usuário deve escolher a tag- Sugerir tags semelhantes e já utilizadas por outros usuários- Apresentar sinônimos- Aplicar correção ortográfica- Indicar o assunto ao qual as tags se referem- Sugerir ao usuário que classifique a informação em tags pré-definidas

×