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
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