taxonomia em websites

24
Taxonomia em Websites Frederick van Amstel designer de interação usabilidoido.com.br Instituto faberludens.com.br

Upload: frederick-van-amstel

Post on 23-Jun-2015

6.850 views

Category:

Design


0 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Taxonomia em Websites

Taxonomia em WebsitesFrederick van Amstel

designer de interação usabilidoido.com.brInstituto faberludens.com.br

Page 2: Taxonomia em Websites

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)

Page 3: Taxonomia em Websites

Etapa da Arquitetura da Informação (Garrett, 2001)

Page 4: Taxonomia em Websites

!"# $!"# %!"# &!"# '!"# (!"# )!"# *!"# +!"# ,!"# $!!"#

-./01234563780#93/#:4;01<37=./#

>3?@3#9.#AB.//5C5?5939.#

:4;01<37=./#-./3@D3?56393/#

EFB.//0#9.#G54H/#

G3I0D@#

-5;5BD?939./#J313#;36.1#0#G0254#

!"#$%&'&()')&'*+%,-%*$%&'*+)./01$&'2#0'3)-4'56'

0,7+0,8)#'$)',$309$+')'&%80':$';<=>?!'

Pesquisa realizada com 800 usuários em 2009

Page 5: Taxonomia em Websites

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

Page 6: Taxonomia em Websites

Taxonomia dos seres vivos (Lineu)

Page 7: Taxonomia em Websites

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

Page 8: Taxonomia em Websites

Taxonomias para navegação (antigo Cadê?)

Page 9: Taxonomia em Websites

Taxonomia em buscas (WolframAlpha)

Page 10: Taxonomia em Websites

Taxonomia em buscas (WolframAlpha)

Page 11: Taxonomia em Websites

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

Page 12: Taxonomia em Websites

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

Page 13: Taxonomia em Websites

Inventário de Conteúdo numa Planilha de Excel

Page 14: Taxonomia em Websites

Processo de Classificação

rotular

agrupar

categorizar

Page 15: Taxonomia em Websites

Rótulos

alunouniversitário

estudante

aprendiz

pupilo

estagiário acadêmico

tutelado

colega

discípulo

educando

Page 16: Taxonomia em Websites

Agrupamentos

alunouniversitário

estudante

aprendiz pupiloestagiário

acadêmico

tutelado

colega

discípulo

educando

Page 17: Taxonomia em Websites

fábulas

formal

direito

Categorias

alunouniversitário

estudante

aprendiz pupilo

estagiário

acadêmico

tutelado

colega

discípulo

educando

coloquial

trabalho

Page 18: Taxonomia em Websites

Taxonomiaprimária

• Entrar na UFPR

• Cursos

• Recursos para o aluno

• Serviços à comunidade

• Ensino

• Pesquisa

• Cultura

• Notícias

• Sobre a UFPR

• Diretório de subsites

• Contato

Page 19: Taxonomia em Websites

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

Page 20: Taxonomia em Websites

• Entrar na UFPR

• Cursos

• Recursos para o aluno

• Serviços à comunidade

• Ensino

• Pesquisa

• Cultura

• Notícias

• Sobre a UFPR

• Diretório de subsites

• Contato

• Entrar na UFPR

• Cursos

• Serviços ao Aluno

• Serviços Públicos

• Professores

• Pesquisa

• Cultura

• Notícias

• Administração

• Contato

Page 21: Taxonomia em Websites

Teste com protótipo

• Palm Vx

• Portátil

• Arquivos HTML apenas com as opções de menu

• Tarefas de recuperação de informação

Page 22: Taxonomia em Websites

• Entrar na UFPR

• Cursos

• Serviços ao Aluno

• Serviços Públicos

• Professores

• Pesquisa

• Cultura

• Notícias

• Administração

• Contato

• Admissão

• Cursos

• Central do Aluno

• Serviços à Comunidade

• Ensino

• Pesquisa

• Cultura

• Notícias

• Administração

• Contato

Page 23: Taxonomia em Websites

Aplicação da taxonomia ao menu

Page 24: Taxonomia em Websites

Obrigado!Frederick van Amstel

designer de interação usabilidoido.com.brInstituto faberludens.com.br