Machine Translated by Google

Machine Translated by Google

Escrita UX | e-book completo

Olá! Bem vindo ao teu guia de aprendizagem. Aqui encontras todos os capítulos
sobre UX Writing, incluindo artigos e videos relevantes, bem como exercícios
práticos.

Sobre este e-book

Este eBook contém toda a informação necessária
para que possas iniciar a tua carreira em UX Writing.
Vamos abordar todos os fundamentos necessários, e
tens acesso a exercícios e projetos para pôr em
prática os teus conhecimentos.

Diverte-te!

Quem é um escritor de UX? | Blog de design interno

Ao longo dos últimos anos, um termo relativamente novo começou a aparecer no trabalho
anúncios e descrições. Para aqueles na comunidade de UX, pode ser uma notícia antiga,
mas para outros, é um termo completamente novo: o escritor de UX.

https://www.invisionapp.com/inside-design/ux-writer/

Escrita UX | e-book completo 1

Machine Translated by Google

Sobre este e-book

Guia de aprendizagem

O que é isso?

Material de aprendizagem: UX Writing 101 (artigo)

Material de aprendizagem: UX Writing vs copywriting (artigo)

Material de aprendizagem: UX copy e resultados de negócios (artigo)

Princípios de escrita de UX
1. Útil

2. Limpar

3. Conciso

4. Conversacional

Tempo de exercício

ÿSua primeira tarefa

Exercício bônus (opcional)

Qual é o tom de voz?

Voz

Tom

Material de aprendizagem: voz e tom do Mailchimp (artigo)

Material de aprendizagem: voz e tom do Mailchimp (artigo)

Material de aprendizagem: Estabelecendo um tom de voz (vídeo)

Dimensões do tom de voz

Material didático: dimensões do tom de voz (imagem)

Tempo de exercício

Tarefa 1

Tarefa 2

Exercício bônus (opcional)

Elementos da interface do usuário

Títulos

Descrições

Call to action (CTA)

Rótulos

Estados vazios

Material de aprendizagem: estado vazio

Mensagens

Material de aprendizagem: modais/caixas de diálogo

Tempo de exercício

1) Erro do servidor

2) Mensagem de aviso

3) O resto do fluxo

Escrita UX | e-book completo 2

Machine Translated by Google

Guia de aprendizagem

O que é isso?

ÿ A escrita de UX visa melhorar a experiência do usuário de produtos digitais e orientar

usuários em uma jornada através de uma cópia clara, concisa e útil (texto; palavras).

A escrita UX está atualmente em alta.

Muitas empresas de tecnologia estão procurando pessoas para oferecer experiências de qualidade por meio da escrita,

idealização e projeto.

Por quê?

Porque os produtos digitais estão cheios de palavras. Você pode não estar abrindo seus aplicativos apenas para ler os rótulos e o
texto instrutivo, mas está tudo lá.

Como a experiência geral é fortemente influenciada pelo design e pela cópia, a escolha de palavras afeta
significativamente os usuários. É por isso que a escrita de UX faz parte de um campo maior relacionado à experiência do usuário (UX).

Ou seja, as palavras estão inevitavelmente ligadas ao design. Um simplesmente não pode existir sem o outro.

Algumas pessoas até se referem aos escritores de UX como “designers de conteúdo” ou “estrategistas de conteúdo”.

Escrita UX | e-book completo 3

Machine Translated by Google

Há muita coisa por trás da escrita de UX: definir termos e tom de voz, definir expectativas
orientando os usuários, e a lista continua. Portanto, é mais do que apenas escrever.

Você pode encontrar uma introdução rápida à escrita de UX no artigo abaixo:

Material de aprendizagem: UX Writing 101 (artigo)

Conteúdo 101: Escrita de UX - @GatherContent

Embora o papel e a disciplina da estratégia de conteúdo tenham sido amplamente definidos,
novos caminhos surgiram. Um dos mais importantes e de mais rápido crescimento
esse é o papel do escritor de UX. Agora parte integrante das equipes de design em

https://gathercontent.com/blog/content-101-ux-writing

Leia o artigo

Anote todas as dúvidas que tiver

Mas se os escritores de UX escrevem uma cópia, o que os redatores fazem?

Bem, há uma diferença considerável entre os dois. Os redatores estão principalmente preocupados com as vendas e
com o cumprimento das metas de marketing e negócios.

Por outro lado, os escritores de UX garantem que todos os usuários possam entender e navegar no
produto, de uma maneira que se mostre fácil e agradável.

Em suma, a escrita de UX tem tudo a ver com garantir que os usuários tenham uma experiência ideal,
e não tanto a ver com tentativas de vender esse produto ou serviço específico.

Dê uma olhada neste artigo que explica claramente a diferença entre o que os escritores de UX e os redatores fazem:

Material de aprendizagem: UX Writing vs copywriting (artigo)

UX Writing vs Copywriting: Qual é a diferença?

Como um escritor que estudou publicidade e depois passou a trabalhar para marketing
agências, grande parte da minha carreira foi gasto com direitos autorais. É o que eu era
ensinava e tinha experiência em - o que eu sabia. Imagine minha surpresa quando

https://boldist.co/usability/ux-writing-vs-copywriting/

Leia o artigo

Anote todas as dúvidas que tiver

Agora que abordamos o básico da escrita de UX e sabemos como ela difere de outros tipos de conteúdo relacionado a
marketing, vamos nos aprofundar um pouco mais em seu impacto geral.

Escrita UX | e-book completo 4

Machine Translated by Google

Ao tornar as coisas mais claras, também ajudamos os usuários a se envolverem mais com nosso produto. Em
muitos casos, isso se traduz em ainda mais vendas ($$$).

Muitas vezes, pequenas mudanças na redação podem afetar as métricas de negócios. Talvez possamos falar da
mesma forma que nossos usuários, usando uma linguagem mais familiar. Ou talvez tenhamos removido
preventivamente quaisquer dúvidas e medos que eles pudessem ter antes de realizar uma ação.

É porque a escrita de UX simplifica a experiência geral que os usuários são mais propensos a realizar ações, o
que, por sua vez, beneficia as vendas de produtos e as margens de lucro.

Dê uma olhada nestes exemplos de como a escrita UX ajuda as empresas a crescer:

Material de aprendizagem: UX copy e resultados de negócios (artigo)

Escrita UX | e-book completo 5

Machine Translated by Google

Como o UX Copy gera melhores resultados de negócios

Nós da Frontitude achamos que criar uma ótima cópia de UX é um dos

melhores investimentos que uma equipe de produto/UX pode fazer. Percebemos que
não existem tantos exemplos atualizados por aí, que mostram como o UX copy afeta

https://www.frontitude.com/blog/how-ux-copy-drives-better-business-res
ults

Leia o artigo

Anote todas as dúvidas que tiver

Como você pode ver, há muito que entra em nossa prática. É mais do que apenas preencher um vazio

projeto com palavras. Mas uma coisa é certa: nosso objetivo é melhorar a experiência dos usuários

com nossos produtos. E para atingir esse objetivo, continuaremos pesquisando, idealizando, testando e

iterando.

Mas quando se trata do âmago da questão, como começamos o processo de escrita?

Existem alguns princípios de escrita de UX que ajudam você a garantir que sua cópia melhore o usuário

experiência.

Princípios de escrita de UX

Os escritores de UX ainda são incentivados a seguir cada princípio de uma forma ou de outra.

Abaixo estão os princípios de escrita de UX que você deve seguir.

Certifique-se de que toda a sua cópia seja, em algum sentido:

Seu texto deve ter um propósito e, se possível, fornecer uma solução, uma sugestão ou um feedback acionável.

Não há problema em informar apenas os usuários sobre algo que aconteceu, mas muitas vezes ficamos

perguntando "tudo bem e?". Portanto, certifique-se de responder preventivamente a todas as possíveis perguntas que

podem surgir no futuro.

Então pergunte a si mesmo: "estou fornecendo ajuda suficiente?".

ÿ Não: "Não foi possível encontrar uma conta com esse nome de usuário."

ÿ Fazer: "Não foi possível encontrar uma conta com esse e-mail. Precisa de ajuda para recuperar seu nome de usuário?"

Escrita UX | e-book completo 6

Machine Translated by Google

2. Limpar
Certifique-se de escrever de uma maneira que seja o mais fácil de entender possível. Evite termos técnicos e
linguagem detalhada. A chave aqui é: não escreva para impressionar, escreva para ser entendido.

Tendemos a complicar demais as coisas quando estamos muito preocupados com a formalidade e seguindo o status
quo. Mas, na maioria das vezes, esquecemos que nem todos estão à altura do mesmo
termos, palavras e jargões. Eles podem não saber o que é um "servidor". Eles podem não ter idéia
sobre tecnologia em geral.

Como estamos escrevendo para um público amplo, precisamos apontar para o menor denominador comum
e certifique-se de que a pessoa menos experiente o receba. Dessa forma, sabemos que todo mundo vai.

Pergunte a si mesmo: 'como eu explicaria isso para meus avós?'

ÿ Não: "Erro de login: tempo limite do servidor"

ÿ Faça: "Desculpe, algo aconteceu do nosso lado. Por favor, tente novamente."

3. Conciso
As frases devem ser curtas e diretas. Comece com a informação mais importante
e evite usar a voz passiva.

Muitas vezes somos treinados na escola para escrever o máximo possível, com a esperança de impressionar
nossos professores. Às vezes, eles até estabelecem um requisito mínimo de palavras.

Mas é muito melhor dizer muito usando menos palavras. Não só é mais eficiente, mas também agiliza a
comunicação — os usuários vão entender você muito melhor. Apenas certifique-se de não deixar detalhes importantes
de fora na esperança de encurtar seu texto.

Pergunte a si mesmo: 'que palavras são desnecessárias aqui?'

ÿ Não: "Se você decidir retornar à página inicial, nenhum progresso será salvo."

ÿ Faça: "Voltar? Todo o seu progresso será perdido."

4. Conversacional
Suas mensagens devem soar o mais natural possível. Estabeleça um tom empático, dando-lhe um toque humano.

Escrever é diferente de falar. Quando falamos, sai de uma forma muito mais natural.
Escrever é um processo premeditado: pensamos, editamos e depois publicamos. Não só é estruturalmente
diferente, mas também soa diferente quando você lê em voz alta.

Escrita UX | e-book completo 7

Machine Translated by Google

Isso faz com que nossa escrita muitas vezes pareça distante, robótica e sem emoção. O que, por sua vez, não
conectar aos usuários. Nosso objetivo é melhorar a experiência, não torná-la monótona.

Então pergunte a si mesmo: 'Isso soa como eu diria na vida real?'

ÿ Não: "Ocorreu um erro de autenticação: detalhes de senha incorretos."

ÿ Faça: "Parece que você digitou a senha errada."

Existem muitos outros princípios, como Acessibilidade, Inclusão e Consistência, mas eles foram deixados de lado por
causa deste exercício. Sinta-se à vontade para pesquisar um pouco mais sobre eles no

lado, e guarde as dúvidas para depois!

Tempo de exercício
Agora é a hora de começar seu caminho para se tornar um redator de UX completo.

Ao longo deste desafio, você receberá exercícios para concluir, juntamente com exercícios de bônus
para prática adicional.

Este é um fluxo de projeto.

Escrita UX | e-book completo 8

Machine Translated by Google

Ele representa os diferentes caminhos que o usuário pode percorrer de tela a tela ao usar um aplicativo.

Usamos isso para mapear toda a jornada, incluindo erros e situações menos desejáveis.

ÿSua primeira tarefa

Ao longo deste desafio, você terá a tarefa de concluir várias tarefas para concluir a cópia

para este fluxo. O resultado será um fluxo de aplicativo de boa aparência com escrita UX de qualidade!

Este é o seu arquivo Figma: https://www.figma.com/file/MjAoeCNHvGmoafd9cxblZ9/Hotel-App-

[eBook]-ÿ-DUPLICADO-ÿ

Abra o Figma e faça login. Quando estiver dentro, clique no menu suspenso ao lado do nome do arquivo e selecione

Duplique para seus rascunhos. Agora você pode alterar livremente o texto! Alternativamente, você pode simplesmente
anotá-lo em outro lugar.

Vamos imaginar que estamos construindo um aplicativo de reservas de hotéis. (você sabe, como Airbnb ou Booking).

Você tentou fazer login, mas aparentemente seu e-mail está errado.

Uma mensagem de erro em vermelho apareceu, mas algo parece errado...

Reescreva SOMENTE a mensagem de erro em vermelho. Leve todos os 4 princípios de escrita de UX em

conta

Escrita UX | e-book completo 9

Machine Translated by Google

Exercício bônus (opcional)

Estes são exercícios opcionais que deixarei para você, caso queira continuar praticando.
Eles são completamente alheios à nossa jornada de aplicativo de hotel.

Reescreva a mensagem de erro em vermelho. Leve em consideração todos os 4 princípios de escrita de UX

Escrita UX | e-book completo 10

Machine Translated by Google

Agora que abordamos o básico da escrita de UX, vamos entender como isso pode variar em diferentes situações.

Qual é o tom de voz?

O tom de voz é o estilo de comunicação que os escritores de UX usam para transmitir a personalidade de uma marca

em todo o produto. É fundamentalmente sobre a maneira como você diz as coisas.

No mundo de hoje, é o que diferencia as empresas umas das outras. É sobre singularidade e consistência, assim como o tom

de voz de uma pessoa real.

Como o nome indica, um tom de voz é composto pelo tom e pela voz. Vamos ver como eles diferem um do outro.

Voz
A voz é a representação do que a marca é e o que ela representa. Representa seu lado imutável; seus valores

fundamentais.

Tal como acontece com as pessoas, você pode reconhecer as vozes mais familiares e saber quem está falando com você.

É provável que você diga qual de seus amigos está falando porque suas vozes são diferentes, mesmo com os olhos fechados.

Da mesma forma, as empresas geralmente definem uma visão ou um conjunto de valores a serem respeitados. A voz nos

ajuda a transmitir isso através da escrita.

Tom
O tom é como adaptamos a voz a diferentes situações de acordo. Ao contrário da voz, o tom não é imutável — muda.

Assim como você modera seu tom em diferentes situações, como abordar os idosos com respeito, em vez de falar com

eles como você faz com seus amigos.

Mesmo que você seja considerado uma pessoa engraçada, você não mostraria seu lado humorístico em um funeral,

você iria? (Bem, espero que não).

É importante considerar como o usuário pode estar se sentindo em diferentes situações, especialmente em situações difíceis

em que ele encontra um erro ou tem dificuldade em descobrir algo.

Material de aprendizagem: voz e tom do Mailchimp (artigo)

Escrita UX | e-book completo 11

Machine Translated by Google

UX Writing: como a voz e o tom podem transformar a experiência do usuário

Não sou inteligente como você. Eu não posso fazer rissóis extravagantes de cada palavra. Azul

martim-pescador não vai voar de repente para fora da minha boca. Se você quer a minha
história, vai ter que aguentar como eu a conto. Tal é a explicação dada por um indigente,

https://blog.prototypr.io/ux-writing-how-voice-and-tone-can-transform-the-u
ser-experiência-30095a6ebf4e

Leia este exemplo

Anote todas as dúvidas que tiver

Mas como as marcas definem isso? Vamos dar uma olhada em um exemplo.

Mailchimp, uma plataforma de marketing digital, tem um tom de voz claramente definido. Eles até
discutir sua voz e tom separadamente, o que é muito útil.

Material de aprendizagem: voz e tom do Mailchimp (artigo)

Voz e Tom | Guia de estilo de conteúdo do Mailchimp

Uma maneira de escrevermos conteúdo empoderador é estarmos cientes de nossa voz e
nosso tom. Esta seção explica a diferença entre voz e tom e apresenta os elementos de
cada um conforme eles se aplicam ao Mailchimp. Qual é o

https://styleguide.mailchimp.com/voice-and-tone/

Leia este exemplo

Anote todas as dúvidas que tiver

Você pode facilmente saber mais sobre o tom de voz de uma empresa consultando seu Guia de Estilo oficial,
que é uma variedade de diretrizes para terminologia, pontuação e todas as coisas relacionadas à escrita.

Escrita UX | e-book completo 12

Machine Translated by Google

Mas como estabelecer um tom de voz?

Na maioria das vezes, você estará trabalhando para empresas com uma personalidade de marca já estruturada.
Mas se você acabar tendo uma palavra a dizer, é bom saber por onde começar. Especialmente se você precisar
rever o tom de voz existente e melhorá-lo.

Vamos dar uma olhada em como você constrói um tom de voz do zero:

Material de aprendizagem: Estabelecendo um tom de voz (vídeo)

https://www.youtube.com/watch?v=HSpms43ycKg

Reproduzir o vídeo

Anote todas as dúvidas que tiver

Dimensões do tom de voz

Embora o conceito de tom de voz possa ficar muito abstrato, existem maneiras de abordá-lo de uma forma
maneira que não parece vaga.

O pessoal do Nielsen Norman Group definiu 4 dimensões principais que compõem o tom de voz: formalidade, humor,
respeito e entusiasmo.

Cada dimensão representa um espectro de duas vias. Por exemplo, em termos de formalidade, você pode ir de muito
formal a extremamente casual e assim por diante.

Vejamos cada dimensão:

Formalidade (formal vs. casual): a escrita formal transmite profissionalismo, enquanto um

tom informal pode adicionar personalidade.

Humor (engraçado vs. sério): um tom de voz bem-humorado pode ajudar a aliviar o clima, mas há
são momentos em que a seriedade é necessária.

Respeito (respeitoso vs. irreverente): se abordamos as coisas com respeito ou de forma

maneira que é confiante e fora da caixa.

Entusiasmo (entusiasmo vs. prosaico): podemos parecer apaixonados ao entregar um

mensagem, ou atenha-se aos fatos e soe um pouco mais seco.

Dê uma olhada no flyer abaixo explicando a diferença entre todas as dimensões de tom de voz:

Material didático: dimensões do tom de voz (imagem)

Escrita UX | e-book completo 13

Machine Translated by Google

Escrita UX | e-book completo 14

Machine Translated by Google

Depois de definir o tom de voz da sua marca, você terminará com uma combinação de todos os 4
dimensões.

Talvez sua marca seja casual, engraçada, irreverente e entusiasmada.

Ou talvez seja formal, sério, respeitoso e prático.

As combinações ficam a seu critério!

Tempo de exercício

Tarefa 1

ÿ Espere, antes de começarmos, estive conversando com o dono do app do hotel. Eles precisam de sua ajuda
para construir a marca!

Você pode por favor escolher 4 tons de dimensões de voz? Obrigada!

Tarefa 2
De volta ao nosso aplicativo de reservas de hotéis. A tela da nossa página inicial está bonita, mas ainda precisamos de um

mensagem de boas-vindas aos usuários.

Algo que os faça usar a função de pesquisa e reservar um hotel.

Talvez uma instrução, talvez uma mensagem de boas-vindas. Você decide.

Você pode nos ajudar?

É assim que nosso concorrente faz:

Escrita UX | e-book completo 15

Machine Translated by Google

1. Lembre-se do tom de voz que você escolheu!

2. Escreva apenas o Título + Descrição

Exercício bônus (opcional)

Estes são exercícios opcionais que deixarei para você, caso queira continuar praticando.
Eles são completamente alheios à nossa jornada de aplicativo de hotel.

Identifique as 4 dimensões desse tom de voz, usado pelo Slack.

Escrita UX | e-book completo 16

Machine Translated by Google

Agora que abordamos o básico dos princípios de escrita de UX e tom de voz, vamos dar uma olhada
como podemos começar a escrever uma cópia para a interface do usuário (interface do usuário).

Naturalmente, um produto digital (seja um aplicativo móvel, aplicativo web ou outro software) é composto
de telas, cada uma com sua própria interface interativa. Cada pequena parte que compõe uma tela é
o que chamamos de elemento de interface do usuário.

Como cada elemento da interface do usuário serve a um propósito único, nossa redação deve variar de acordo.
Aqui estão alguns dos mais comuns a serem observados:

Elementos da interface do usuário

Títulos
Os títulos (ou manchetes) geralmente estão presentes em tamanhos de fonte maiores, na parte superior da
tela ou acima das seções. Seu objetivo é fornecer contexto sobre onde o usuário está ou o que ele deve fazer.

A maioria das pessoas ignora as descrições e apenas lê os títulos, então, apesar de ser mais curto, você está
encorajados a levar algum tempo para criar uma cópia decente para os títulos.

Escrita UX | e-book completo 17

Machine Translated by Google

Em aplicativos móveis, escolha títulos curtos (1-4 palavras)

Ao fornecer contexto, certifique-se de que o título englobe tudo na tela.

ex: Se o título da tela for "Fotos" mas houver imagens e vídeos, talvez
mude para "Galeria" para que englobe tudo.

Se o usuário tiver que executar uma ação, comece com a ação principal como um comando, seguido por
o objeto ou coisa.

ex.: Em uma tela de confirmação de pagamento, um título simples com "Confirmar pagamento" está bem.

Descrições
Também conhecido como corpo de texto, as descrições geralmente são seguidas por títulos, as descrições fornecem

informações adicionais que orientam ou informam o usuário ao longo de sua jornada.

Como geralmente são blocos de texto mais longos, a maioria das pessoas os lê rapidamente ou os ignora
completamente. Mas isso não os torna menos importantes.

As descrições devem ter de 40 a 50 caracteres.

Evite repetir palavras ou redundâncias.

Use links para cobrir outros tópicos importantes.

Escrita UX | e-book completo 18

Machine Translated by Google

Call to action (CTA)

Como o nome indica, os CTAs são um chamado para o usuário agir. Pode ser na forma de pressionar um botão ou apenas
clicar em um link, dependendo do que os precede.

Os botões são elementos de interface do usuário exclusivos porque são uma das únicas maneiras pelas quais os usuários podem expressar suas

vontade. Observando onde os usuários clicam, podemos descobrir o que eles querem alcançar ou onde eles
querer ir. É por isso que os botões devem ser fáceis de entender e extremamente claros sobre o que
acontecerá. O mesmo vale para os links, que geralmente estão na forma de texto (incluídos no
Descrição).

Os botões devem:

Tenha sempre de 1 a 3 palavras.

Inclua o mesmo verbo/palavra usado no título ou na descrição.

Os links devem:

Faça sentido fora do contexto: evite os famosos "Leia mais" e "Saiba mais".

Descreva o que acontecerá ou sobre o que é a página vinculada.

Rótulos
Os rótulos nos ajudam a entender a interface do usuário sem muito texto. Geralmente são pequenas sequências de cópia (1
a 4 palavras) que nos informam que tipo de informação estamos vendo: datas, hora, números,
etc.

Eles podem estar presentes dentro ou fora de outros elementos e cada um tem seu próprio objetivo. Pode ser para
ajudar o usuário a navegar por um menu, ajudá-lo a usar filtros, transmitir o status de uma ação ou
a quantidade de algo.

Escrita UX | e-book completo 19

Machine Translated by Google

Para menus, use substantivos em vez de verbos.

Os rótulos dos campos de entrada de texto devem estar todos acima ou à esquerda de cada campo.

Os textos instrutivos dentro dos campos são aceitáveis, mas eles desaparecem quando o usuário começa
a digitar, então tenha isso em mente. Se for uma instrução realmente importante, certifique-se de que esteja fora
do campo.

Escreva números numericamente (10) em vez de "dez".

Separe os números maiores em grupos de 3 dígitos para facilitar a leitura.

Esteja atento às variações no singular e no plural, resolva-as com a equipe com a qual está trabalhando (1
membro, 2 membros).

Certifique-se de que os rótulos dos filtros sejam consistentes entre si (mais relevantes; menos relevantes)

Estados vazios
Às vezes, os usuários ficam em uma tela vazia porque nunca usaram um recurso e não há dados para mostrar. Os
estados vazios fornecem contexto sobre o motivo pelo qual uma tela específica está em branco.

Estes são os tipos mais comuns de estados vazios:

Primeiro uso: quando os usuários estão acessando essa tela pela primeira vez e podem precisar realizar uma ação.

Escrita UX | e-book completo 20

Machine Translated by Google

Estado com falha: para quando algo inesperado acontece ou outros problemas estão acontecendo.

Sem dados para mostrar: quando não há informações disponíveis nesse contexto.

Nem todo estado vazio precisa ser acionável. Muitos cenários de primeiro uso devem ser informativos, especialmente
se a ação for secundária ou menos importante para a jornada do usuário. Se o cenário for crítico para a jornada do
usuário, a mensagem de estado vazio deverá ser acionável e focar nas próximas etapas.

Pergunte a si mesmo qual é o propósito do estado vazio. O que o usuário deve saber ou fazer?

Decida se o estado vazio é acionável ou informativo (sem CTA).

Quando não há como evitar a negatividade ("Sem resultados"), certifique-se de que a descrição seja
instrutiva o suficiente.

Mantenha a descrição curta, mas instrutiva.

Material de aprendizagem: estado vazio

Escrita UX | e-book completo 21

Machine Translated by Google

Escrevendo estados vazios

Muitos de vocês pensam em estados vazios como telas secundárias que não requerem
atenção do projeto. Bem, pense novamente! Os estados vazios são, na verdade, uma ótima
maneira de envolver, manter e encantar os usuários em momentos críticos. Por exemplo, correr

https://uxdesign.cc/writing-empty-states-3e0279f39066

Leia este exemplo

Anote todas as dúvidas que tiver

Mensagens
Às vezes, queremos que os usuários saibam o que está acontecendo em tempo real. Para isso, usamos
mensagens, que podem ser divididas em várias categorias. Eles podem ser:

ÿ Mensagens de aviso : quando você deseja informar o usuário sobre algo que está
importantes e irão impactá-los, agora ou eventualmente. Comece explicando o que está acontecendo e
o que eles podem fazer (se aplicável).

ÿMensagens de confirmação : para situações em que o usuário está prestes a

ação potencialmente destrutiva que pode resultar em perda de informações ou outras consequências.
Ambas as mensagens de aviso e confirmação devem ser lideradas com uma pergunta (geralmente no título)
e CTA.

ÿ Mensagens de erro : quando algo não deu certo. Dependendo da gravidade, eles podem ser exibidos na tela (se
o usuário puder corrigir o problema facilmente) ou dentro de um modal* se forem mais
sério. Você deve se esforçar para ser claro sobre o que está acontecendo e evitar culpar o usuário a todo custo.

ÿ Mensagens de sucesso : embora menos comuns, são úteis para indicar que uma ação
foi bem-sucedido, especialmente se demorou um pouco ou o usuário precisa de garantia porque foi
uma ação importante.

*Para esses tipos de mensagens, são usados modais (também conhecidos como caixas de diálogo). Eles podem ser
úteis para chamar a atenção do usuário, mas adicionam muito atrito à experiência, bloqueando todos
ações até que o usuário confirme ou cancele a mensagem.

Eles não devem ser usados para mensagens de sucesso e erros que podem ser facilmente corrigidos (como
corrigindo um erro de digitação). Nesses casos, devem ser usadas mensagens em linha.

Escrita UX | e-book completo 22

Machine Translated by Google

Saiba mais sobre modais no artigo abaixo:

Material de aprendizagem: modais/caixas de diálogo

Você tem certeza de que quer fazer isso? Microcópia para diálogos de confirmação
Caixas de diálogo de confirmação geralmente aparecem depois que os usuários fazem algum tipo de

ação significativa. As mensagens existem para verificar se os usuários realmente pretendem

executam essa ação e estão (totalmente) cientes de suas consequências. Uma confirmação

https://uxdesign.cc/are-you-sure-you-want-to-do-this-microcopy-for-confirma

tion-dialogues-1d94a0f73ac6

Leia este exemplo

Anote todas as dúvidas que tiver

E mais uma coisa:

Parabéns, você tem todos os conceitos básicos cobertos!

Agora você está pronto para começar a escrever UX como um profissional. Agora é só praticar e
melhorar!

Tempo de exercício
Você está pronto para consertar a viagem?

Aqui está o que está faltando:

Uma tela de erro para quando a conexão do servidor falhar

Escrita UX | e-book completo 23

Machine Translated by Google

Uma mensagem de aviso: precisamos informar aos usuários que eles perderão a pesquisa anterior

A página de login precisa que o título, CTA e rótulos sejam corrigidos.

1) Erro do servidor
Precisamos de uma tela visualizando a possibilidade de falha na conexão. Vamos imaginar que nossos servidores estejam
inativos ou algo inesperado aconteça.

Vamos informar aos usuários que algo aconteceu e eles precisam tentar novamente mais tarde.

É assim que nosso concorrente faz. Você acha que podemos fazer melhor?

Escrita UX | e-book completo 24

Machine Translated by Google

Por favor, escolha um tom de voz, aplique os princípios de escrita UX e escreva uma mensagem semelhante para o nosso
aplicativo.

Escrita UX | e-book completo 25

Machine Translated by Google

2) Mensagem de aviso
Também precisamos de um modal para quando o usuário tentar sair do aplicativo antes de concluir sua pesquisa.

Isso significa que sua pesquisa não será salva. Ou, em outros termos, o progresso da pesquisa será perdido.

A mensagem de aviso deve informar isso. Você pode nos ajudar?

Algo semelhante a esta estrutura:

Ainda podemos fazer melhor do que isso.

Vamos perguntar ao usuário se ele realmente quer sair, explicar o que acontece e então escrever 2 CTAs
diferentes.

Escrita UX | e-book completo 26

Machine Translated by Google

3) O resto do fluxo
Percorra o restante do arquivo Figma e corrija tudo o que encontrar: rótulos, descrições,
botões.

Escrita UX | e-book completo 27

Machine Translated by Google