SlideShare uma empresa Scribd logo
1 de 55
Baixar para ler offline
UX CAFÉ
Arquitetura de Informação:
Como organizar e priorizar
informações de seu sistema
s02e05
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)
”
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
4
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.
6
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
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.
9
10
11
1.
PRINCÍPIOS
BÁSICOS
O que é? Porque é importante?
12
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
”
A arquitetura da informação é a prática de decidir
como organizar as partes de algo para ser
compreensível.
14
CARACTERÍSTICAS FUNDAMENTAIS15
Empatia para com
os usuários
Pensamento
Organizado
Pesquisa do
usuário
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
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
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
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
2.
OS 4 SISTEMAS
DE INFORMAÇÃO
Tem regras para fazer isso?
20
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
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;
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;
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
ORGANIZAÇÃO
Sistemas de
25
26
27
Formato
Tamanho
Cor
Número de Furos
Estampa
Material
Tipo de Uso
Público
28
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.
30
31
32
”
A organização deve refletir sempre a
necessidade do usuário,não a estrutura
organizacional da empresa.
33
Luis Felipe Fernandes
ROTULAÇÃO
Sistemas de
34
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;
36
NAVEGAÇÃO
Sistemas de
37
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;
39
40
”
Nem sempre o menor caminho é o melhor.
41
Luis Felipe Fernandes
BUSCA
Sistemas de
42
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.
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;
45
46
3.
TAXONOMIA
Que p#$@ é essa?
47
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
4.
DICAS E SUGESTÕES
Quer saber mais? Onde procurar?
49
50 Autores
Richard Saul
Wurman
Louis Rosenfeld Peter Morville
Eric Reiss Luiz Agner Jesse James
Garrett
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
Ferramentas52
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
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
55
Obrigad_!
Dúvidas?
▹ @rafaelburity
▹ rbamaral@atech.com.br
São Paulo:
Primeira segunda-feira do mês às 9h30
São José dos Campos:
Primeira sexta-feira do mês às 16h00

Mais conteúdo relacionado

Semelhante a IA CAFÉ: Organizar e Priorizar Informações

Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da InformaçãoMarcello Cardoso
 
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
 
Introdução à Arquitetura da Informação com Card Sorting
Introdução à Arquitetura da Informação com Card SortingIntrodução à Arquitetura da Informação com Card Sorting
Introdução à Arquitetura da Informação com Card SortingJerry Medeiros
 
Aula sobre Arquitetura de Informação
Aula sobre Arquitetura de InformaçãoAula sobre Arquitetura de Informação
Aula sobre Arquitetura de InformaçãoDhiego Bicudo
 
Busca por informacao
Busca por informacaoBusca por informacao
Busca por informacaoNeue Labs
 
Arquitetura de Informacao: Conceitos Básicos
Arquitetura de Informacao: Conceitos BásicosArquitetura de Informacao: Conceitos Básicos
Arquitetura de Informacao: Conceitos BásicosMateada
 
Gestao do conhecimento
Gestao do conhecimentoGestao do conhecimento
Gestao do conhecimentoCharlley Luz
 
Ergodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoErgodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoWellington Marion
 
TerraForum - Gestão de Conteúdo
TerraForum - Gestão de ConteúdoTerraForum - Gestão de Conteúdo
TerraForum - Gestão de ConteúdoJose Claudio Terra
 
Aula Design Web Arquitetura de Informação
Aula Design Web Arquitetura de InformaçãoAula Design Web Arquitetura de Informação
Aula Design Web Arquitetura de Informaçãopedrinabrasil071
 
[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...
[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...
[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...Rafael Burity
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosawudrs
 
Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Rafael Marinho
 
Evento Comportamento do Consumidor e Estratégias Digitais para E-commerce
Evento Comportamento do Consumidor e Estratégias Digitais para E-commerceEvento Comportamento do Consumidor e Estratégias Digitais para E-commerce
Evento Comportamento do Consumidor e Estratégias Digitais para E-commerceImpacta Eventos
 
O Uso Da Informação E O Ciclo Da Informação Nas Organizações
O Uso Da Informação E O Ciclo Da Informação Nas OrganizaçõesO Uso Da Informação E O Ciclo Da Informação Nas Organizações
O Uso Da Informação E O Ciclo Da Informação Nas OrganizaçõesLeonardo Moraes
 

Semelhante a IA CAFÉ: Organizar e Priorizar Informações (20)

Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 
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
 
CRP-5215-0420-2014-08
CRP-5215-0420-2014-08CRP-5215-0420-2014-08
CRP-5215-0420-2014-08
 
Introdução à Arquitetura da Informação com Card Sorting
Introdução à Arquitetura da Informação com Card SortingIntrodução à Arquitetura da Informação com Card Sorting
Introdução à Arquitetura da Informação com Card Sorting
 
Aula sobre Arquitetura de Informação
Aula sobre Arquitetura de InformaçãoAula sobre Arquitetura de Informação
Aula sobre Arquitetura de Informação
 
Busca por informacao
Busca por informacaoBusca por informacao
Busca por informacao
 
Arquitetura de Informacao: Conceitos Básicos
Arquitetura de Informacao: Conceitos BásicosArquitetura de Informacao: Conceitos Básicos
Arquitetura de Informacao: Conceitos Básicos
 
DESIGN DE INTERFACE
DESIGN DE INTERFACEDESIGN DE INTERFACE
DESIGN DE INTERFACE
 
Ferramentas de gc
Ferramentas de gcFerramentas de gc
Ferramentas de gc
 
Gestao do conhecimento
Gestao do conhecimentoGestao do conhecimento
Gestao do conhecimento
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Ergodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoErgodesing e arquitetura de Informação
Ergodesing e arquitetura de Informação
 
TerraForum - Gestão de Conteúdo
TerraForum - Gestão de ConteúdoTerraForum - Gestão de Conteúdo
TerraForum - Gestão de Conteúdo
 
Aula Design Web Arquitetura de Informação
Aula Design Web Arquitetura de InformaçãoAula Design Web Arquitetura de Informação
Aula Design Web Arquitetura de Informação
 
[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...
[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...
[UX Cafe] O poder da arquitetura de informação na construção de produtos digi...
 
Oficina protótipos dia 1
Oficina protótipos   dia 1Oficina protótipos   dia 1
Oficina protótipos dia 1
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
 
Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10Arquiteturadeinformao apresentao2-03-05-10
Arquiteturadeinformao apresentao2-03-05-10
 
Evento Comportamento do Consumidor e Estratégias Digitais para E-commerce
Evento Comportamento do Consumidor e Estratégias Digitais para E-commerceEvento Comportamento do Consumidor e Estratégias Digitais para E-commerce
Evento Comportamento do Consumidor e Estratégias Digitais para E-commerce
 
O Uso Da Informação E O Ciclo Da Informação Nas Organizações
O Uso Da Informação E O Ciclo Da Informação Nas OrganizaçõesO Uso Da Informação E O Ciclo Da Informação Nas Organizações
O Uso Da Informação E O Ciclo Da Informação Nas Organizações
 

Mais de Rafael Burity

UX Talks: Current UX market expectations for Designers and Leaders
UX Talks: Current UX market expectations for Designers and LeadersUX Talks: Current UX market expectations for Designers and Leaders
UX Talks: Current UX market expectations for Designers and LeadersRafael Burity
 
(Petrobras) Repensando o design de experiências e processos
(Petrobras) Repensando o design de experiências e processos(Petrobras) Repensando o design de experiências e processos
(Petrobras) Repensando o design de experiências e processosRafael Burity
 
Encontrão sobre Heuristicas do DesignTeam
Encontrão sobre Heuristicas do DesignTeamEncontrão sobre Heuristicas do DesignTeam
Encontrão sobre Heuristicas do DesignTeamRafael Burity
 
Data-driven e Customer Experience | Senior Design Experience
Data-driven e Customer Experience | Senior Design Experience  Data-driven e Customer Experience | Senior Design Experience
Data-driven e Customer Experience | Senior Design Experience Rafael Burity
 
O design pode (ou deve) ser estratégico
O design pode (ou deve) ser estratégico O design pode (ou deve) ser estratégico
O design pode (ou deve) ser estratégico Rafael Burity
 
[Figma Meetup Brasil] Eu realmente preciso ser um líder?
[Figma Meetup Brasil] Eu realmente preciso ser um líder?[Figma Meetup Brasil] Eu realmente preciso ser um líder?
[Figma Meetup Brasil] Eu realmente preciso ser um líder?Rafael Burity
 
[Mentorama] Afinal, qual o papel do UX designer na Transformação digital?
[Mentorama] Afinal, qual o papel  do UX designer na Transformação digital?[Mentorama] Afinal, qual o papel  do UX designer na Transformação digital?
[Mentorama] Afinal, qual o papel do UX designer na Transformação digital?Rafael Burity
 
Palestra 3: "Estamos resolvendo o problema certo?" - Dia do Programador 2020
Palestra 3: "Estamos resolvendo o problema certo?" - Dia do Programador 2020Palestra 3: "Estamos resolvendo o problema certo?" - Dia do Programador 2020
Palestra 3: "Estamos resolvendo o problema certo?" - Dia do Programador 2020Rafael Burity
 
From HCI to UX: Building a New meaning through the history in the industry
From HCI to UX: Building a New meaning through the history in the industryFrom HCI to UX: Building a New meaning through the history in the industry
From HCI to UX: Building a New meaning through the history in the industryRafael Burity
 
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...Rafael Burity
 
[Farol UX Santander] Segurança vs UX: Qual relação do usuário com a segur...
[Farol UX Santander] Segurança vs UX: Qual relação do usuário com a segur...[Farol UX Santander] Segurança vs UX: Qual relação do usuário com a segur...
[Farol UX Santander] Segurança vs UX: Qual relação do usuário com a segur...Rafael Burity
 
[Ifood] Segurança vs UX: Qual relação do usuário com a segurança do sistema
[Ifood] Segurança vs UX: Qual relação do usuário com a segurança do sistema[Ifood] Segurança vs UX: Qual relação do usuário com a segurança do sistema
[Ifood] Segurança vs UX: Qual relação do usuário com a segurança do sistemaRafael Burity
 
[UX Conf BR 2019] Indo audaciosamente onde nenhum outro designer esteve: A tr...
[UX Conf BR 2019] Indo audaciosamente onde nenhum outro designer esteve: A tr...[UX Conf BR 2019] Indo audaciosamente onde nenhum outro designer esteve: A tr...
[UX Conf BR 2019] Indo audaciosamente onde nenhum outro designer esteve: A tr...Rafael Burity
 
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?Rafael Burity
 
Qual o papel do ux na transformação digital?
Qual o papel do ux na transformação digital?Qual o papel do ux na transformação digital?
Qual o papel do ux na transformação digital?Rafael Burity
 
Segurança vs UX: Qual relação do usuário com a segurança do sistema?
Segurança vs UX: Qual relação do usuário com a segurança do sistema?Segurança vs UX: Qual relação do usuário com a segurança do sistema?
Segurança vs UX: Qual relação do usuário com a segurança do sistema?Rafael Burity
 
Cidades um para um: Governo e Cidadão integrados com transparência, colaboraç...
Cidades um para um: Governo e Cidadão integrados com transparência, colaboraç...Cidades um para um: Governo e Cidadão integrados com transparência, colaboraç...
Cidades um para um: Governo e Cidadão integrados com transparência, colaboraç...Rafael Burity
 
[Palestra] Profissão Designer
[Palestra] Profissão Designer[Palestra] Profissão Designer
[Palestra] Profissão DesignerRafael Burity
 
[Oficina] UX e Smart Cities: Aplicando design como forma de pensar
[Oficina] UX e Smart Cities: Aplicando design como forma de pensar[Oficina] UX e Smart Cities: Aplicando design como forma de pensar
[Oficina] UX e Smart Cities: Aplicando design como forma de pensarRafael Burity
 
SEGURANÇA X USABILIDADE: Estudando o caso "Havaí" - UX Café s02e01
SEGURANÇA X USABILIDADE: Estudando o caso "Havaí" - UX Café s02e01SEGURANÇA X USABILIDADE: Estudando o caso "Havaí" - UX Café s02e01
SEGURANÇA X USABILIDADE: Estudando o caso "Havaí" - UX Café s02e01Rafael Burity
 

Mais de Rafael Burity (20)

UX Talks: Current UX market expectations for Designers and Leaders
UX Talks: Current UX market expectations for Designers and LeadersUX Talks: Current UX market expectations for Designers and Leaders
UX Talks: Current UX market expectations for Designers and Leaders
 
(Petrobras) Repensando o design de experiências e processos
(Petrobras) Repensando o design de experiências e processos(Petrobras) Repensando o design de experiências e processos
(Petrobras) Repensando o design de experiências e processos
 
Encontrão sobre Heuristicas do DesignTeam
Encontrão sobre Heuristicas do DesignTeamEncontrão sobre Heuristicas do DesignTeam
Encontrão sobre Heuristicas do DesignTeam
 
Data-driven e Customer Experience | Senior Design Experience
Data-driven e Customer Experience | Senior Design Experience  Data-driven e Customer Experience | Senior Design Experience
Data-driven e Customer Experience | Senior Design Experience
 
O design pode (ou deve) ser estratégico
O design pode (ou deve) ser estratégico O design pode (ou deve) ser estratégico
O design pode (ou deve) ser estratégico
 
[Figma Meetup Brasil] Eu realmente preciso ser um líder?
[Figma Meetup Brasil] Eu realmente preciso ser um líder?[Figma Meetup Brasil] Eu realmente preciso ser um líder?
[Figma Meetup Brasil] Eu realmente preciso ser um líder?
 
[Mentorama] Afinal, qual o papel do UX designer na Transformação digital?
[Mentorama] Afinal, qual o papel  do UX designer na Transformação digital?[Mentorama] Afinal, qual o papel  do UX designer na Transformação digital?
[Mentorama] Afinal, qual o papel do UX designer na Transformação digital?
 
Palestra 3: "Estamos resolvendo o problema certo?" - Dia do Programador 2020
Palestra 3: "Estamos resolvendo o problema certo?" - Dia do Programador 2020Palestra 3: "Estamos resolvendo o problema certo?" - Dia do Programador 2020
Palestra 3: "Estamos resolvendo o problema certo?" - Dia do Programador 2020
 
From HCI to UX: Building a New meaning through the history in the industry
From HCI to UX: Building a New meaning through the history in the industryFrom HCI to UX: Building a New meaning through the history in the industry
From HCI to UX: Building a New meaning through the history in the industry
 
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
 
[Farol UX Santander] Segurança vs UX: Qual relação do usuário com a segur...
[Farol UX Santander] Segurança vs UX: Qual relação do usuário com a segur...[Farol UX Santander] Segurança vs UX: Qual relação do usuário com a segur...
[Farol UX Santander] Segurança vs UX: Qual relação do usuário com a segur...
 
[Ifood] Segurança vs UX: Qual relação do usuário com a segurança do sistema
[Ifood] Segurança vs UX: Qual relação do usuário com a segurança do sistema[Ifood] Segurança vs UX: Qual relação do usuário com a segurança do sistema
[Ifood] Segurança vs UX: Qual relação do usuário com a segurança do sistema
 
[UX Conf BR 2019] Indo audaciosamente onde nenhum outro designer esteve: A tr...
[UX Conf BR 2019] Indo audaciosamente onde nenhum outro designer esteve: A tr...[UX Conf BR 2019] Indo audaciosamente onde nenhum outro designer esteve: A tr...
[UX Conf BR 2019] Indo audaciosamente onde nenhum outro designer esteve: A tr...
 
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
[GDGSP] android meetup #67 | Realmente preciso de ux no projeto mobile?
 
Qual o papel do ux na transformação digital?
Qual o papel do ux na transformação digital?Qual o papel do ux na transformação digital?
Qual o papel do ux na transformação digital?
 
Segurança vs UX: Qual relação do usuário com a segurança do sistema?
Segurança vs UX: Qual relação do usuário com a segurança do sistema?Segurança vs UX: Qual relação do usuário com a segurança do sistema?
Segurança vs UX: Qual relação do usuário com a segurança do sistema?
 
Cidades um para um: Governo e Cidadão integrados com transparência, colaboraç...
Cidades um para um: Governo e Cidadão integrados com transparência, colaboraç...Cidades um para um: Governo e Cidadão integrados com transparência, colaboraç...
Cidades um para um: Governo e Cidadão integrados com transparência, colaboraç...
 
[Palestra] Profissão Designer
[Palestra] Profissão Designer[Palestra] Profissão Designer
[Palestra] Profissão Designer
 
[Oficina] UX e Smart Cities: Aplicando design como forma de pensar
[Oficina] UX e Smart Cities: Aplicando design como forma de pensar[Oficina] UX e Smart Cities: Aplicando design como forma de pensar
[Oficina] UX e Smart Cities: Aplicando design como forma de pensar
 
SEGURANÇA X USABILIDADE: Estudando o caso "Havaí" - UX Café s02e01
SEGURANÇA X USABILIDADE: Estudando o caso "Havaí" - UX Café s02e01SEGURANÇA X USABILIDADE: Estudando o caso "Havaí" - UX Café s02e01
SEGURANÇA X USABILIDADE: Estudando o caso "Havaí" - UX Café s02e01
 

IA CAFÉ: Organizar e Priorizar Informações

  • 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
  • 4. 4
  • 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.
  • 6. 6
  • 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.
  • 9. 9
  • 10. 10
  • 11. 11
  • 12. 1. PRINCÍPIOS BÁSICOS O que é? Porque é importante? 12
  • 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
  • 15. CARACTERÍSTICAS FUNDAMENTAIS15 Empatia para com os usuários Pensamento Organizado Pesquisa do usuário
  • 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
  • 20. 2. OS 4 SISTEMAS DE INFORMAÇÃO Tem regras para fazer isso? 20
  • 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
  • 26. 26
  • 28. 28
  • 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.
  • 30. 30
  • 31. 31
  • 32. 32
  • 33. ” A organização deve refletir sempre a necessidade do usuário,não a estrutura organizacional da empresa. 33 Luis Felipe Fernandes
  • 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;
  • 36. 36
  • 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;
  • 39. 39
  • 40. 40
  • 41. ” Nem sempre o menor caminho é o melhor. 41 Luis Felipe Fernandes
  • 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;
  • 45. 45
  • 46. 46
  • 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
  • 49. 4. DICAS E SUGESTÕES Quer saber mais? Onde procurar? 49
  • 50. 50 Autores Richard Saul Wurman Louis Rosenfeld Peter Morville Eric Reiss Luiz Agner Jesse James Garrett
  • 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
  • 55. 55 Obrigad_! Dúvidas? ▹ @rafaelburity ▹ rbamaral@atech.com.br São Paulo: Primeira segunda-feira do mês às 9h30 São José dos Campos: Primeira sexta-feira do mês às 16h00