Daily UX Writing Challenge — Segunda Parte

Solucionando problemas por meio das palavras e construindo interfaces intuitivas e agradáveis para os usuários

Contextualizando

O Daily UX Writing Challenge é uma iniciativa criada pelo Ryan Farrel, que desafia, por 15 dias, a criação de conteúdos de UX Writing (e, no caso aqui, de UI Design também!) para situações específicas que ele propõe.

A Barbara Finelli (UX Writer), me chamou para fazer a parte visual dos desafios e, juntas, criamos as soluções para os mesmos — o que acaba sendo importante pois, no dia-a-dia, os UX Writers não trabalham sozinhos e sim com UX Designers e/ou UI Designers. Por fim, neste artigo, apresentaremos as soluções para os 15 diferentes cenários sugeridos pelo autor.

Ao longo do desafio, pude exercitar a escrita com foco na experiência do usuário, aprendendo muito com a Bárbara. Além disso, aprimorei meus conhecimentos principalmente em UI Design, buscando transformar o que era um texto na experiência digital eficiente e agradável para os usuários, através de boas práticas visuais e de usabilidade.

Para facilitar a visualização e entendimento, separamos os resultados em três partes, sendo esta a segunda com os resultados 6 a 10 e as demais:

Primeira etapa: resultados 1 a 5
Terceira etapa: resultados 11 a 15

Mas, antes de começar…

O que é UX Writer, Bárbara?🧐

“Vamos começar pelo início”, como já dizia a minha avó. A sigla “UX” significa “User Experience” que é a experiência da do usuário (Eu gosto mais de falar “Pessoa Usuária”) e “Writer”, traduzindo para o portugês significa “Escrita”, ou seja o profissional UX Writer é responsável pela melhor experiência da pessoa usuária através da escrita, tornando a mensagem clara e concisa.

E, para complementar, um pouco sobre o que é UX/UI Design:

Pegando o embalo da explicação da Bárbara sobre a sigla “UX” e juntando com o Design, temos a tradução literal “Design de Experiência do Usuário”, cujo objetivo é garantir que o usuário tenha a melhor experiência de uso com relação a um produto ou serviço. Para isso, é necessário processos que envolvam entender as necessidades da pessoa usuária, seus objetivos, limitações e habilidades, tudo isso alinhado com o objetivo do negócio.

Neste desafio, porém, por se tratar de telas específicas e rápidas, os protagonistas foram o UX Writer e, o UI Design, ou “Design de Interface do Usuário”.

O UI Design é responsável pelo aspecto visual de um produto digital (aqui, no caso, das interfaces das telas propostas). Para isso, é necessário seguir boas práticas visuais e de usabilidade para construir uma experiência digital eficiente e agradável para os usuários.

Agora sim, sem mais enrolação, bora para a resolução?

Desafio #06 — Mensagem de incêndio

Cenário: É segunda-feira. Um usuário acaba de entrar em seu carro para dirigir para o trabalho. Eles conectam o telefone no carro e começam a dirigir.

Desafio: Como você informaria ao usuário que há um incêndio em uma cidade próxima que está causando o fechamento de estradas? O efeito em seu trajeto é desconhecido, mas há um perigo definitivo se o fogo se aproximar. Como você comunica isso a eles? Quando? Escreva.

Título: Máximo de 30 caracteres

Corpo: Máximo de 45 caracteres

Perspectiva e prioridade da Bárbara como UX Writer:

• Contexto da interação: Quais são as preocupações e emoções da pessoa usuária que vai ter contato com a tela?

1. Preocupada, pois, pode chegar depois do horário no serviço
2. Indiferente, não encontra-se feliz e nem triste

• Objetivo: Qual é o resultado esperado, ou o que eu espero da pessoa usuária, ou, quais são os critérios de sucesso?

1. Que seja recalculado uma nova rota e a pessoa usuária não corra nenhum risco caso o fogo se aproxime

• A motivação: Qual o ponto de partida, dor do negócio iniciou a demanda? Qual problema temos que resolver?

1. Está acontecendo um incêndio em uma cidade próxima que ocasionou o fechamento das estradas

Além de:

Mesmo que não tenha sido disponibilizado informações sobre o número de caracteres que devo utilizar em um botão, o meu pensamento foi no seguinte cenário: A pessoa usuária está usando um aplicativo de GPS, então a mensagem deverá aparecer não em forma de push, mas com opção para recalcular a rota na própria tela do aplicativo. Decidi também não informar a nossa pessoa usuária sobre o incêndio, para não causar medo ou preocupação, e pensando na sua segurança , optei por deixar somente um CTA, para não correr o risco do fogo se aproximar e ela ir em direção ao incêndio.

Eu, como UI Designer, fiz algumas colocações ao criar as telas:

Como dito acima, ao escolher não informar sobre o incêndio, foi importante se atentar aos detalhes visuais, que seria a ilustração utilizada. Por isso optei uma mais genérica, mostrando a via interditada e não algo que remetesse incêndio, como fogo.

E esse foi o nosso resultado:

Mensagem de alteração de rota

Desafio #07— Notificação do placar

Cenário: Um fã de esportes está em um casamento enquanto seu time favorito está jogando contra seus arquirrivais. Sua equipe pontua.

Desafio: Como você, rapidamente, informaria o fã de esportes sobre a última jogada, o placar atual e os principais jogadores? Escreva.

Título: Máximo de 30 caracteres

Corpo: Máximo de 45 caracteres

Perspectiva e prioridade da Bárbara como UX Writer:

• Contexto da interação: Quais são as preocupações e emoções da pessoa usuária que vai ter contato com a tela?

1. Alegre com o novo placar
2. Feliz, pois, seu time pontua

• Objetivo: Qual é o resultado esperado, ou o que eu espero da pessoa usuária, ou, quais são os critérios de sucesso?

1. Informar brevemente a pessoa usuária em um tom de voz alegre que o time dela fez gol

• A motivação: Qual o ponto de partida, dor do negócio iniciou a demanda? Qual problema temos que resolver?

1. Nenhum problema em específico gerou a demanda

Nosso resultado:

Notificação de gol

Desafio #08 — Show na cidade

Cenário: O usuário é um fã casual de música e (ocasionalmente) vai a shows ao vivo. Eles têm um aplicativo de player de música em seu telefone.

Desafio: Diga ao usuário que uma de suas bandas favoritas está tocando ao vivo em sua cidade. Como você os obrigaria a querer ir?

Título: Máximo de 30 caracteres

Corpo: Máximo de 45 caracteres

Botão: 25 caracteres

Perspectiva e prioridade da Bárbara como UX Writer:

• Contexto da interação: Quais são as preocupações e emoções da pessoa usuária que vai ter contato com a tela?

1. Alegre que sua banda vai se apresentar na cidade

• Objetivo: Qual é o resultado esperado, ou o que eu espero da pessoa usuária, ou, quais são os critérios de sucesso?

1. Informar brevemente de maneira clara e concisa sobre o show do seu artista favorito

• A motivação: Qual o ponto de partida, dor do negócio iniciou a demanda? Qual problema temos que resolver?

1. O artista preferido da pessoa usuária está tocando na cidade e devemos informar isso a ela

Eu, como UI Designer, fiz algumas colocações ao criar as telas:

Como eu e a Bárbara somos fãs de pagode, escolhemos o Thiaguinho como artista para compor este desafio. Tive em mente que a Tardezinha, nome dos seus shows, já possui uma identidade visual bem definida. Portanto, cores, tipografia e elementos foram utilizados a partir deste guia de estilo. Além disso, pensei em um banner promocional e, para chamar a atenção, utilizei a tela inteira.

E esse foi o nosso resultado:

Banner promocional de turnê musical

Desafio #09 — Mensagem de erro ao usar o cartão

Cenário: O usuário está tentando alugar um carro usando um aplicativo, mas o cartão de crédito cadastrado expirou.

Desafio: Escreva uma mensagem de erro para que eles possam corrigir o problema.

Título: Máximo de 30 caracteres

Corpo: Máximo de 45 caracteres

Perspectiva e prioridade da Bárbara como UX Writer:

• Contexto da interação: Quais são as preocupações e emoções da pessoa usuária que vai ter contato com a tela?

1. Indiferente, não está feliz e nem triste

• Objetivo: Qual é o resultado esperado, ou o que eu espero da pessoa usuária, ou, quais são os critérios de sucesso?

1. Informar em um tom de voz leve que o cartão de crédito utilizado está com data de vencimento expirada e informar os próximos passos

• A motivação: Qual o ponto de partida, dor do negócio iniciou a demanda? Qual problema temos que resolver?

1. A pessoa usuária está tentando alugar um carro com o cartão de crédito vencido

Eu, como UI Designer, fiz algumas colocações ao criar as telas:

Optei por passar a mensagem de erro em um modal para mostrá-la de uma maneira organizada, visto que o texto é maior pois contém, também, o que o usuário deve fazer.

O nosso resultado:

Desafio #10️ — Perguntar o nome e o CEP da pessoa usuária️

Cenário: O usuário está tentando visualizar um site para ajudá-lo a comprar um carro. Mas o conteúdo não pode ser carregado sem a localização do usuário. Eles precisam digitar seu CEP e primeiro nome.

Desafio: Pergunte a eles onde moram e quem são sem parecer que você está extraindo dados desnecessariamente.

Título: Máximo de 25 caracteres

Corpo: Máximo de 45 caracteres

Botão: 15 caracteres

Perspectiva e prioridade da Bárbara como UX Writer:

• Contexto da interação: Quais são as preocupações e emoções da pessoa usuária que vai ter contato com a tela?

1. Desconfiada por conta do site está pedindo o CEP da sua residência
2. Com medo de passar a informação
3. Indiferente, não está feliz e nem triste

• Objetivo: Qual é o resultado esperado, ou o que eu espero da pessoa usuária, ou, quais são os critérios de sucesso?

1. Que a pessoa usuária informe os dados que precisamos sem parecermos inconvenientes, para assim, encontrarmos o melhor carro para ela.

• A motivação: Qual o ponto de partida, dor do negócio iniciou a demanda? Qual problema temos que resolver?

1. O conteúdo não pode ser carregado sem a localização da pessoa usuária e precisamos informar isso a ela

E esse foi o nosso resultado:

Inputs “Nome” e “CEP”

Mais cinco desafios finalizados! E ai, o que achou? Feedback e sugestões são sempre bem vindos 😀

Caso queira conversar, estamos disponíveis no LinkedIn, os link estão logo abaixo 👇

Meu LinkedIn

LinkedIn da Bárbara

Bora para a terceira e última parte?