SlideShare uma empresa Scribd logo
1 de 22
Baixar para ler offline
CHARLLEY LUZ • SÃO PAULO – 22, 25 E 26 DE MARÇO DE 2022/
A herança da arquitetura da
informação (AI) para a UX Writer


Depois da pausa pra comer, descansar, fazer carinho no pet, tomar um café, se alongar e regar as plantas :)
Charlley Luz: Fui publicitário, achei que o mundo da
comunicação estava mudando e me interessei pelo mundo
da informação e dos documentos digitais. Tornei-me
bacharel em Arquivologia pela UFRGS e Mestre em Ciência
da Informação pela ECA-USP. Sou empreendedor, consultor,
professor, palestrante e pesquisador. Especialista em
sistemas e serviços de informação, desenvolvo projetos em
usabilidade, portais, colaboração, além de planejar
ambientes e repositórios digitais e de gestão documental
junto à Feed Consultoria.


Arquitetura da Informação | Apresentação
https://www.linkedin.com/in/charlley/
https://bit.ly/LIVROAI22
O que um UX Writer realmente escreve
Os escritores de UX não escrevem
somente instruções e introduções.
Eles garantem que o produto fale a
mesma língua que os usuários.


O UX Writer trabalha em colaboração
com as personas dos usuários e, no
estilo UX designer, testa
constantemente o conteúdo que
escreve.


Além disso, garante que as palavras
que escreve re
fl
etem a voz da marca,
adaptando o tom para se adequar às
várias situações em que o usuário se
encontra em todo o produto.
Faz com que o
produto fale a
mesma linguagem
dos usuários
Usa técnicas
como personas e
testes com
usuários
Trata o
conteúdo como
uma conversa
entre o produto
e o usuário
Re
fl
ete a voz


da marca


nos textos
Melhora o
fl
uxo
de usuários
com conteúdo
adaptado para
cada situação
Como UX Writers


Melhoram um produto de UX
Fonte: https://www.justinmind.com/blog/ux-writing/
Arquitetura da Informação | Um pouco sobre UX Writing
| Microtexto


| Título


| CTA (Call to Action)


| Formulários


| Newsletter


| Contato


| Mensagem de sucesso


| Mensagem de erro


| Página 404


| Espaço vazio


| Chatbot


| Landing Page


| UX Writing e Acessibilidade


| Linguagem neutra
Arquitetura da Informação | Aplicação da UX Writing
• textos dentro de produtos e de experiências


• Fluxos de diálogos e interação na web


• diretrizes e guias de estilo


• Garantir que conteúdo e a estratégia estejam
alinhadas


• Aplicar a estratégia de produto
https://www.invisionapp.com/inside-design/ux-writer/
Escrita para
a Experiência
do usuário
Arquitetura da Informação | Um pouco sobre UX Writing
Arquitetura da Informação | Foco da Apresentação
PRODUTO
Situação
do uso
Experiência
Percepção de
um usuário
Ux writing: no
contexto para a
experiência
usuário produto
Interface
Ux writing: aplicada
às interfaces da
jornada
•Legendas de imagens;


•CTAs (Call To Actions)


•Noti
fi
cações;


•Mensagens de Erro;


•Menus, botões e outros elementos de UI.


Os textos para interação tem a função de chamar a
atenção do usuário, guiar e incentivá-lo a interagir
com os elementos.


Portanto, esse tipo de copy precisa ser bem
assertiva, concisa e com as palavras certas para
impactar quem lê.


•Títulos;


•Subtítulos;


•Corpo do texto;


•Apresentação dos Resultados da Busca.


Esses componentes fazem parte da Hierarquia
Visual e são importantes para deixar o texto
escaneável para o usuário.


Os títulos e subtítulos também precisam ser
objetivos e concisos. O usuário deve saber
rapidamente sobre o que trata aquele tópico.


UX Writing para informação:
UX Writing para Interação:
Arquitetura da Informação | UX Writing para informação e para interação
Construção
Quality
Assurance
UX on


Outstanding


Stories
Sprint 2/4
semanas
Objetivos


de negócio
Necessidades do
usuário
Concept
Daily Scrum
Daily W
ork
Daily
Sprint
UX Discovery
Sprint Backlog
• Full Guerkins


• Approved Wireframes


• High Level Planning


• Test Planning
Wireframes
Teste de guerrilha
UX
Validation
Lançamento
• Desenvolvimento


• Design


• Prototipagem
• Descoberta de Cenário


• Taks Analysis


• Arquitetura da Informação


• Paper Prototyping


• Lo
fi
Wireframes
Arquitetura da Informação | Processo de criação de produto
http://tibetantailor.com/?p=662
Arquitetura da Informação | Processo de criação de produto
Arquitetura da Informação | Metodologia de Arquitetura da Informação Rosenfeld e Morville
Arquitetura da Informação | Metodologia de Arquitetura da Informação Rosenfeld e Morville
Arquitetura da Informação | Metodologia de Arquitetura da Informação Rosenfeld e Morville
DSIA Research Initiative

Information Architecture : Common Set v.1.0
problema do usuário
modelo mental;

metáforas;

affordances;

personas.
Cenários + Fluxos + Storytelling
Protótipo/wireframe
Mobile First + Heurística Tom e Voz
Arquitetura da Informação | Arquitetura da Informação e UX
AI
UXW
Arquitetura da Informação | Arquitetura da Informação e UX
Design de Interação
fluxos | ações |usuários
Information Design
Modelo mental / Affordances
Arquitetura da Informação
4 sistemas: navegação,
organização, rotulação e busca
Interface Design
Mocape - Interfaces esteticamente agradáveis.
Navigation Design
componentes e estilos de navegação para
negócios, tarefas e recursos dos usuários.
Quando no seu trabalho de UX
Writer se deparar com um
conjunto muito grande de dados,
informações e conteúdo, lembre-se
que existem métodos consagrados
na Arquitetura da Informação
capazes de dar conta
O termo arquitetura de informação foi
criado pelo arquiteto/designer Saul
Wurman, em 1976. O conceito de
Wurman tinha relação com a
organização da grande quantidade de
informação produzida pelo homem
diariamente, sem grande preocupação
com a ordem.Wurman estabeleceu o
propósito da AI em guias de viagem, com
mapas de regiões, organizando o
conteúdo por categorias de lugares para
visitar.
Arquitetura da Informação | Criação do Termo
Nos anos 90, a arquitetura de
informação passa a ser usada no
planejamento de websites. ”Livro do
urso polar” (Information Architecture
for the World Wide Web, 1998).
Atualmente em terceira edição, continua
sendo a “bíblia” dos AIs.
“A arte e ciência de estruturar e classificar
websites e intranets para ajudar pessoas a
encontrar e gerenciar informações.”
Arquitetura da Informação | Livro do Urso Polar
Fase 1: levantamento de requisitos e planejamento


Atividade 1: Coletar requisitos;


Atividade 2: elaborar documento de requisitos


Atividade 3: elaborar planejamento
Fase 2: Análise e projeto


• Atividade 1: Tratamento funcional (o que faz o
ambiente);


• Atividade 2: Tratamento estrutural (fluxos e metadados)


• Atividade 3: Tratamento Informacional (conteúdo e
representação); Organização da informação (categorias)


• Atividade 4: Tratamento Navegacional (navegação do
ambiente)


• Atividade 5: Tratamento Visual (Rotulagem, Wireframe)
Fase 3: Avaliação e retroalimentação


Atividade 1: Definição de métricas e ROI;


Atividade 2: análise heurística


Atividade 3: testes de usabilidade


Atividade 4: melhoria (retroalimentar)
Arquitetura da Informação | Metodologia de Arquitetura da Informação
Navegação global: posicionamento,
orientação e comportamento
• Abas

• Links estáticos

• Roll-overs

• Fly-outs

• Cascatas

• Orientação horizontal vs. vertical

Navegação local
• Quando introduzir a navegação local

• Taxonomias na navegação local

• Variações para comércio eletrônico

• Estratégias de sites profundos: mininavegação e
navegação roll-up

• Colocação: direita versus esquerda

• Menus
fl
utuantes

Navegação para descoberta
• Links Relacionados

• Filtros sociais

• Nuvens de tags

• Tiras de
fi
lme

•
Ferramentas do
Navigation
Design
Pesquisa facetada: integrando pesquisa e
navegação
Seleção única versus seleção múltipla

Padrão de interação de
fi
nido-claro-de
fi
nido

Canal

Controles intuitivos

Navegação para suporte a tarefas
Menu utilitário

Links Rápidos

Elementos para criar estrutura

Navegação espacial
Mapas do site

Migalhas de pão

Navegação do processo
Paginação

Rodapés

Links Relacionados
E mais mobille
Arquitetura da Informação | Ferramentas de Arquitetura da Informação
Arquitetura da Informação | Cabides de organização para Conteúdo
Obrigado > Charlley Luz
feedconsultoria.com.br
UX e INTERFACE PLANEJAMENTO TAXONOMIA SEARCH DOCUMENTAÇÃO
charlley@feedconsultoria.com.br

Mais conteúdo relacionado

Mais procurados

METODOLOGIA DE DESIGN | BRIEFING
METODOLOGIA DE DESIGN | BRIEFINGMETODOLOGIA DE DESIGN | BRIEFING
METODOLOGIA DE DESIGN | BRIEFING
Andrea Dalforno
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
renatamruiz
 
Art 04 controle bibliografico universal
Art 04 controle bibliografico universalArt 04 controle bibliografico universal
Art 04 controle bibliografico universal
Cintia Borges
 

Mais procurados (20)

Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuário
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informação
 
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
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
Sistemas de navegação global, local e contextual
Sistemas de navegação global, local e contextualSistemas de navegação global, local e contextual
Sistemas de navegação global, local e contextual
 
Aula 2 - A área de IHC
Aula 2 - A área de IHCAula 2 - A área de IHC
Aula 2 - A área de IHC
 
Teorias da comunição e book
Teorias da comunição   e bookTeorias da comunição   e book
Teorias da comunição e book
 
METODOLOGIA DE DESIGN | BRIEFING
METODOLOGIA DE DESIGN | BRIEFINGMETODOLOGIA DE DESIGN | BRIEFING
METODOLOGIA DE DESIGN | BRIEFING
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Art 04 controle bibliografico universal
Art 04 controle bibliografico universalArt 04 controle bibliografico universal
Art 04 controle bibliografico universal
 
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...
 
Curso Básico de After Effects
Curso Básico de After EffectsCurso Básico de After Effects
Curso Básico de After Effects
 
Arquitetura da Informação: Conceitos e Objetivos
Arquitetura da Informação: Conceitos e ObjetivosArquitetura da Informação: Conceitos e Objetivos
Arquitetura da Informação: Conceitos e Objetivos
 
Comunicacao interna endomarketing 24x7
Comunicacao interna endomarketing 24x7Comunicacao interna endomarketing 24x7
Comunicacao interna endomarketing 24x7
 
Palestra: Estruturando o Planejamento de Marketing Digital
Palestra: Estruturando o Planejamento de Marketing DigitalPalestra: Estruturando o Planejamento de Marketing Digital
Palestra: Estruturando o Planejamento de Marketing Digital
 
Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
Mercado da Comunicação Digital
Mercado da Comunicação DigitalMercado da Comunicação Digital
Mercado da Comunicação Digital
 
Metodologias de Pesquisa em Comunicação - 1
Metodologias de Pesquisa em Comunicação - 1Metodologias de Pesquisa em Comunicação - 1
Metodologias de Pesquisa em Comunicação - 1
 
curadoria.pptx
curadoria.pptxcuradoria.pptx
curadoria.pptx
 
SemióTica Apresentação Geral
SemióTica Apresentação GeralSemióTica Apresentação Geral
SemióTica Apresentação Geral
 

Semelhante a A herança da arquitetura da informação para a UX Writer

Introducao a arquitetura de informacao
Introducao a arquitetura de informacaoIntroducao a arquitetura de informacao
Introducao a arquitetura de informacao
eramos7senac
 
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
posgraduacaorj
 
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
Alan Vasconcelos
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacao
duradez
 
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
Otaviano Silvério
 

Semelhante a A herança da arquitetura da informação para a UX Writer (20)

Cenário da Profissão - Núcleo de Projeto de Interface da AG2
Cenário da Profissão - Núcleo de Projeto de Interface da AG2Cenário da Profissão - Núcleo de Projeto de Interface da AG2
Cenário da Profissão - Núcleo de Projeto de Interface da AG2
 
Introducao a arquitetura de informacao
Introducao a arquitetura de informacaoIntroducao a arquitetura de informacao
Introducao a arquitetura de informacao
 
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 para Bibliotecários
Arquitetura de Informação para BibliotecáriosArquitetura de Informação para Bibliotecários
Arquitetura de Informação para Bibliotecários
 
Apresentacao arquitetura
Apresentacao arquiteturaApresentacao arquitetura
Apresentacao arquitetura
 
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
 
Arquitetura de Informação e Usabilidade
Arquitetura de Informação e UsabilidadeArquitetura de Informação e Usabilidade
Arquitetura de Informação e Usabilidade
 
Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.
Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovação.
Os desafios do Arquiteto de Informação como UX Expert: Criatividade e Inovaçã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
 
O arquiteto de informacao bibliotecario
O arquiteto de informacao bibliotecarioO arquiteto de informacao bibliotecario
O arquiteto de informacao bibliotecario
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacao
 
Por que você vai se apaixonar por design e UX?!
Por que você vai se apaixonar por design e UX?!Por que você vai se apaixonar por design e UX?!
Por que você vai se apaixonar por design e UX?!
 
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
 
Introdução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoIntrodução à Arquitetura de Informação
Introdução à Arquitetura de Informação
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de Interfaces
 
Arquitetura da informação
Arquitetura da informação Arquitetura da informação
Arquitetura da informação
 
Por que Criar a Rede UXnet no Rio?
Por que Criar a Rede UXnet no Rio?Por que Criar a Rede UXnet no Rio?
Por que Criar a Rede UXnet no Rio?
 
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
 

Mais de Mergo

Mais de Mergo (20)

O que ninguém te conta sobre Content Design inclusivo
O que ninguém te conta sobre Content Design inclusivoO que ninguém te conta sobre Content Design inclusivo
O que ninguém te conta sobre Content Design inclusivo
 
Artefatos para a escrita de conteúdos conversacionais
Artefatos para a escrita de conteúdos conversacionaisArtefatos para a escrita de conteúdos conversacionais
Artefatos para a escrita de conteúdos conversacionais
 
Desenhistas de conteúdo em um mundo híbrido
Desenhistas de conteúdo em um mundo híbridoDesenhistas de conteúdo em um mundo híbrido
Desenhistas de conteúdo em um mundo híbrido
 
Palavras são design: criatividade em Writing
Palavras são design: criatividade em WritingPalavras são design: criatividade em Writing
Palavras são design: criatividade em Writing
 
Time de UX da OLX
Time de UX da OLXTime de UX da OLX
Time de UX da OLX
 
Time de UX da Dasa
Time de UX da DasaTime de UX da Dasa
Time de UX da Dasa
 
Time de UX da Tembici
Time de UX da TembiciTime de UX da Tembici
Time de UX da Tembici
 
Time de UX do PicPay
Time de UX do PicPayTime de UX do PicPay
Time de UX do PicPay
 
Time de UX do Olist
Time de UX do OlistTime de UX do Olist
Time de UX do Olist
 
Time de UX do Mercado Livre
Time de UX do Mercado LivreTime de UX do Mercado Livre
Time de UX do Mercado Livre
 
Liderança em UX Writing
Liderança em UX WritingLiderança em UX Writing
Liderança em UX Writing
 
UX Writing é Narrativa
UX Writing é NarrativaUX Writing é Narrativa
UX Writing é Narrativa
 
Como criar um portfólio de UX Writing
Como criar um portfólio de UX WritingComo criar um portfólio de UX Writing
Como criar um portfólio de UX Writing
 
O 'bora bora' que talvez não tenha sentido
O 'bora bora' que talvez não tenha sentidoO 'bora bora' que talvez não tenha sentido
O 'bora bora' que talvez não tenha sentido
 
A lógica por trás de UX Writing
A lógica por trás de UX WritingA lógica por trás de UX Writing
A lógica por trás de UX Writing
 
UX Writing não é modismo, é simplificação de linguagem
UX Writing não é modismo, é simplificação de linguagemUX Writing não é modismo, é simplificação de linguagem
UX Writing não é modismo, é simplificação de linguagem
 
Vivências e desafios de uma pessoa Trans em UX Research
Vivências e desafios de uma pessoa Trans em UX ResearchVivências e desafios de uma pessoa Trans em UX Research
Vivências e desafios de uma pessoa Trans em UX Research
 
Migrando das Ciências Sociais para UX Research
Migrando das Ciências Sociais para UX ResearchMigrando das Ciências Sociais para UX Research
Migrando das Ciências Sociais para UX Research
 
Iniciando como Product Designer Junior
Iniciando como Product Designer JuniorIniciando como Product Designer Junior
Iniciando como Product Designer Junior
 
UX Research no iFood
UX Research no iFoodUX Research no iFood
UX Research no iFood
 

A herança da arquitetura da informação para a UX Writer

  • 1. CHARLLEY LUZ • SÃO PAULO – 22, 25 E 26 DE MARÇO DE 2022/ A herança da arquitetura da informação (AI) para a UX Writer Depois da pausa pra comer, descansar, fazer carinho no pet, tomar um café, se alongar e regar as plantas :)
  • 2. Charlley Luz: Fui publicitário, achei que o mundo da comunicação estava mudando e me interessei pelo mundo da informação e dos documentos digitais. Tornei-me bacharel em Arquivologia pela UFRGS e Mestre em Ciência da Informação pela ECA-USP. Sou empreendedor, consultor, professor, palestrante e pesquisador. Especialista em sistemas e serviços de informação, desenvolvo projetos em usabilidade, portais, colaboração, além de planejar ambientes e repositórios digitais e de gestão documental junto à Feed Consultoria. Arquitetura da Informação | Apresentação https://www.linkedin.com/in/charlley/
  • 4. O que um UX Writer realmente escreve Os escritores de UX não escrevem somente instruções e introduções. Eles garantem que o produto fale a mesma língua que os usuários. O UX Writer trabalha em colaboração com as personas dos usuários e, no estilo UX designer, testa constantemente o conteúdo que escreve. Além disso, garante que as palavras que escreve re fl etem a voz da marca, adaptando o tom para se adequar às várias situações em que o usuário se encontra em todo o produto. Faz com que o produto fale a mesma linguagem dos usuários Usa técnicas como personas e testes com usuários Trata o conteúdo como uma conversa entre o produto e o usuário Re fl ete a voz da marca nos textos Melhora o fl uxo de usuários com conteúdo adaptado para cada situação Como UX Writers Melhoram um produto de UX Fonte: https://www.justinmind.com/blog/ux-writing/ Arquitetura da Informação | Um pouco sobre UX Writing
  • 5. | Microtexto | Título | CTA (Call to Action) | Formulários | Newsletter | Contato | Mensagem de sucesso | Mensagem de erro | Página 404 | Espaço vazio | Chatbot | Landing Page | UX Writing e Acessibilidade | Linguagem neutra Arquitetura da Informação | Aplicação da UX Writing
  • 6. • textos dentro de produtos e de experiências • Fluxos de diálogos e interação na web • diretrizes e guias de estilo • Garantir que conteúdo e a estratégia estejam alinhadas • Aplicar a estratégia de produto https://www.invisionapp.com/inside-design/ux-writer/ Escrita para a Experiência do usuário Arquitetura da Informação | Um pouco sobre UX Writing
  • 7. Arquitetura da Informação | Foco da Apresentação PRODUTO Situação do uso Experiência Percepção de um usuário Ux writing: no contexto para a experiência usuário produto Interface Ux writing: aplicada às interfaces da jornada
  • 8. •Legendas de imagens; •CTAs (Call To Actions) •Noti fi cações; •Mensagens de Erro; •Menus, botões e outros elementos de UI. Os textos para interação tem a função de chamar a atenção do usuário, guiar e incentivá-lo a interagir com os elementos. Portanto, esse tipo de copy precisa ser bem assertiva, concisa e com as palavras certas para impactar quem lê. •Títulos; •Subtítulos; •Corpo do texto; •Apresentação dos Resultados da Busca. Esses componentes fazem parte da Hierarquia Visual e são importantes para deixar o texto escaneável para o usuário. Os títulos e subtítulos também precisam ser objetivos e concisos. O usuário deve saber rapidamente sobre o que trata aquele tópico. UX Writing para informação: UX Writing para Interação: Arquitetura da Informação | UX Writing para informação e para interação
  • 9. Construção Quality Assurance UX on Outstanding Stories Sprint 2/4 semanas Objetivos de negócio Necessidades do usuário Concept Daily Scrum Daily W ork Daily Sprint UX Discovery Sprint Backlog • Full Guerkins • Approved Wireframes • High Level Planning • Test Planning Wireframes Teste de guerrilha UX Validation Lançamento • Desenvolvimento • Design • Prototipagem • Descoberta de Cenário • Taks Analysis • Arquitetura da Informação • Paper Prototyping • Lo fi Wireframes Arquitetura da Informação | Processo de criação de produto
  • 11. Arquitetura da Informação | Metodologia de Arquitetura da Informação Rosenfeld e Morville
  • 12. Arquitetura da Informação | Metodologia de Arquitetura da Informação Rosenfeld e Morville
  • 13. Arquitetura da Informação | Metodologia de Arquitetura da Informação Rosenfeld e Morville DSIA Research Initiative Information Architecture : Common Set v.1.0
  • 14. problema do usuário modelo mental; metáforas; affordances; personas. Cenários + Fluxos + Storytelling Protótipo/wireframe Mobile First + Heurística Tom e Voz Arquitetura da Informação | Arquitetura da Informação e UX AI UXW
  • 15. Arquitetura da Informação | Arquitetura da Informação e UX Design de Interação fluxos | ações |usuários Information Design Modelo mental / Affordances Arquitetura da Informação 4 sistemas: navegação, organização, rotulação e busca Interface Design Mocape - Interfaces esteticamente agradáveis. Navigation Design componentes e estilos de navegação para negócios, tarefas e recursos dos usuários.
  • 16. Quando no seu trabalho de UX Writer se deparar com um conjunto muito grande de dados, informações e conteúdo, lembre-se que existem métodos consagrados na Arquitetura da Informação capazes de dar conta
  • 17. O termo arquitetura de informação foi criado pelo arquiteto/designer Saul Wurman, em 1976. O conceito de Wurman tinha relação com a organização da grande quantidade de informação produzida pelo homem diariamente, sem grande preocupação com a ordem.Wurman estabeleceu o propósito da AI em guias de viagem, com mapas de regiões, organizando o conteúdo por categorias de lugares para visitar. Arquitetura da Informação | Criação do Termo
  • 18. Nos anos 90, a arquitetura de informação passa a ser usada no planejamento de websites. ”Livro do urso polar” (Information Architecture for the World Wide Web, 1998). Atualmente em terceira edição, continua sendo a “bíblia” dos AIs. “A arte e ciência de estruturar e classificar websites e intranets para ajudar pessoas a encontrar e gerenciar informações.” Arquitetura da Informação | Livro do Urso Polar
  • 19. Fase 1: levantamento de requisitos e planejamento Atividade 1: Coletar requisitos; Atividade 2: elaborar documento de requisitos Atividade 3: elaborar planejamento Fase 2: Análise e projeto • Atividade 1: Tratamento funcional (o que faz o ambiente); • Atividade 2: Tratamento estrutural (fluxos e metadados) • Atividade 3: Tratamento Informacional (conteúdo e representação); Organização da informação (categorias) • Atividade 4: Tratamento Navegacional (navegação do ambiente) • Atividade 5: Tratamento Visual (Rotulagem, Wireframe) Fase 3: Avaliação e retroalimentação Atividade 1: Definição de métricas e ROI; Atividade 2: análise heurística Atividade 3: testes de usabilidade Atividade 4: melhoria (retroalimentar) Arquitetura da Informação | Metodologia de Arquitetura da Informação
  • 20. Navegação global: posicionamento, orientação e comportamento • Abas • Links estáticos • Roll-overs • Fly-outs • Cascatas • Orientação horizontal vs. vertical Navegação local • Quando introduzir a navegação local • Taxonomias na navegação local • Variações para comércio eletrônico • Estratégias de sites profundos: mininavegação e navegação roll-up • Colocação: direita versus esquerda • Menus fl utuantes Navegação para descoberta • Links Relacionados • Filtros sociais • Nuvens de tags • Tiras de fi lme • Ferramentas do Navigation Design Pesquisa facetada: integrando pesquisa e navegação Seleção única versus seleção múltipla Padrão de interação de fi nido-claro-de fi nido Canal Controles intuitivos Navegação para suporte a tarefas Menu utilitário Links Rápidos Elementos para criar estrutura Navegação espacial Mapas do site Migalhas de pão Navegação do processo Paginação Rodapés Links Relacionados E mais mobille Arquitetura da Informação | Ferramentas de Arquitetura da Informação
  • 21. Arquitetura da Informação | Cabides de organização para Conteúdo
  • 22. Obrigado > Charlley Luz feedconsultoria.com.br UX e INTERFACE PLANEJAMENTO TAXONOMIA SEARCH DOCUMENTAÇÃO charlley@feedconsultoria.com.br