Taxonomia em Websites
          Frederick van Amstel
designer de interação usabilidoido.com.br
      Instituto faberludens...
Arquitetura da Informação
• Organização da estrutura de um website e seu
  conteúdo, rotulagem e categorização da
  inform...
Etapa da Arquitetura da Informação (Garrett, 2001)
!"#$%&'&()')&'*+%,-%*$%&'*+)./01$&'2#0'3)-4'56'
           0,7+0,8)#'$)',$309$+')'&%80':$';<=>?!'

 -5;5BD?939./#J313#;36....
Taxonomia na Biologia
• Esquema de classificação hierárquica dos seres
  vivos

• Os filhos tem apenas um pai
• A classifi...
Taxonomia dos seres vivos (Lineu)
Taxonomia em Arquitetura da
       Informação
• Esquema de classificação hierárquico para
  informações diversas

• Os fil...
Taxonomias para navegação (antigo Cadê?)
Taxonomia em buscas (WolframAlpha)
Taxonomia em buscas (WolframAlpha)
Elaboração de Taxonomias
1. Inventário de conteúdo
2. Avaliação da taxonomia atual (se existir)
3. Agrupamento
4. Hierarqu...
Inventário de Conteúdo
• Clicar em todos os links dentro do site
• Anotar
 • URL
 • Quebrado ou não
 • Título da página
 •...
Inventário de Conteúdo numa Planilha de Excel
Processo de Classificação

                        categorizar


    rotular




              agrupar
Rótulos
     aprendiz                  colega
                                            educando

                      ...
Agrupamentos
aluno
                                universitário
estudante
                                  acadêmico
col...
Categorias
coloquial
                                               formal
aluno
                                       un...
•   Entrar na UFPR
Taxonomia   •   Cursos

primária    •   Recursos para o aluno

            •   Serviços à comunidade

 ...
Card-sorting
• Testar ou criar
  classificações baseadas
  no modelo mental do
  usuário

• Aberto ou fechado
• Apresentar...
•   Entrar na UFPR          •   Entrar na UFPR

•   Cursos                  •   Cursos

•   Recursos para o aluno   •   Se...
Teste com protótipo
• Palm Vx
• Portátil
• Arquivos HTML apenas
  com as opções de menu

• Tarefas de recuperação
  de inf...
•   Entrar na UFPR      •   Admissão

•   Cursos              •   Cursos

•   Serviços ao Aluno   •   Central do Aluno

• ...
Aplicação da taxonomia ao menu
Obrigado!
          Frederick van Amstel
designer de interação usabilidoido.com.br
      Instituto faberludens.com.br
Upcoming SlideShare
Loading in...5
×

Taxonomia em Websites

6,999

Published on

Porque o uso de taxonomias no projeto de websites é fundamental para estrutura a navegação e busca dos usuários.

Published in: Design

Transcript of "Taxonomia em Websites"

  1. 1. Taxonomia em Websites Frederick van Amstel designer de interação usabilidoido.com.br Instituto faberludens.com.br
  2. 2. Arquitetura da Informação • Organização da estrutura de um website e seu conteúdo, rotulagem e categorização da informação e o design dos sistemas de navegação e de busca (Rosenfeld e Morville, 2001) • Influência das áreas de Library and Information Systems (LIS), Design da Informação e Interação Humano-Computador (IHC)
  3. 3. Etapa da Arquitetura da Informação (Garrett, 2001)
  4. 4. !"#$%&'&()')&'*+%,-%*$%&'*+)./01$&'2#0'3)-4'56' 0,7+0,8)#'$)',$309$+')'&%80':$';<=>?!' -5;5BD?939./#J313#;36.1#0#G0254# G3I0D@# EFB.//0#9.#G54H/# :4;01<37=./#-./3@D3?56393/# >3?@3#9.#AB.//5C5?5939.# -./01234563780#93/#:4;01<37=./# !"# $!"# %!"# &!"# '!"# (!"# )!"# *!"# +!"# ,!"# $!!"# Pesquisa realizada com 800 usuários em 2009
  5. 5. Taxonomia na Biologia • Esquema de classificação hierárquica dos seres vivos • Os filhos tem apenas um pai • A classificação é feita para acolher novas descobertas
  6. 6. Taxonomia dos seres vivos (Lineu)
  7. 7. Taxonomia em Arquitetura da Informação • Esquema de classificação hierárquico para informações diversas • Os filhos podem ter mais de um pai • Pode ser usada em ferramentas de busca e navegação
  8. 8. Taxonomias para navegação (antigo Cadê?)
  9. 9. Taxonomia em buscas (WolframAlpha)
  10. 10. Taxonomia em buscas (WolframAlpha)
  11. 11. Elaboração de Taxonomias 1. Inventário de conteúdo 2. Avaliação da taxonomia atual (se existir) 3. Agrupamento 4. Hierarquização 5. Testes
  12. 12. Inventário de Conteúdo • Clicar em todos os links dentro do site • Anotar • URL • Quebrado ou não • Título da página • Texto do link que levou à página
  13. 13. Inventário de Conteúdo numa Planilha de Excel
  14. 14. Processo de Classificação categorizar rotular agrupar
  15. 15. Rótulos aprendiz colega educando pupilo aluno universitário tutelado estudante estagiário acadêmico discípulo
  16. 16. Agrupamentos aluno universitário estudante acadêmico colega educando tutelado aprendiz pupilo estagiário discípulo
  17. 17. Categorias coloquial formal aluno universitário estudante acadêmico colega direito educando tutelado trabalho fábulas aprendiz pupilo estagiário discípulo
  18. 18. • Entrar na UFPR Taxonomia • Cursos primária • Recursos para o aluno • Serviços à comunidade • Ensino • Pesquisa • Cultura • Notícias • Sobre a UFPR • Diretório de subsites • Contato
  19. 19. Card-sorting • Testar ou criar classificações baseadas no modelo mental do usuário • Aberto ou fechado • Apresentar cartões pros usuários e pedir para que organizem
  20. 20. • Entrar na UFPR • Entrar na UFPR • Cursos • Cursos • Recursos para o aluno • Serviços ao Aluno • Serviços à comunidade • Serviços Públicos • Ensino • Professores • Pesquisa • Pesquisa • Cultura • Cultura • Notícias • Notícias • Sobre a UFPR • Administração • Diretório de subsites • Contato • Contato
  21. 21. Teste com protótipo • Palm Vx • Portátil • Arquivos HTML apenas com as opções de menu • Tarefas de recuperação de informação
  22. 22. • Entrar na UFPR • Admissão • Cursos • Cursos • Serviços ao Aluno • Central do Aluno • Serviços Públicos • Serviços à Comunidade • Professores • Ensino • Pesquisa • Pesquisa • Cultura • Cultura • Notícias • Notícias • Administração • Administração • Contato • Contato
  23. 23. Aplicação da taxonomia ao menu
  24. 24. Obrigado! Frederick van Amstel designer de interação usabilidoido.com.br Instituto faberludens.com.br
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×