Introdução à Arquitetura da Informação com Card Sorting
-
Upload
jerry-medeiros -
Category
Documents
-
view
964 -
download
1
description
Transcript of Introdução à Arquitetura da Informação com Card Sorting
![Page 1: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/1.jpg)
Arquitetura da Informação
Jerry Medeiros
Introdução à Arquitetura da Informação com Card Sorting
![Page 2: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/2.jpg)
É difícil encontrar uma agulhano palheiro ?
![Page 3: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/3.jpg)
Depende !
![Page 4: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/4.jpg)
“Introdução
É o design estrutural de ambientes de informação compartilhados.
ROSENFELD e MORVILLE (2006)
![Page 5: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/5.jpg)
“Introdução
A combinação dos esquemas de organização, de rotulação de busca e de navegação dentro de websites e intranets.
ROSENFELD e MORVILLE (2006)
![Page 6: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/6.jpg)
“Introdução
Uma disciplina emergente e uma comunidade de prática focada em trazer princípios do design e arquitetura ao espaço digital.
ROSENFELD e MORVILLE (2006)
![Page 7: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/7.jpg)
“Introdução
Tornar claro o que é complexo
Wurman (1997)
![Page 8: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/8.jpg)
“Introdução
A arte e a ciência de estruturar, organizar e rotular informações para ajudar as pessoas a encontrar e gerenciar informações.”
Louis Rosenfeld e Peter Morville
![Page 9: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/9.jpg)
Usuários Conteúdo
Ambiente de Informação não planejado
![Page 10: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/10.jpg)
EmpregadosConteúdo
Ambiente de Informação planejado
Clientes
Fornecedores
![Page 11: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/11.jpg)
Balancear as características e as necessidades dos:
•Usuários; •Conteúdo;•Contexto;
Arquitetura da Informação é:
![Page 12: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/12.jpg)
•Objetivos do projeto•Exigências •Expectativas•Tecnologias•Recursos•Restrições
Contexto
![Page 13: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/13.jpg)
•Documentos•Tipos de dados•Volume•Estrutura
Conteúdo
![Page 14: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/14.jpg)
•Público•Tarefas•Necessidades•Busca de Informações•Comportamento•Experiência•Contexto de uso
Usuários
![Page 15: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/15.jpg)
Como fazer um mapa para os usuários da linha Yamanote ?
Contexto + Usuários + Conteúdo
![Page 16: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/16.jpg)
Contexto + Usuários + Conteúdo
![Page 17: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/17.jpg)
Contexto + Usuários + Conteúdo
![Page 18: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/18.jpg)
Contexto + Usuários + Conteúdo
![Page 19: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/19.jpg)
Linha Yamanote
Usuários: •Moradores de Tóquio.•Viajantes.•Turistas.
![Page 20: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/20.jpg)
Linha Yamanote
Conteúdo: •Seqüência e a identidade das paradas.• A linha circunda a cidade de Tóquio.
![Page 21: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/21.jpg)
Linha Yamanote
Contexto: •Para o usuário não importa as voltas e curvas que o trem faz.•O Palácio Imperial é um importante ponto•de referência.•O desenho lembra o símbolo Yin-Yang em alusão as culturas orientais.
![Page 22: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/22.jpg)
“Contexto + Usuários + Conteúdo
O trabalho do arquiteto é evidenciar as informações mais importantes e retirar as que não são necessárias.
![Page 23: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/23.jpg)
Porque é Importante ?
Uma seção com um rótulo confuso num website de referências médicas pode impedir o médico de encontrar uma nova pesquisa que salvará a vida de alguém.
Wodtke(2003)
![Page 24: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/24.jpg)
Porque é Importante ?
O website de uma universidade mal organizado desencoraja um estudante carente, que pode pensar que não existem ajudas financeiras para estudar lá
Morville(2004)
![Page 25: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/25.jpg)
Porque é Importante ?
Ceca de 27% das causas de insucesso das vendas de um website de comércio eletrônico são porque o usuário simplesmente não conseguiu encontrar o item que procurava. Nilsen Norman Group (2001)
![Page 26: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/26.jpg)
Porque é Importante ?
Afeta diretamente os custos de: •Encontrar uma informação;•Não encontrá-la;•Construção e manutenção;•Treinamentos de funcionários•Valorização da marca.
Morville (2004)
![Page 27: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/27.jpg)
Principais Componentes
Sistema de Organização
Sistema de Navegação
Sistema de Rotulação
Sistema de Busca
Metadados
![Page 28: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/28.jpg)
Sistema de Organização
Determina o agrupamento e a categorização do conteúdo informacional.
![Page 29: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/29.jpg)
Sistema de navegação
Especifica as maneiras de navegar, de se mover pelo espaço informacional e hipertextual.
![Page 30: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/30.jpg)
Sistema de rotulação
Estabelece as formas de representação, de apresentação, da informação, definindo signos para cada elemento informativo.
![Page 31: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/31.jpg)
Sistema de busca
Determina as perguntas que o usuário pode fazer e o conjunto de respostas que irá obter.
![Page 32: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/32.jpg)
Sistema de Organização Sistema de Organização
Sistema de navegação Sistema de navegação
Sistema de BuscaSistema de Busca
![Page 33: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/33.jpg)
De onde vimDe onde vim
Onde posso irOnde posso ir
Onde estouOnde estou
![Page 34: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/34.jpg)
Métodos e Técnicas
•Teste de Usabilidade•Card Sorting•Análise Heurística•Protótipos de Papel
•Análise Competitiva•Personas•Mapa do Site•Wireframes•Estudo de Acessibilidade
![Page 35: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/35.jpg)
“Introdução
O card-sorting é uma técnica utilizada para descobrir como o usuário classifica determinada informação em sua mente.
![Page 36: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/36.jpg)
Card Sorting
A técnica consiste em entregar ao usuário alguns cartões, cada um deles representando um conteúdo do sistema, e solicitar que ele os organize em rótulos, formando categorias.
![Page 37: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/37.jpg)
O objetivo é gerar uma estrutura global da informação ou avaliar uma estrutura existente, aumentando a probabilidade do usuário encontrar informações enquanto estiver navegando.
Introdução
![Page 38: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/38.jpg)
• Fácil de conduzir• Baixo custo• Envolve o usuário• Identifica itens difíceis de categorizar e encontrar• Aponta problemas com rótulos• É uma técnica bem estabelecida, usada a mais de
10 anos por vários designers
Vantagens
![Page 39: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/39.jpg)
• Não considera as tarefas do usuário• Análise dos resultados pode ser demorada
Desvantagens
![Page 40: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/40.jpg)
• No projeto de um novo site• Na criação de uma nova área do site• No redesign de um site
Quando deve ser usado
Sempre nos primeiros estágios do processo de design para definir e/ou validar o sistema de organização e rotulação.
![Page 41: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/41.jpg)
![Page 42: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/42.jpg)
1. Selecionar o conteúdo2. Selecionar os participantes3. Preparar os cartões4. Executar o teste5. Analisar os resultados
Como fazer
![Page 43: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/43.jpg)
• É importante conhecer as necessidades do usuário, delimitando claramente o público alvo
• Um conjunto de informações pode ser organizado de várias formas, seguindo diferentes esquemas de organização
• É preciso ter em mãos o Inventário de Conteúdo, pois ele mostra aquilo que se pode disponibilizar ao usuário e o que o cliente deseja expor no site.
1. Selecionar o conteúdoComo fazer
Relacionar todos os itens que se quer avaliar, considerando que:
![Page 44: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/44.jpg)
2. Selecionar os participantesComo fazer
O número de testes a serem aplicados será determinado pelo número de grupos de possíveis usuários do seu site.
Explicar ao participante que o objetivo do teste é encontrar quais categorias de informação devem estar no site e como essas categorias devem ser chamadas.
![Page 45: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/45.jpg)
• Pontos positivos: fácil de agendar; modelo mental individual será percebido.
• Nem tão positivos assim: Não gera troca de idéias; usuários têm dificuldade de ordernar um número grande de cartões; o facilitador precisa estimular o usuário a "pensar em voz alta"
2. Selecionar os participantesComo fazer
Para testes individuais, o ideal é recrutar de 12 a 30 usuários, sendo 15 o número ideal.
![Page 46: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/46.jpg)
2. Selecionar os participantesComo fazer
![Page 47: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/47.jpg)
• Positivos: Conseguem organizar um número grande de cartões; estimula a troca de idéias e por isso é rica em informações
• Nem tão positivos assim: Difíceis de agendar; o facilitador precisa estimular todos os usuários a participarem.
2. Selecionar os participantesComo fazer
Para testes em grupo, o ideal é recrutar 5 grupos com 3 ou 5 usuários cada (números impares).
![Page 48: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/48.jpg)
• Prepare cartões de cartolina ou qualquer outro material relativamente resistente ao manuseio
• Tamanho ideal: 10 X 15
• Faça de 30 a 100 cartões diferentes (poucos cartões dificulta a elaboração de grupos. Muitos, cansam o usuário)
• Enumere-os para facilitar a análise.
3. Preparar os cartõesComo fazer
![Page 49: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/49.jpg)
• Escreva os itens da lista do conteúdo e uma breve descrição do conteúdo
• Misture e distribua os cartões para cada usuário ou grupo de usuários
• Em seguida solicite que o participante agrupe os cartões da maneira que achar adequada
• Opcionalmente pode-se pedir que o usuário nomeie os grupos (Nielsen).
4. Executar o testeComo fazer
Envolvem um facilitador, observadores e o participante (ou grupo de participantes).
![Page 50: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/50.jpg)
• Em equipe, os cartões devem ser agrupados por afinidade
• As categorias devem receber um nome da equipe.
• - Podem criar sub-grupos
• - Podem acrescentar cartões
• - Podem remover cartões
• - Podem sugerir novos nomes para conteúdos
4. Executar o teste - regrasComo fazer
![Page 51: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/51.jpg)
![Page 52: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/52.jpg)
• Feche” os grupos deixando o cartão com o nome sobre os demais• Valide perguntando aonde estão alguns cartões importantes• Fotografe o resultado, Ou anote em uma planilha.
4. Executar o teste - DepoisComo fazer
![Page 53: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/53.jpg)
• Quais grupos mais apareceram?
• Os rótulos são adequados?
• Houve conteúdos que os usuários não compreenderam?
• Quais conteúdos os usuários sentiram falta?
• Existem conteúdos que poderiam ser colocados em mais de um grupo?
• Foram usados diferentes esquemas de organização? Quais?
• Houve muitas divergências?
5. Analisar os resultadosComo fazer
![Page 54: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/54.jpg)
![Page 55: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/55.jpg)
Resultado
Se os resultados obtidos forem muito semelhantes, pode ser feito um resumo dos cartões que aparecem em cada grupo e dar um nome global a eles. No entanto, os resultados do Card Sorting raramente são assim tão semelhantes.
![Page 56: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/56.jpg)
Resultado
Pontos divergentes não são necessariamente ruins. Indicam ao designer conteúdos difíceis de entender, ou que podem estar em mais de um lugar.Conteúdos eletrônicos são ligados hipertextualmente e possuem redundâncias positivas. Perfis diferentes podem demandar layouts diferentes
![Page 57: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/57.jpg)
Resultado
Sendo assim, o mais comum é realizar uma análise quantitativa baseada em cálculos estatísticos para determinar os resultados (cluster analysis).
![Page 58: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/58.jpg)
Resultado
Finalmente, se você realizou um bom trabalho, o que tem em mãos é uma taxonomia, que nada mais é que um sistema de organização hierárquico. Um conjunto de categorias em que será classificado cada conteúdo do site.
![Page 59: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/59.jpg)
Resultado
Pode não entregar a estrutura final, mas oferece informações valiosas para a tomada de decisões.
![Page 60: Introdução à Arquitetura da Informação com Card Sorting](https://reader034.fdocumentos.tips/reader034/viewer/2022042614/5593eaed1a28abe0538b47bd/html5/thumbnails/60.jpg)
Dúvidas?