SlideShare une entreprise Scribd logo
1  sur  24
Télécharger pour lire hors ligne
Taxonomia em Websites
          Frederick van Amstel
designer de interação usabilidoido.com.br
      Instituto faberludens.com.br
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)
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.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
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
Taxonomia dos seres vivos (Lineu)
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
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. Hierarquização
5. Testes
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
Inventário de Conteúdo numa Planilha de Excel
Processo de Classificação

                        categorizar


    rotular




              agrupar
Rótulos
     aprendiz                  colega
                                            educando

                                   pupilo
                   aluno
universitário
                                            tutelado
                   estudante
 estagiário                         acadêmico
                discípulo
Agrupamentos
aluno
                                universitário
estudante
                                  acadêmico
colega
                                  educando
                     tutelado


        aprendiz                 pupilo
        estagiário               discípulo
Categorias
coloquial
                                               formal
aluno
                                       universitário
estudante
                                         acadêmico
colega                  direito          educando
                        tutelado


         trabalho                   fábulas
         aprendiz                    pupilo
         estagiário                discípulo
•   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
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
•   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
Teste com protótipo
• Palm Vx
• Portátil
• Arquivos HTML apenas
  com as opções de menu

• Tarefas de recuperação
  de informação
•   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
Aplicação da taxonomia ao menu
Obrigado!
          Frederick van Amstel
designer de interação usabilidoido.com.br
      Instituto faberludens.com.br

Contenu connexe

Tendances

Understanding and Applying The Open Group Architecture Framework (TOGAF)
Understanding and Applying The Open Group Architecture Framework (TOGAF)Understanding and Applying The Open Group Architecture Framework (TOGAF)
Understanding and Applying The Open Group Architecture Framework (TOGAF)
Nathaniel Palmer
 

Tendances (20)

Aula 04 - Diagrama de casos de uso
Aula 04 - Diagrama de casos de usoAula 04 - Diagrama de casos de uso
Aula 04 - Diagrama de casos de uso
 
Arquitetura da Informação: Estudos de Caso e Exercícios
Arquitetura da Informação: Estudos de Caso e ExercíciosArquitetura da Informação: Estudos de Caso e Exercícios
Arquitetura da Informação: Estudos de Caso e Exercícios
 
Process Oriented Architecture
Process Oriented ArchitectureProcess Oriented Architecture
Process Oriented Architecture
 
現状分析→価値開発→仕様化&テスト設計の展開事例解説:仕様&テスト編
現状分析→価値開発→仕様化&テスト設計の展開事例解説:仕様&テスト編現状分析→価値開発→仕様化&テスト設計の展開事例解説:仕様&テスト編
現状分析→価値開発→仕様化&テスト設計の展開事例解説:仕様&テスト編
 
プラットフォーム事業者としての今後のエッジコンピューティングのあり方について
プラットフォーム事業者としての今後のエッジコンピューティングのあり方についてプラットフォーム事業者としての今後のエッジコンピューティングのあり方について
プラットフォーム事業者としての今後のエッジコンピューティングのあり方について
 
UXデザインワークショップ資料 by ATOMOS DESIGN
UXデザインワークショップ資料 by ATOMOS DESIGNUXデザインワークショップ資料 by ATOMOS DESIGN
UXデザインワークショップ資料 by ATOMOS DESIGN
 
IoT活用事例集
IoT活用事例集IoT活用事例集
IoT活用事例集
 
Enterprise Architecture - An Introduction from the Real World
Enterprise Architecture - An Introduction from the Real World Enterprise Architecture - An Introduction from the Real World
Enterprise Architecture - An Introduction from the Real World
 
Engenharia de Requisitos
Engenharia de RequisitosEngenharia de Requisitos
Engenharia de Requisitos
 
Snowflakeって実際どうなの?数多のDBを使い倒した猛者が語る
Snowflakeって実際どうなの?数多のDBを使い倒した猛者が語るSnowflakeって実際どうなの?数多のDBを使い倒した猛者が語る
Snowflakeって実際どうなの?数多のDBを使い倒した猛者が語る
 
Governança de TI
Governança de TIGovernança de TI
Governança de TI
 
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
 
Modéliser avec ARCHIMATE 3.1®
Modéliser avec ARCHIMATE 3.1®Modéliser avec ARCHIMATE 3.1®
Modéliser avec ARCHIMATE 3.1®
 
Personas e Cenários
Personas e CenáriosPersonas e Cenários
Personas e Cenários
 
Understanding and Applying The Open Group Architecture Framework (TOGAF)
Understanding and Applying The Open Group Architecture Framework (TOGAF)Understanding and Applying The Open Group Architecture Framework (TOGAF)
Understanding and Applying The Open Group Architecture Framework (TOGAF)
 
Proposta de um Processo de Arquitetura Corporativa (Enterprise Architecture)
Proposta de um Processo de Arquitetura Corporativa (Enterprise Architecture)Proposta de um Processo de Arquitetura Corporativa (Enterprise Architecture)
Proposta de um Processo de Arquitetura Corporativa (Enterprise Architecture)
 
Azure Synapse Analytics 専用SQL Poolベストプラクティス
Azure Synapse Analytics 専用SQL PoolベストプラクティスAzure Synapse Analytics 専用SQL Poolベストプラクティス
Azure Synapse Analytics 専用SQL Poolベストプラクティス
 
CAPABILITY & CAPACITE - Guide de survie en Business Architecture n°1
CAPABILITY & CAPACITE - Guide de survie en Business Architecture n°1CAPABILITY & CAPACITE - Guide de survie en Business Architecture n°1
CAPABILITY & CAPACITE - Guide de survie en Business Architecture n°1
 
Mapa do Site "Pesquisa Web".
Mapa do Site "Pesquisa Web".Mapa do Site "Pesquisa Web".
Mapa do Site "Pesquisa Web".
 
What is quality culture? Is it something tasty?
What is quality culture? Is it something tasty?What is quality culture? Is it something tasty?
What is quality culture? Is it something tasty?
 

Similaire à Taxonomia em Websites

Modelos e sistemas de educação a distância
Modelos e sistemas de educação a distânciaModelos e sistemas de educação a distância
Modelos e sistemas de educação a distância
vinivs
 

Similaire à Taxonomia em Websites (20)

Workshop AI
Workshop AIWorkshop AI
Workshop AI
 
Paralelo entre universidades a distancia e universidades bimodais
Paralelo entre universidades a distancia e universidades bimodaisParalelo entre universidades a distancia e universidades bimodais
Paralelo entre universidades a distancia e universidades bimodais
 
Pesquisa 4.0: Descoberta em Contexto via Semântica Social
Pesquisa 4.0: Descoberta em Contexto via Semântica SocialPesquisa 4.0: Descoberta em Contexto via Semântica Social
Pesquisa 4.0: Descoberta em Contexto via Semântica Social
 
Apresentação Semesp 2009
Apresentação Semesp 2009Apresentação Semesp 2009
Apresentação Semesp 2009
 
Modelos e sistemas de educação a distância
Modelos e sistemas de educação a distânciaModelos e sistemas de educação a distância
Modelos e sistemas de educação a distância
 
Metodologias de ensino a distância e design de cursos - fatores de sucesso
Metodologias de ensino a distância e design de cursos - fatores de sucessoMetodologias de ensino a distância e design de cursos - fatores de sucesso
Metodologias de ensino a distância e design de cursos - fatores de sucesso
 
Didática e Ensino Remoto: planejamento
Didática e Ensino Remoto: planejamento Didática e Ensino Remoto: planejamento
Didática e Ensino Remoto: planejamento
 
Educação a Distância: Panorama e Tendências
Educação a Distância: Panorama e TendênciasEducação a Distância: Panorama e Tendências
Educação a Distância: Panorama e Tendências
 
Um novo olhar sobre a atuação dos Bibliotecários - Profa. Dra. Vania Mara Alv...
Um novo olhar sobre a atuação dos Bibliotecários - Profa. Dra. Vania Mara Alv...Um novo olhar sobre a atuação dos Bibliotecários - Profa. Dra. Vania Mara Alv...
Um novo olhar sobre a atuação dos Bibliotecários - Profa. Dra. Vania Mara Alv...
 
Redes Sociais: de inimigas a parceiras pedagógicas
Redes Sociais: de inimigas a parceiras pedagógicasRedes Sociais: de inimigas a parceiras pedagógicas
Redes Sociais: de inimigas a parceiras pedagógicas
 
Responder a um contexto digital nas IES
Responder a um contexto digital nas IESResponder a um contexto digital nas IES
Responder a um contexto digital nas IES
 
Seminario ead
Seminario eadSeminario ead
Seminario ead
 
Seminario ead
Seminario eadSeminario ead
Seminario ead
 
Serviço de Referência On-line
Serviço de Referência On-lineServiço de Referência On-line
Serviço de Referência On-line
 
Função do mediador
Função do mediadorFunção do mediador
Função do mediador
 
T.I Power Point EAD
T.I Power Point EADT.I Power Point EAD
T.I Power Point EAD
 
Do campus da pesquisa ao campus do conhecimento: instrumentalização da litera...
Do campus da pesquisa ao campus do conhecimento: instrumentalização da litera...Do campus da pesquisa ao campus do conhecimento: instrumentalização da litera...
Do campus da pesquisa ao campus do conhecimento: instrumentalização da litera...
 
Do campo da pesquisa ao campus do conhecimento: instrumentalização da literac...
Do campo da pesquisa ao campus do conhecimento: instrumentalização da literac...Do campo da pesquisa ao campus do conhecimento: instrumentalização da literac...
Do campo da pesquisa ao campus do conhecimento: instrumentalização da literac...
 
Cartaz 2015(1)arriscar
Cartaz 2015(1)arriscarCartaz 2015(1)arriscar
Cartaz 2015(1)arriscar
 
Percurso Profissional e Acadêmico
Percurso Profissional e AcadêmicoPercurso Profissional e Acadêmico
Percurso Profissional e Acadêmico
 

Plus de UTFPR

Diseño y la colonialidad del hacer
Diseño y la colonialidad del hacerDiseño y la colonialidad del hacer
Diseño y la colonialidad del hacer
UTFPR
 

Plus de UTFPR (20)

Cascading oppression in design
Cascading oppression in designCascading oppression in design
Cascading oppression in design
 
Inteligência artificial e o trabalho de design
Inteligência artificial e o trabalho de designInteligência artificial e o trabalho de design
Inteligência artificial e o trabalho de design
 
Expanding the design object
Expanding the design objectExpanding the design object
Expanding the design object
 
Creating possibilities for service design innovation
Creating possibilities for service design innovationCreating possibilities for service design innovation
Creating possibilities for service design innovation
 
Contradiction-driven design
Contradiction-driven designContradiction-driven design
Contradiction-driven design
 
Design expansivo: pensar o possível para fazer o impossível
Design expansivo: pensar o possível para fazer o impossívelDesign expansivo: pensar o possível para fazer o impossível
Design expansivo: pensar o possível para fazer o impossível
 
Metacriatividade: criatividade sobre criatividade
Metacriatividade: criatividade sobre criatividadeMetacriatividade: criatividade sobre criatividade
Metacriatividade: criatividade sobre criatividade
 
Gestão do conhecimento na pesquisa de experiências
Gestão do conhecimento na pesquisa de experiênciasGestão do conhecimento na pesquisa de experiências
Gestão do conhecimento na pesquisa de experiências
 
Jogos Surrealistas e Inteligência Artificial
Jogos Surrealistas e Inteligência ArtificialJogos Surrealistas e Inteligência Artificial
Jogos Surrealistas e Inteligência Artificial
 
El hacer como quehacer: notas para un diseño libre
El hacer como quehacer: notas para un diseño libreEl hacer como quehacer: notas para un diseño libre
El hacer como quehacer: notas para un diseño libre
 
Expressando a posicionalidade do cria-corpo
Expressando a posicionalidade do cria-corpoExpressando a posicionalidade do cria-corpo
Expressando a posicionalidade do cria-corpo
 
Pensamento visual expansivo
Pensamento visual expansivoPensamento visual expansivo
Pensamento visual expansivo
 
O segredo da criatividade no design
O segredo da criatividade no designO segredo da criatividade no design
O segredo da criatividade no design
 
Por que pesquisar e não somente fazer design?
Por que pesquisar e não somente fazer design?Por que pesquisar e não somente fazer design?
Por que pesquisar e não somente fazer design?
 
Making work visible in the theater of service design
Making work visible in the theater of service designMaking work visible in the theater of service design
Making work visible in the theater of service design
 
Can designers change systemic oppression?
Can designers change systemic oppression?Can designers change systemic oppression?
Can designers change systemic oppression?
 
Design contra opressão
Design contra opressãoDesign contra opressão
Design contra opressão
 
O papel da teoria na pesquisa de experiências
O papel da teoria na pesquisa de experiênciasO papel da teoria na pesquisa de experiências
O papel da teoria na pesquisa de experiências
 
Diseño y la colonialidad del hacer
Diseño y la colonialidad del hacerDiseño y la colonialidad del hacer
Diseño y la colonialidad del hacer
 
Problematizando a experiência do usuário (ExU)
Problematizando a experiência do usuário (ExU)Problematizando a experiência do usuário (ExU)
Problematizando a experiência do usuário (ExU)
 

Taxonomia em Websites

  • 1. Taxonomia em Websites Frederick van Amstel designer de interação usabilidoido.com.br Instituto faberludens.com.br
  • 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. Etapa da Arquitetura da Informação (Garrett, 2001)
  • 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. 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. Taxonomia dos seres vivos (Lineu)
  • 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. Taxonomias para navegação (antigo Cadê?)
  • 9. Taxonomia em buscas (WolframAlpha)
  • 10. Taxonomia em buscas (WolframAlpha)
  • 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. 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. Inventário de Conteúdo numa Planilha de Excel
  • 14. Processo de Classificação categorizar rotular agrupar
  • 15. Rótulos aprendiz colega educando pupilo aluno universitário tutelado estudante estagiário acadêmico discípulo
  • 16. Agrupamentos aluno universitário estudante acadêmico colega educando tutelado aprendiz pupilo estagiário discípulo
  • 17. Categorias coloquial formal aluno universitário estudante acadêmico colega direito educando tutelado trabalho fábulas aprendiz pupilo estagiário discípulo
  • 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. 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. 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. 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. 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
  • 24. Obrigado! Frederick van Amstel designer de interação usabilidoido.com.br Instituto faberludens.com.br