SlideShare uma empresa Scribd logo
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

Diagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de GarrettDiagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de Garrett
Luiz Agner
 
Arquitetura da Informacao
Arquitetura da InformacaoArquitetura da Informacao
Arquitetura da Informacao
carlosremontti
 
Principles of ui design
Principles of ui designPrinciples of ui design
Principles of ui design
Iaroslava Rizova
 
デザインが統一されているShare point サイトを作成しよう
デザインが統一されているShare point サイトを作成しようデザインが統一されているShare point サイトを作成しよう
デザインが統一されているShare point サイトを作成しよう
Mayuko Hatanaka
 
Relatório teste formal de usabilidade - RioCard
Relatório teste formal de usabilidade - RioCard Relatório teste formal de usabilidade - RioCard
Relatório teste formal de usabilidade - RioCard
Luiz Agner
 
UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1
Lewis Lin 🦊
 
Controle de um braço robótico utilizando o sensor Microsoft Kinect
Controle de um braço robótico utilizando o sensor Microsoft KinectControle de um braço robótico utilizando o sensor Microsoft Kinect
Controle de um braço robótico utilizando o sensor Microsoft Kinect
Willian Rodrigues
 
Azure Functionsを業務利用する時の勘所
Azure Functionsを業務利用する時の勘所Azure Functionsを業務利用する時の勘所
Azure Functionsを業務利用する時の勘所
裕之 木下
 
UX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSUX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOS
Diego Moraes
 
Understanding Information Architecture
Understanding Information ArchitectureUnderstanding Information Architecture
Understanding Information Architecture
Dan Klyn
 
UX Lesson 5: Information Architecture
UX Lesson 5: Information ArchitectureUX Lesson 5: Information Architecture
UX Lesson 5: Information Architecture
Joan Lumanauw
 
N04_デジタルバンクを目指す北國銀行の挑戦とその歩み [Microsoft Japan Digital Days]
N04_デジタルバンクを目指す北國銀行の挑戦とその歩み [Microsoft Japan Digital Days]N04_デジタルバンクを目指す北國銀行の挑戦とその歩み [Microsoft Japan Digital Days]
N04_デジタルバンクを目指す北國銀行の挑戦とその歩み [Microsoft Japan Digital Days]
日本マイクロソフト株式会社
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
Peeyush Sahu CAPM®
 
ファイルサーバーを SharePoint に移行するためのアプローチ
ファイルサーバーを SharePoint に移行するためのアプローチファイルサーバーを SharePoint に移行するためのアプローチ
ファイルサーバーを SharePoint に移行するためのアプローチ
日本マイクロソフト株式会社
 
Visualizing User Feedback
Visualizing User FeedbackVisualizing User Feedback
Visualizing User Feedback
Eva Kaniasty
 
UX para agências de publicidade
UX para agências de publicidadeUX para agências de publicidade
UX para agências de publicidade
Richard Jesus
 
Engenharia dos cargos de UI, UX, PM
Engenharia dos cargos de UI, UX, PMEngenharia dos cargos de UI, UX, PM
Engenharia dos cargos de UI, UX, PM
Marcello Cardoso
 
Design de Serviço, Inovação e UX
Design de Serviço, Inovação e UXDesign de Serviço, Inovação e UX
Design de Serviço, Inovação e UX
Heller de Paula
 
JSON Value into Power Automate
JSON Value into Power AutomateJSON Value into Power Automate
JSON Value into Power Automate
Tomoyuki Obi
 
Sharegate Migration のご紹介
Sharegate Migration のご紹介Sharegate Migration のご紹介
Sharegate Migration のご紹介
Kazuhiko Nakamura
 

Mais procurados (20)

Diagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de GarrettDiagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de Garrett
 
Arquitetura da Informacao
Arquitetura da InformacaoArquitetura da Informacao
Arquitetura da Informacao
 
Principles of ui design
Principles of ui designPrinciples of ui design
Principles of ui design
 
デザインが統一されているShare point サイトを作成しよう
デザインが統一されているShare point サイトを作成しようデザインが統一されているShare point サイトを作成しよう
デザインが統一されているShare point サイトを作成しよう
 
Relatório teste formal de usabilidade - RioCard
Relatório teste formal de usabilidade - RioCard Relatório teste formal de usabilidade - RioCard
Relatório teste formal de usabilidade - RioCard
 
UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1UI Design Patterns for the Web, Part 1
UI Design Patterns for the Web, Part 1
 
Controle de um braço robótico utilizando o sensor Microsoft Kinect
Controle de um braço robótico utilizando o sensor Microsoft KinectControle de um braço robótico utilizando o sensor Microsoft Kinect
Controle de um braço robótico utilizando o sensor Microsoft Kinect
 
Azure Functionsを業務利用する時の勘所
Azure Functionsを業務利用する時の勘所Azure Functionsを業務利用する時の勘所
Azure Functionsを業務利用する時の勘所
 
UX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSUX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOS
 
Understanding Information Architecture
Understanding Information ArchitectureUnderstanding Information Architecture
Understanding Information Architecture
 
UX Lesson 5: Information Architecture
UX Lesson 5: Information ArchitectureUX Lesson 5: Information Architecture
UX Lesson 5: Information Architecture
 
N04_デジタルバンクを目指す北國銀行の挑戦とその歩み [Microsoft Japan Digital Days]
N04_デジタルバンクを目指す北國銀行の挑戦とその歩み [Microsoft Japan Digital Days]N04_デジタルバンクを目指す北國銀行の挑戦とその歩み [Microsoft Japan Digital Days]
N04_デジタルバンクを目指す北國銀行の挑戦とその歩み [Microsoft Japan Digital Days]
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
 
ファイルサーバーを SharePoint に移行するためのアプローチ
ファイルサーバーを SharePoint に移行するためのアプローチファイルサーバーを SharePoint に移行するためのアプローチ
ファイルサーバーを SharePoint に移行するためのアプローチ
 
Visualizing User Feedback
Visualizing User FeedbackVisualizing User Feedback
Visualizing User Feedback
 
UX para agências de publicidade
UX para agências de publicidadeUX para agências de publicidade
UX para agências de publicidade
 
Engenharia dos cargos de UI, UX, PM
Engenharia dos cargos de UI, UX, PMEngenharia dos cargos de UI, UX, PM
Engenharia dos cargos de UI, UX, PM
 
Design de Serviço, Inovação e UX
Design de Serviço, Inovação e UXDesign de Serviço, Inovação e UX
Design de Serviço, Inovação e UX
 
JSON Value into Power Automate
JSON Value into Power AutomateJSON Value into Power Automate
JSON Value into Power Automate
 
Sharegate Migration のご紹介
Sharegate Migration のご紹介Sharegate Migration のご紹介
Sharegate Migration のご紹介
 

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

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
wudrs
 
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
 
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
Anna Raquel Serra
 
Apresentacao arquitetura
Apresentacao arquiteturaApresentacao arquitetura
Apresentacao arquitetura
Talk Relacionamento Digital
 
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
 
Arquitetura de Informação e Usabilidade
Arquitetura de Informação e UsabilidadeArquitetura de Informação e Usabilidade
Arquitetura de Informação e Usabilidade
Scriptutex
 
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.
Impacta Eventos
 
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
Doisnovemeia Publicidade
 
O arquiteto de informacao bibliotecario
O arquiteto de informacao bibliotecarioO arquiteto de informacao bibliotecario
O arquiteto de informacao bibliotecario
Rick Santos
 
Web Standards
Web StandardsWeb Standards
Web Standards
Pedro Tavares
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacao
duradez
 
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?!
Priscilla Albuquerque
 
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
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de Interfaces
Ana Migowski
 
Arquitetura da informação
Arquitetura da informação Arquitetura da informação
Arquitetura da informação
UNESP Marília
 
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?
monica m fernandes
 
O Arquiteto da Informação
O Arquiteto da InformaçãoO Arquiteto da Informação
O Arquiteto da Informação
Claudio Diniz - Designer Gráfico
 
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
Claudio Diniz - Designer Gráfico
 
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
wudrs
 

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

Mais de Mergo

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
Mergo
 
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
Mergo
 
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
Mergo
 
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
Mergo
 
Time de UX da OLX
Time de UX da OLXTime de UX da OLX
Time de UX da OLX
Mergo
 
Time de UX da Dasa
Time de UX da DasaTime de UX da Dasa
Time de UX da Dasa
Mergo
 
Time de UX da Tembici
Time de UX da TembiciTime de UX da Tembici
Time de UX da Tembici
Mergo
 
Time de UX do PicPay
Time de UX do PicPayTime de UX do PicPay
Time de UX do PicPay
Mergo
 
Time de UX do Olist
Time de UX do OlistTime de UX do Olist
Time de UX do Olist
Mergo
 
Time de UX do Mercado Livre
Time de UX do Mercado LivreTime de UX do Mercado Livre
Time de UX do Mercado Livre
Mergo
 
Liderança em UX Writing
Liderança em UX WritingLiderança em UX Writing
Liderança em UX Writing
Mergo
 
UX Writing é Narrativa
UX Writing é NarrativaUX Writing é Narrativa
UX Writing é Narrativa
Mergo
 
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
Mergo
 
Em busca de boas práticas de UX Writing
Em busca de boas práticas de UX WritingEm busca de boas práticas de UX Writing
Em busca de boas práticas de UX Writing
Mergo
 
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
Mergo
 
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
Mergo
 
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
Mergo
 
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
Mergo
 
Iniciando como Product Designer Junior
Iniciando como Product Designer JuniorIniciando como Product Designer Junior
Iniciando como Product Designer Junior
Mergo
 
UX Research no iFood
UX Research no iFoodUX Research no iFood
UX Research no iFood
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
 
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
 
Em busca de boas práticas de UX Writing
Em busca de boas práticas de UX WritingEm busca de boas práticas de UX Writing
Em busca de boas práticas de UX Writing
 
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