Arquitetura de informação é o arranjo e estruturação do seu conteúdo para que seja mais fácil de ser entendido por um determinado público em um determinado contexto. Ou seja, é fazer com que aquela persona impressa ou colada na sua parede, consiga atingir o objetivo dela de maneira satisfatória.
O papel da Arquitetura de Informação é ajudar o usuário de um sistema a encontrar o que ele está procurando.
Vamos conversar sobre a estrutura da informação, a organização dessa informação e sua nomenclatura, sem esquecer da sua “encontrabilidade".
SEGURANÇA X USABILIDADE: Estudando o caso "Havaí" - UX Café s02e01
Ux Café s02e05 | 04.06.18 - ARQUITETURA DE INFORMAÇÃO: Como organizar e priorizar informações de seu sistema?
1. UX CAFÉ
Arquitetura de Informação:
Como organizar e priorizar
informações de seu sistema
s02e05
2. O QUE VAMOS VER HOJE?2
1. Princípios básicos
2. Os 4 sistemas de informação
3. Taxonomia
4. Dicas e Sugestões
(Autores, Livros e Ferramentas)
3. ”
If you’ve ever tried to use something and thought,
“where am I supposed to go next?”
or “this doesn’t make any sense,”
you are encountering an issue
with an information architecture.
3
5. RESULTADOS POSSÍVEIS5
1.
Você se sente um pouco
perdido em busca dos
produtos e isso leva à
agonia mental.
2.
Não há sinais claros
para encontrar os itens
ou anúncios apropriados
que levam a uma melhor
experiência de compra.
3.
Com informações
insuficientes ou exibição
inadequada do produto
você pode vagar por
muito tempo para
encontrar um único
item.
7. RESULTADOS POSSÍVEIS7
1.
A capacidade de
encontrar itens é
provavelmente maior
para você.
2.
Informações suficientes
fornecidas a você levam
a uma experiência de
compra mais suave.
3.
Fácil de encontrar os
itens desejados para
você, incentiva você a
explorar mais.
8. 8
A Universidade de Washington define a biblioteconomia
como o desenvolvimento de “sistemas de organização
do conhecimento”. Ela é o estudo de como categorizar,
catalogar e localizar recursos.
A catalogação é o processo de criar metadados e atribuí-los
ao conteúdo para encontrá-lo novamente no futuro.
13. O QUE É?
Arquitetura da Informação, termo
cunhado (1976) por Richard Saul Wurman,
é focado principalmente na navegação,
rótulos, conteúdo, agrupamento de
informações relacionadas e os fluxos de
informações em todo o sistema.
13
LIvros relacionados:
Wurman, Richard Saul, ed. (1999). Ansiedade De Informação. Como
Transformar Informação Em Compreensão - Volume 1
Wurman, Richard Saul, ed. (2005). Ansiedade De Informação 2
14. ”
A arquitetura da informação é a prática de decidir
como organizar as partes de algo para ser
compreensível.
14
16. Encontrabilidade
precede a usabilidade, ou seja,
os dados e informações em que
o usuário busca tem que ser de fácil acesso
antes de ser usada em sua necessidade.
16 findability
17. QUAIS AS QUESTÕES?
▹ Quais são as tarefas
que o usuário necessita completar?
▹ Como eles navegam facilmente
entre os elementos?
▹ Como fornecer as informações corretas para os
usuários nos locais apropriados onde eles querem?
17
18. QUAL O RESULTADO?
Informa a estratégia de conteúdo através da
identificação de escolha de palavras (taxonomia),
bem como informando o design da interface do usuário
e o design de interação, desempenhando um papel
nos processos de wireframing e prototipagem.
18
19. PORQUE É IMPORTANTE?
▹ O custo de não encontrar a informação é alto;
▹ A construção, manutenção e treinamento
podem ser menos custosas;
▹ Aumenta o valor da marca;
▹ Aumenta o potencial de ganho financeiro e
satisfação do cliente.
19
21. SISTEMAS DE INFORMAÇÃO
Lou Rosenfeld e Peter Morville em seu livro, Information Architecture for the
World Wide Web, falam dos principais sistemas do IA:
21
Organização
Como você categoriza e
estrutura informações
Rotulação
Como você representa
informações
Navegação
Como se movimentam
pelas informações
Busca
Como os usuários
procuram informações
22. INFORMATION ECOLOGY
Context Content
22
Users
Para criar esses sistemas de
informação, você precisa entender a
natureza dos usuários, conteúdo e
contexto.
Usuário: audiência, tarefas, necessidades,
comportamento de busca de informação,
experiência
Contexto: Metas de negócios, financiamento,
Política, cultura, tecnologia, recursos, restrições;
Conteúdo: objetivos de conteúdo, tipos de
documentos e dados, volume, estrutura existente,
governança e propriedade;
23. INFORMATION ECOLOGY
USUÁRIOS
Quem são eles, qual seu
comportamento padrão de busca de
informação e quais são suas
necessidades.
- Pesquisas com usuários;
- Definição das necessidades;
- Personas;
- Etnografia;
- Análise de tarefas;
- Testes de usabilidade;
- Documentação;
CONTEXTO
compreende as políticas, cultura,
objetivos de negócio, missão,
estratégia, processos e orçamento
de uma organização;
- Definição dos requisitos do
negócio;
- Definição do escopo;
- Gerenciamento de projetos;
- Análise de negócios;
- Definição de ROI;
- Expectativas do cliente;
- Definição das restrições;
23
CONTEÚDO
inclui os documentos, imagens,
mídias, gráficos, planilhas e
metadatas que os usuários utilizam
rotineiramente ou precisam
encontrar.
- Indexação e catalogação;
- Análise de XML e metadata;
- Mapeamento de sites;
- Gerenciamento de conteúdo;
- Análise de tarefas;
- Teste de usabilidade;
- Navegação e rotulação;
- Cardsorting;
24. PSICOLOGIA COGNITIVA
CARGA COGNITIVA
é a quantidade de informação que
uma pessoa pode processar a
qualquer momento. Ter em mente a
carga cognitiva do usuário ajuda a
impedir que os arquitetos da
informação sobrecarreguem
inadvertidamente um usuário com
muita informação de uma só vez.
MODELOS MENTAIS
são as suposições que as pessoas
carregam em suas mentes antes de
interagir com um site ou aplicativo. A
informação é mais fácil de descobrir
quando está em um lugar que
corresponde ao modelo mental do
usuário de onde deveria estar.
TOMADA DE DECISÃO
pode não parecer psicologia, mas é!
É um processo cognitivo que nos
permite fazer uma escolha ou
selecionar uma opção. Os arquitetos
de informação podem nos ajudar a
tomar decisões fornecendo certas
informações em momentos
importantes.
24
29. SISTEMA DE ORGANIZAÇÃO
Define as regra de classificação e
ordenação tratando da
categorização do conteúdo.
Um dos primeiros entregáveis é o
sitemap.
29
Organizaçãos Exatas:
Alfabética, Tempo, Localização e
Sequência.
Organizações Ambíguas:
Assunto, Tarefas, Público, Metáfora
Organizações Híbrida.
35. SISTEMA DE ROTULAÇÃO
Todo rótulo traz um significado e
deve ser claro o suficiente para
que o usuário saiba exatamente no
que vai clicar ou acionar.
Os significados mudam de acordo
com a(o):
Cultura;
Função;
Tempo;
Variação Gramatical;
35
DICA:
▹ Procure cobrir todo o conceito do conteúdo;
▹ Mantenha a sintaxe;
▹ Manter padrão Visual;
▹ Manter o tom de voz;
▹ Evite Siglas;
▹ Ícones são bem vindos, mas cuidado ao usá-lo isolado;
38. SISTEMA DE NAVEGAÇÃO
É muito importante sempre
garantir que o usuário saiba:
DE ONDE VIM?
ONDE ESTOU?
QUAL MEU PONTO DE
REFERÊNCIA?
PARA ONDE POSSO (DEVO) IR?
38
Principais Elementos:
▹ Logotipo;
▹ Menu de navegação global (1o.
nivel);
▹ Menu de navegação local (2o.
nivel);
▹ Breadcrumb;
▹ Passo a Passo;
▹ Cruzada (sugestão de conteúdo relacionado);
▹ Mapa do site (sistema);
▹ Índice;
43. SISTEMA DE BUSCA
É a ferramenta que cria um atalho
entre o conteúdo do sistema.
IMPORTANTE:
O sistema tem conteúdo ou
tarefas suficientes para que seja
necessário a implementação?
43
Principais Elementos:
▹ Interface inicial:
Que tipo de busca deve ser procurado? E onde ele
busca? Botão de Busca sempre presente.
▹ Interface do resultado de Busca:
Qual informação vai exibir? Como exibir? Quais as
informações são necessårias?
▹ Interface de busca sem resultados:
Sugerir outros resultados é interessante;
▹ Ofereça ajuda.
44. DICAS
▹ Mantenha o campo em todas
as páginas;
▹ Indique o que ele pode
buscar;
▹ Sugira correções na busca;
▹ Faça sugestões de busca;
▹ Repita os termos buscados;
44
▹ Destaque os termos que
foram buscados;
▹ Apresente o número de
resultados encontrados;
▹ Agrupe resultados;
▹ Ofereça filtros e opções de
ordenação;
48. QUE TRECO É ESSE?
Taxonomia é definida como a categorização de relacionamentos
(agrupamentos) hierárquicos e equivalentes que são úteis não apenas
para os sistemas de buscas, mas também para hierarquias efetivas de
navegação.
As taxonomias são definidas, em sua maioria, com base no modelo
mental de seu público-alvo. Eles podem, então, "marcar" o conteúdo
com metadados, para que os usuários possam pesquisar conteúdo com
base nas taxonomias assumidas.
48
51. Livros
IA for the Web and
Beyond
Understanding
Context
Pervasive Information
Architecture
51
Information Architects
Não Me Faça
Pensar
Arquitetura da
informação pervasiva
53. Para saber mais...
The Information
Architecture Institute
Their singular focus is to make the
world's information clearer and
easier to use by improving how
people learn, practice and teach IA.
Complete Beginner’s
Guide to IA
Regardless of who takes on the
task, IA is a field of its own, with
influences, tools, and resources
that are worth investigation
Information
Architecture Basics
To create these systems of
information, you need to understand
the interdependent nature of users,
content, and context.
UX Academy [Curso]
Introdução sobre UX e arquitetura
de informação, trabalhando sem e
com um Arquiteto de Informação, e
como Interpretar um wireframe.
Arquitetura de
Informação e o seu
propósito
A informação deve ser acessível e
de fácil encontrabilidade em
ambientes computacionais.
O que é Arquitetura
de Informação?[Vídeo]
O papel da Arquitetura de
Informação é ajudar o usuário de
um site a encontrar o que ele está
procurando.
53
54. Para saber mais...
Web Style Guide
In the context of web site design,
information architecture describes
the overall conceptual models and
general designs used to plan,
structure, and assemble a site.
How Information
Architecture Works
Planning how to organize
information in a Web site is just one
application of a broader field
known as information architecture.
Information
Architecture 3.0
At a recent gathering of CIOs, I was
introduced, not as an information
architect, interaction designer, or
librarian, but as a futurist.
Understanding
Information
Architecture
A Peter Morville prezi presentation
54