SlideShare ist ein Scribd-Unternehmen logo
1 von 44
Arquitetura de Informação Sistemas de Rotulação Sistemas de Informação
Arquitetura de Informação Descobrindo o conteúdo Rotulação  – nomeando/representando o conteúdo
Arquitetura de Informação Principais dificuldades Falar a língua do usuário Ausência de feedback instantâneo
Arquitetura de Informação “ Vou cortar a jaca  para dar uma beiçada ”
Arquitetura de Informação “ Vou dar mole para beijar muito ”
Arquitetura de Informação Rotulação
Arquitetura de Informação Rotulação
Arquitetura de Informação Rotulação
Arquitetura de Informação Rotulação
Rotulando o conteúdo: >  Consistência >  Certifique-se que os “labels” funcionam ao serem justapostos >   Use a linguagem apropriada  >  Evite jargões e gírias Arquitetura de Informação Rotulação
Rotulando o conteúdo: >   Homônimos  – mesma grafia / pronúncia mas significado diferente. Ex: cesta, sexta, sesta >  Sinônimos  – mesmo sentido >   Antônimos  – sentido oposto >  Polissemia  – vários significados. Ex: “cabeça do grupo”; “cabeça dura”; “cabeça oca” >  Parônimos  – mesmo som mas significado diferente . Ex: descrição e discrição; vultoso e vultuoso  >  Hiperônimos  – mesmo campo semântico, mas sentido abrangente >  Hipónimos  – mesmo campo semântico, mas sentido restrito Arquitetura de Informação Rotulação animal: mamífero; informática: computador meios de transporte: ônibus casa: cozinha profissão: médico doença: câncer Ex:   Grupos de  refugiados  chegam diariamente do sertão castigado pela seca. São  pessoas  famintas, maltrapilhas, destruídas.  Note que a palavra “pessoas” é um hiperônimo da palavra “refugiados”, uma vez que “pessoas” apresenta um significado mais abrangente que seu hipônimo “refugiados”.
>  Main, Main Page, Home, Home-Page, Página Inicial. >  Search, Find, Busca, Buscar. >  Sitemap, Contents, Table of Contents, Index, Mapa do Site. >  Contact, Contact Us, Contact Webmaster, Feedback, Contate-nos, Fale  Conosco, Entre em contato. >  Help, FAQ, Frequently Asked Questions, Ajuda, Dúvidas, Tire suas Dúvidas. >  News, What’s New, Notícias, Últimas Notícias. >   About, About us, About (company name), Who We Are, Quem Somos Arquitetura de Informação Rotulação Exemplos de termos que geram dúvidas
Arquitetura de Informação O que fazer  ? KISS
Arquitetura de Informação O que fazer  ? KISS
Arquitetura de Informação O que fazer  ? K eep   I t   S imple,   S tupid
Arquitetura de Informação O que fazer  ? Testar!
Arquitetura de Informação Os usuários precisam encontrar o conteúdo antes de usá-lo.  (Peter Morville & Louis Rosenfeld, in  Information Architecture for the World Wide Web )
Arquitetura de Informação Descobrindo o conteúdo >  Identificar o que distingue um objeto  de conteúdo do outro Organização da informação   >  Levantar o conteúdo do site >   Determinar quais facetas podem funcionar  como metadados
Arquitetura de Informação 1. Análise dos tipos de conteúdo Ajuda a pensar sobre como será a navegação, qual a periodicidade de atualização das páginas, classificar informações por semelhança
Arquitetura de Informação 2. Inventário de conteúdo Lista completa de todas as informações  que devem estar presentes no site. Essas informações serão, posteriormente, agrupadas e hierarquizadas de acordo com sua relevância e importância.
Arquitetura de Informação - PERMISSÃO: esse conteúdo é aberto a todos ou é restrito? - FORMATO: o conteúdo está no corpo do HTML ou em um formato   proprietário, como PDF, FLV, etc? - REDUNDÂNCIA: em que outras áreas do site o conteúdo deve  ser encontrado? 3 itens para serem levados em consideração:
Arquitetura de Informação 3. Procurar por metadados ,[object Object],[object Object],[object Object],[object Object],[object Object]
Arquitetura de Informação
Arquitetura de Informação
Arquitetura de Informação
Arquitetura de Informação
Arquitetura da Informação 4. Faced Classification (Classificação Facetada) Classificação e organização de um mesmo conjunto  de informações de diferentes maneiras. Você pode utilizar metadados para organizar  as informações em esquemas diferentes. Cada esquema é uma dimensão da estrutura do site.
Arquitetura da Informação Alguns exemplos de organização da informação
Grandes áreas temáticas demarcadas por cores Arquitetura da Informação
Arquitetura da Informação Público-alvo Perfil de atuação
Arquitetura da Informação
Arquitetura da Informação
Arquitetura da Informação
Arquitetura da Informação Cardsorting
Arquitetura da Informação Cardsorting O que é  ? É uma técnica de design centrado no usuário que explora a categorização de conteúdo feita pelo grupo pesquisado. Para que serve  ? O objetivo é obter dados sobre o modelo mental do usuário no que diz respeito ao espaço da informação
Arquitetura da Informação Cardsorting Como funciona  ? O usuário organiza cartões representando tipos específicos de informação em grupos de conteúdo Quando aplicar  ? No projeto de um novo site Na criação de uma nova área No redesign
Arquitetura da Informação Cardsorting Tipos de  Cardsorting Aberto O usuário agrupa livremente os itens, criando o número de conjuntos que achar necessário, bem como o nome para representar o grupo.  Fechado O usuário organiza os cartões em categorias já existentes.
Arquitetura da Informação Cardsorting 1 sessão por usuário Para evitar constrangimentos e que a percepção visual  se perca frente ao consenso do grupo Mínimo de 6 sessões
Arquitetura da Informação Cardsorting Funciona melhor quando: 1. Há inventário de conteúdo/funcionalidades 2. As necessidades do usuário são conhecidas 3. O conteúdo é relativamente homogêneo
Arquitetura da Informação Cardsorting ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Arquitetura da Informação Cardsorting ,[object Object],[object Object],[object Object]
Arquitetura da Informação Cardsorting ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Arquitetura da Informação Cardsorting Atividade: Realizar uma sessão de cardsorting
http://www.optimalsort.com/pages/default.html http://websort.net/ Arquitetura da Informação Cardsorting Ferramentas online:

Weitere ähnliche Inhalte

Was ist angesagt?

Sistema de rotulagem
Sistema de rotulagemSistema de rotulagem
Sistema de rotulagemRobson Santos
 
Arquitetura de informação para Interface Digital
Arquitetura de informação para Interface DigitalArquitetura de informação para Interface Digital
Arquitetura de informação para Interface DigitalMarconi Pacheco
 
Arquitetura da Informação e Webdesign
Arquitetura da Informação e WebdesignArquitetura da Informação e Webdesign
Arquitetura da Informação e WebdesignDanilo Rosisca Pereira
 
Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Rafael Marinho
 
Arquitetura de Informacao: Conceitos Básicos
Arquitetura de Informacao: Conceitos BásicosArquitetura de Informacao: Conceitos Básicos
Arquitetura de Informacao: Conceitos BásicosMateada
 
Introdução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoIntrodução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoInstituto Faber-Ludens
 
Arquitetura de Informacao em Projetos de Design
Arquitetura de Informacao em Projetos de DesignArquitetura de Informacao em Projetos de Design
Arquitetura de Informacao em Projetos de DesignMauro Pinheiro
 
Intensivo 80h - Arquitetura de informação e usabilidade
Intensivo 80h - Arquitetura de informação e usabilidadeIntensivo 80h - Arquitetura de informação e usabilidade
Intensivo 80h - Arquitetura de informação e usabilidadeEscola do Marketing Digital
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de InformaçãoRodrigo Savazoni
 
Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)Luiz Agner
 
Arquitetura da Informação em Projetos Web
Arquitetura da Informação em Projetos WebArquitetura da Informação em Projetos Web
Arquitetura da Informação em Projetos WebOtaviano Silvério
 
Navegação e Arquitetura de Informação
Navegação e Arquitetura de InformaçãoNavegação e Arquitetura de Informação
Navegação e Arquitetura de InformaçãoLuiz Agner
 
Palestra - Card Sorting (atualizada)
Palestra - Card Sorting (atualizada)Palestra - Card Sorting (atualizada)
Palestra - Card Sorting (atualizada)Luiz Agner
 
Cardsorting - Palestra (atualizada)
Cardsorting - Palestra (atualizada) Cardsorting - Palestra (atualizada)
Cardsorting - Palestra (atualizada) Luiz Agner
 
Arquitetura de Informação - Aulas 04 e 05
Arquitetura de Informação - Aulas 04 e 05Arquitetura de Informação - Aulas 04 e 05
Arquitetura de Informação - Aulas 04 e 05vincevader
 
Apresentação - Arquitetura de Informação
Apresentação - Arquitetura de InformaçãoApresentação - Arquitetura de Informação
Apresentação - Arquitetura de InformaçãoLuiz Agner
 
Arquitetura da Informação de Websites de Bibliotecas Universitárias
Arquitetura da Informação de Websites de Bibliotecas UniversitáriasArquitetura da Informação de Websites de Bibliotecas Universitárias
Arquitetura da Informação de Websites de Bibliotecas UniversitáriasZayr Silva
 
O que é Arquitetura de Informação e UX Design: visão de uma bibliotecária inf...
O que é Arquitetura de Informação e UX Design: visão de uma bibliotecária inf...O que é Arquitetura de Informação e UX Design: visão de uma bibliotecária inf...
O que é Arquitetura de Informação e UX Design: visão de uma bibliotecária inf...Paula Azevedo Macedo
 
Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...
Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...
Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...Rafael Burity
 

Was ist angesagt? (20)

Sistema de rotulagem
Sistema de rotulagemSistema de rotulagem
Sistema de rotulagem
 
Arquitetura de informação para Interface Digital
Arquitetura de informação para Interface DigitalArquitetura de informação para Interface Digital
Arquitetura de informação para Interface Digital
 
Arquitetura da Informação e Webdesign
Arquitetura da Informação e WebdesignArquitetura da Informação e Webdesign
Arquitetura da Informação e Webdesign
 
Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10
 
Arquitetura de Informacao: Conceitos Básicos
Arquitetura de Informacao: Conceitos BásicosArquitetura de Informacao: Conceitos Básicos
Arquitetura de Informacao: Conceitos Básicos
 
Introdução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoIntrodução à Arquitetura de Informação
Introdução à Arquitetura de Informação
 
Arquitetura de Informacao em Projetos de Design
Arquitetura de Informacao em Projetos de DesignArquitetura de Informacao em Projetos de Design
Arquitetura de Informacao em Projetos de Design
 
Intensivo 80h - Arquitetura de informação e usabilidade
Intensivo 80h - Arquitetura de informação e usabilidadeIntensivo 80h - Arquitetura de informação e usabilidade
Intensivo 80h - Arquitetura de informação e usabilidade
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de Informação
 
Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)
 
Arquitetura da Informação em Projetos Web
Arquitetura da Informação em Projetos WebArquitetura da Informação em Projetos Web
Arquitetura da Informação em Projetos Web
 
Navegação e Arquitetura de Informação
Navegação e Arquitetura de InformaçãoNavegação e Arquitetura de Informação
Navegação e Arquitetura de Informação
 
Palestra - Card Sorting (atualizada)
Palestra - Card Sorting (atualizada)Palestra - Card Sorting (atualizada)
Palestra - Card Sorting (atualizada)
 
Cardsorting - Palestra (atualizada)
Cardsorting - Palestra (atualizada) Cardsorting - Palestra (atualizada)
Cardsorting - Palestra (atualizada)
 
Arquitetura de Informação - Aulas 04 e 05
Arquitetura de Informação - Aulas 04 e 05Arquitetura de Informação - Aulas 04 e 05
Arquitetura de Informação - Aulas 04 e 05
 
Apresentação - Arquitetura de Informação
Apresentação - Arquitetura de InformaçãoApresentação - Arquitetura de Informação
Apresentação - Arquitetura de Informação
 
Arquitetura da Informação de Websites de Bibliotecas Universitárias
Arquitetura da Informação de Websites de Bibliotecas UniversitáriasArquitetura da Informação de Websites de Bibliotecas Universitárias
Arquitetura da Informação de Websites de Bibliotecas Universitárias
 
O que é Arquitetura de Informação e UX Design: visão de uma bibliotecária inf...
O que é Arquitetura de Informação e UX Design: visão de uma bibliotecária inf...O que é Arquitetura de Informação e UX Design: visão de uma bibliotecária inf...
O que é Arquitetura de Informação e UX Design: visão de uma bibliotecária inf...
 
Folksonomia
FolksonomiaFolksonomia
Folksonomia
 
Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...
Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...
Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e prior...
 

Andere mochten auch

Webwriting e seo
Webwriting e seoWebwriting e seo
Webwriting e seopospipoca
 
Design de informacao wireframes
Design de informacao   wireframesDesign de informacao   wireframes
Design de informacao wireframesDavi Denardi
 
Arquitetura da Informacao na WEB
Arquitetura da Informacao na WEBArquitetura da Informacao na WEB
Arquitetura da Informacao na WEBFábio Flatschart
 
O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)Thiago Esser
 
Usabilidade para Pequenos e Médios Projetos Web
Usabilidade para Pequenos e Médios Projetos WebUsabilidade para Pequenos e Médios Projetos Web
Usabilidade para Pequenos e Médios Projetos WebPaulo Coimbra
 
Os 7 processos da Arquitetura da Informação
Os 7 processos da Arquitetura da InformaçãoOs 7 processos da Arquitetura da Informação
Os 7 processos da Arquitetura da InformaçãoEdyd B. Junges
 

Andere mochten auch (7)

Webwriting e seo
Webwriting e seoWebwriting e seo
Webwriting e seo
 
Design de informacao wireframes
Design de informacao   wireframesDesign de informacao   wireframes
Design de informacao wireframes
 
Testes automatizados de software
Testes automatizados de softwareTestes automatizados de software
Testes automatizados de software
 
Arquitetura da Informacao na WEB
Arquitetura da Informacao na WEBArquitetura da Informacao na WEB
Arquitetura da Informacao na WEB
 
O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)O Designer no Mundo da Tecnologia da Informação (TI)
O Designer no Mundo da Tecnologia da Informação (TI)
 
Usabilidade para Pequenos e Médios Projetos Web
Usabilidade para Pequenos e Médios Projetos WebUsabilidade para Pequenos e Médios Projetos Web
Usabilidade para Pequenos e Médios Projetos Web
 
Os 7 processos da Arquitetura da Informação
Os 7 processos da Arquitetura da InformaçãoOs 7 processos da Arquitetura da Informação
Os 7 processos da Arquitetura da Informação
 

Ähnlich wie Rotulação Conteúdo IA

Arquitetura de informacao sistemas de rotulacao e de organizacao
Arquitetura de informacao sistemas de rotulacao e de organizacaoArquitetura de informacao sistemas de rotulacao e de organizacao
Arquitetura de informacao sistemas de rotulacao e de organizacaoeramos7senac
 
Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenáriosposgraduacaorj
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãopospipoca
 
Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira Doisnovemeia Publicidade
 
Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenáriosposgraduacaorj
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da InformaçãoMarcello Cardoso
 
Card Sorting na Arquitetura de Informação
Card Sorting na Arquitetura de InformaçãoCard Sorting na Arquitetura de Informação
Card Sorting na Arquitetura de InformaçãoLuiz Agner
 
Arquitetura da informação
Arquitetura da informação Arquitetura da informação
Arquitetura da informação UNESP Marília
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacaoduradez
 
Pesquisa na web
Pesquisa na webPesquisa na web
Pesquisa na webUFJF
 
Usabilidade aula-03. Processos: Arquitetura de informação
Usabilidade aula-03. Processos: Arquitetura de informaçãoUsabilidade aula-03. Processos: Arquitetura de informação
Usabilidade aula-03. Processos: Arquitetura de informaçãoAlan Vasconcelos
 
Laboratório Audivisual Hipermedia Aula2 07 03
Laboratório Audivisual Hipermedia Aula2 07 03Laboratório Audivisual Hipermedia Aula2 07 03
Laboratório Audivisual Hipermedia Aula2 07 03Pedro Tavares
 

Ähnlich wie Rotulação Conteúdo IA (20)

Arquitetura de informacao sistemas de rotulacao e de organizacao
Arquitetura de informacao sistemas de rotulacao e de organizacaoArquitetura de informacao sistemas de rotulacao e de organizacao
Arquitetura de informacao sistemas de rotulacao e de organizacao
 
Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenários
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira
 
Card Sorting
Card SortingCard Sorting
Card Sorting
 
Arquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e CenáriosArquitetura de Informação - Personas e Cenários
Arquitetura de Informação - Personas e Cenários
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 
O Arquiteto da Informação
O Arquiteto da InformaçãoO Arquiteto da Informação
O Arquiteto da Informação
 
Arquitetura da Informação - Origem e Desenvolvimento
Arquitetura da Informação - Origem e DesenvolvimentoArquitetura da Informação - Origem e Desenvolvimento
Arquitetura da Informação - Origem e Desenvolvimento
 
Card Sorting na Arquitetura de Informação
Card Sorting na Arquitetura de InformaçãoCard Sorting na Arquitetura de Informação
Card Sorting na Arquitetura de Informação
 
Arquitetura da informação
Arquitetura da informação Arquitetura da informação
Arquitetura da informação
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacao
 
Pesquisa na web
Pesquisa na webPesquisa na web
Pesquisa na web
 
Pesquisa na web
Pesquisa na webPesquisa na web
Pesquisa na web
 
Pesquisa na web
Pesquisa na webPesquisa na web
Pesquisa na web
 
Pesquisa na web_lana
Pesquisa na web_lanaPesquisa na web_lana
Pesquisa na web_lana
 
Pesquisa na Web
Pesquisa na WebPesquisa na Web
Pesquisa na Web
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Usabilidade aula-03. Processos: Arquitetura de informação
Usabilidade aula-03. Processos: Arquitetura de informaçãoUsabilidade aula-03. Processos: Arquitetura de informação
Usabilidade aula-03. Processos: Arquitetura de informação
 
Laboratório Audivisual Hipermedia Aula2 07 03
Laboratório Audivisual Hipermedia Aula2 07 03Laboratório Audivisual Hipermedia Aula2 07 03
Laboratório Audivisual Hipermedia Aula2 07 03
 

Mehr von pospipoca

Arquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de NavegaçãoArquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de Navegaçãopospipoca
 
Conteúdo para blogs
Conteúdo para blogsConteúdo para blogs
Conteúdo para blogspospipoca
 
Branded content & transmedia storytelling
Branded content & transmedia storytellingBranded content & transmedia storytelling
Branded content & transmedia storytellingpospipoca
 
Argumentação
ArgumentaçãoArgumentação
Argumentaçãopospipoca
 
Webwriting na Prática
Webwriting na PráticaWebwriting na Prática
Webwriting na Práticapospipoca
 
Principios do Webwriting
Principios do WebwritingPrincipios do Webwriting
Principios do Webwritingpospipoca
 
Escrever é Fazer Sexo
Escrever é Fazer SexoEscrever é Fazer Sexo
Escrever é Fazer Sexopospipoca
 
Escrever é Fazer Sexo
Escrever é Fazer SexoEscrever é Fazer Sexo
Escrever é Fazer Sexopospipoca
 
O Hipertexto e a Leitura na Web
O Hipertexto e a Leitura na WebO Hipertexto e a Leitura na Web
O Hipertexto e a Leitura na Webpospipoca
 
Provocações
ProvocaçõesProvocações
Provocaçõespospipoca
 
Provocações
ProvocaçõesProvocações
Provocaçõespospipoca
 

Mehr von pospipoca (11)

Arquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de NavegaçãoArquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de Navegação
 
Conteúdo para blogs
Conteúdo para blogsConteúdo para blogs
Conteúdo para blogs
 
Branded content & transmedia storytelling
Branded content & transmedia storytellingBranded content & transmedia storytelling
Branded content & transmedia storytelling
 
Argumentação
ArgumentaçãoArgumentação
Argumentação
 
Webwriting na Prática
Webwriting na PráticaWebwriting na Prática
Webwriting na Prática
 
Principios do Webwriting
Principios do WebwritingPrincipios do Webwriting
Principios do Webwriting
 
Escrever é Fazer Sexo
Escrever é Fazer SexoEscrever é Fazer Sexo
Escrever é Fazer Sexo
 
Escrever é Fazer Sexo
Escrever é Fazer SexoEscrever é Fazer Sexo
Escrever é Fazer Sexo
 
O Hipertexto e a Leitura na Web
O Hipertexto e a Leitura na WebO Hipertexto e a Leitura na Web
O Hipertexto e a Leitura na Web
 
Provocações
ProvocaçõesProvocações
Provocações
 
Provocações
ProvocaçõesProvocações
Provocações
 

Rotulação Conteúdo IA

  • 1. Arquitetura de Informação Sistemas de Rotulação Sistemas de Informação
  • 2. Arquitetura de Informação Descobrindo o conteúdo Rotulação – nomeando/representando o conteúdo
  • 3. Arquitetura de Informação Principais dificuldades Falar a língua do usuário Ausência de feedback instantâneo
  • 4. Arquitetura de Informação “ Vou cortar a jaca para dar uma beiçada ”
  • 5. Arquitetura de Informação “ Vou dar mole para beijar muito ”
  • 10. Rotulando o conteúdo: > Consistência > Certifique-se que os “labels” funcionam ao serem justapostos > Use a linguagem apropriada > Evite jargões e gírias Arquitetura de Informação Rotulação
  • 11. Rotulando o conteúdo: > Homônimos – mesma grafia / pronúncia mas significado diferente. Ex: cesta, sexta, sesta > Sinônimos – mesmo sentido > Antônimos – sentido oposto > Polissemia – vários significados. Ex: “cabeça do grupo”; “cabeça dura”; “cabeça oca” > Parônimos – mesmo som mas significado diferente . Ex: descrição e discrição; vultoso e vultuoso > Hiperônimos – mesmo campo semântico, mas sentido abrangente > Hipónimos – mesmo campo semântico, mas sentido restrito Arquitetura de Informação Rotulação animal: mamífero; informática: computador meios de transporte: ônibus casa: cozinha profissão: médico doença: câncer Ex: Grupos de refugiados chegam diariamente do sertão castigado pela seca. São pessoas famintas, maltrapilhas, destruídas. Note que a palavra “pessoas” é um hiperônimo da palavra “refugiados”, uma vez que “pessoas” apresenta um significado mais abrangente que seu hipônimo “refugiados”.
  • 12. > Main, Main Page, Home, Home-Page, Página Inicial. > Search, Find, Busca, Buscar. > Sitemap, Contents, Table of Contents, Index, Mapa do Site. > Contact, Contact Us, Contact Webmaster, Feedback, Contate-nos, Fale Conosco, Entre em contato. > Help, FAQ, Frequently Asked Questions, Ajuda, Dúvidas, Tire suas Dúvidas. > News, What’s New, Notícias, Últimas Notícias. > About, About us, About (company name), Who We Are, Quem Somos Arquitetura de Informação Rotulação Exemplos de termos que geram dúvidas
  • 13. Arquitetura de Informação O que fazer ? KISS
  • 14. Arquitetura de Informação O que fazer ? KISS
  • 15. Arquitetura de Informação O que fazer ? K eep I t S imple, S tupid
  • 16. Arquitetura de Informação O que fazer ? Testar!
  • 17. Arquitetura de Informação Os usuários precisam encontrar o conteúdo antes de usá-lo. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web )
  • 18. Arquitetura de Informação Descobrindo o conteúdo > Identificar o que distingue um objeto de conteúdo do outro Organização da informação > Levantar o conteúdo do site > Determinar quais facetas podem funcionar como metadados
  • 19. Arquitetura de Informação 1. Análise dos tipos de conteúdo Ajuda a pensar sobre como será a navegação, qual a periodicidade de atualização das páginas, classificar informações por semelhança
  • 20. Arquitetura de Informação 2. Inventário de conteúdo Lista completa de todas as informações que devem estar presentes no site. Essas informações serão, posteriormente, agrupadas e hierarquizadas de acordo com sua relevância e importância.
  • 21. Arquitetura de Informação - PERMISSÃO: esse conteúdo é aberto a todos ou é restrito? - FORMATO: o conteúdo está no corpo do HTML ou em um formato proprietário, como PDF, FLV, etc? - REDUNDÂNCIA: em que outras áreas do site o conteúdo deve ser encontrado? 3 itens para serem levados em consideração:
  • 22.
  • 27. Arquitetura da Informação 4. Faced Classification (Classificação Facetada) Classificação e organização de um mesmo conjunto de informações de diferentes maneiras. Você pode utilizar metadados para organizar as informações em esquemas diferentes. Cada esquema é uma dimensão da estrutura do site.
  • 28. Arquitetura da Informação Alguns exemplos de organização da informação
  • 29. Grandes áreas temáticas demarcadas por cores Arquitetura da Informação
  • 30. Arquitetura da Informação Público-alvo Perfil de atuação
  • 35. Arquitetura da Informação Cardsorting O que é ? É uma técnica de design centrado no usuário que explora a categorização de conteúdo feita pelo grupo pesquisado. Para que serve ? O objetivo é obter dados sobre o modelo mental do usuário no que diz respeito ao espaço da informação
  • 36. Arquitetura da Informação Cardsorting Como funciona ? O usuário organiza cartões representando tipos específicos de informação em grupos de conteúdo Quando aplicar ? No projeto de um novo site Na criação de uma nova área No redesign
  • 37. Arquitetura da Informação Cardsorting Tipos de Cardsorting Aberto O usuário agrupa livremente os itens, criando o número de conjuntos que achar necessário, bem como o nome para representar o grupo. Fechado O usuário organiza os cartões em categorias já existentes.
  • 38. Arquitetura da Informação Cardsorting 1 sessão por usuário Para evitar constrangimentos e que a percepção visual se perca frente ao consenso do grupo Mínimo de 6 sessões
  • 39. Arquitetura da Informação Cardsorting Funciona melhor quando: 1. Há inventário de conteúdo/funcionalidades 2. As necessidades do usuário são conhecidas 3. O conteúdo é relativamente homogêneo
  • 40.
  • 41.
  • 42.
  • 43. Arquitetura da Informação Cardsorting Atividade: Realizar uma sessão de cardsorting
  • 44. http://www.optimalsort.com/pages/default.html http://websort.net/ Arquitetura da Informação Cardsorting Ferramentas online: