Daily UX Writing Challenge — Primeira 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 primeira com os resultados 1 a 5 e as posteriores:
Segunda etapa: resultados 6 a 10
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 #01 — Voo cancelado
Cenário: Um viajante está em um aeroporto esperando a última etapa de um voo para casa quando seu voo é cancelado abruptamente devido ao mau tempo.
Desafio: Escreva uma mensagem do aplicativo da companhia aérea notificando-os sobre o cancelamento e o que eles precisam fazer a seguir.
Título: 45 caracteres
Corpo: Máximo de 175 caracteres
Botão(s): 25 caracteres no máximo
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?
- Nervoso, pois o voo foi cancelado inesperadamente
- Preocupado com o tempo, pois, depende da melhora dele para ter outro voo
- Frustrado pois, não pode fazer nada além de esperar
- Objetivo: Qual é o resultado esperado, ou o que eu espero da pessoa usuária, ou, quais são os critérios de sucesso?
- Aplicar um tom de voz adequado para a notificação de cancelamento de voo e orientar sobre os próximos passos para a pessoa usuária conseguir um voo
- A motivação: Qual o ponto de partida, dor do negócio iniciou a demanda? Qual problema temos que resolver?
- O cancelamento inesperado do voo
Eu, como UI Designer, fiz algumas colocações ao criar as telas:
Para não nos apegarmos às companhias aéreas existentes, utilizei um ícone simples representando o logo da nossa companhia aérea fictícia. Na segunda tela, como o foco é a mensagem do cancelamento do voo, dei destaque ao modal.
Esse foi o nosso resultado:
Desafio #02️— Tela promocional para um aplicativo de esportes
Cenário: Um usuário é um pai que trabalha e um grande fã de esportes, no meio de sua temporada de esportes favoritos, que não pode mais assistir a jogos.
Desafio: Escreva uma tela promocional para um aplicativo que permita ao usuário escolher times, enviar lembretes de jogos, atualizações de placar em tempo real e vídeos de destaque.
Título: Máximo de 40 caracteres
Corpo: Máximo de 175 caracteres
Botão(s): 25 caracteres no máximo
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?
- Alegre de poder acompanhar todos os jogos quiser e ainda ganhar desconto
- Objetivo: Qual é o resultado esperado, ou o que eu espero da pessoa usuária, ou, quais são os critérios de sucesso?
- Aplicar um tom de voz descontraído e leve para fazer o usuário baixar o aplicativo e a pessoa usuária conseguir assistir as partidas de futebol
- A motivação: Qual o ponto de partida, dor do negócio iniciou a demanda? Qual problema temos que resolver?
- A nossa pessoa usuária é um pai que trabalha e é um muito fã de esportes e, durante a sua temporada de esportes favoritos, ele não pode mais assistir a jogos com tanta facilidade.
Eu, como UI Designer, fiz algumas colocações ao criar as telas:
Novamente, para não nos apegarmos em aplicativos esportivos existentes, utilizei um ícone simples para simbolizar um fictício. Para a segunda tela, como o objetivo é um texto promocional, optei pela tela inteira (como um banner) e dando a liberdade do usuário baixar o aplicativo ou sair da tela, através dos botões “Baixar aplicativo” e “X”, respectivamente.
Nosso resultado:
Desafio #03— E-mail digitado errado
Cenário: O usuário digitou o endereço de e-mail errado para entrar em sua conta.
Desafio: Diga ao usuário para inserir o e-mail correto.
Título: Máximo de 40 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?
- Nervoso, pois o digitou o e-mail errado
- Preocupado em digitar o e-mail certo
- Confuso, tentando lembrar o e-mail certo
- Objetivo: Qual é o resultado esperado, ou o que eu espero da pessoa usuária, ou, quais são os critérios de sucesso?
- Que a pessoa usuária consiga digitar o e-mail correto e consiga acessar a sua conta e tenha uma experiência agradável
- A motivação: Qual o ponto de partida, dor do negócio iniciou a demanda? Qual problema temos que resolver?
- Digitou o e-mail errado e precisa saber disso para solucionar. E caso precise de ajuda terá todo o suporte necessário
Eu, como UI Designer, fiz algumas colocações ao criar as telas:
Utilizando um logo fictício, criei uma tela de login de um aplicativo de esportes. A ideia é que, ao colocar um e-mail incorreto, o botão para continuar o login continuasse desabilitado e aparecesse a mensagem de erro e ajuda. Além disso, por mais que o “Clique aqui” seja a continuação da mensagem de erro, ele é um botão e deve seguir o padrão.
O nosso resultado:
Desafio #04 — Tela promocional para um serviço de assinatura do supermercado
Cenário: Um usuário está em seu supermercado favorito. Eles abrem o aplicativo do supermercado no celular para ver o que está em promoção e são recebidos com uma promoção.
Desafio: Escreva uma tela inicial promocional para um serviço de assinatura que entrega mantimentos ao usuário uma vez por mês por uma taxa fixa.
Título: Máximo de 45 caracteres
Corpo: Máximo de 175 caracteres
Botão(s): 25 caracteres no máximo
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?
- Neutro, não está feliz e nem triste
- Feliz. pois agora poderão receber os produtos em casa uma vez por mês e não precisarão ir presencialmente fazer as compras
- Objetivo: Qual é o resultado esperado, ou o que eu espero da pessoa usuária, ou, quais são os critérios de sucesso?
- Que assinem o serviço de assinatura
- A motivação: Qual o ponto de partida, dor do negócio iniciou a demanda? Qual problema temos que resolver?
- Otimizar o processo de compra das nossas pessoas usuárias para assim evitar que fiquem muito tempo nos supermercados e nos caixas
Eu, como UI Designer, fiz algumas colocações ao criar as telas:
Como a promoção aparece ao abrir o aplicativo, o conteúdo foi aplicado em um modal.
O nosso resultado:
Desafio #05 — Mensagem ao abrir um aplicativo
Cenário: O usuário trabalha em design gráfico. Ao criticar um design em um aplicativo móvel, o telefone desliga abruptamente. Quando eles reiniciam o telefone, eles reabrem o aplicativo.
Desafio: Escreva uma mensagem que o usuário irá ler imediatamente ao abrir o aplicativo. O que eles precisam saber? Quais etapas (se houver) eles precisam seguir para recuperar seu conteúdo? E se eles não conseguirem recuperar o conteúdo?
Título: Máximo de 40 caracteres
Corpo: Máximo de 140 caracteres
Botão(s): 20 caracteres no máximo
Nesse desafio tínhamos que pensar em dois cenários:
- Caso seja possível recuperar o conteúdo
- Caso não seja possível recuperar o conteúdo
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?
- A pessoa usuária está preocupada se os conteúdos dela foram salvos
- Nervosa, pois, o telefone desliga inesperadamente
- Objetivo: Qual é o resultado esperado, ou o que eu espero da pessoa usuária, ou, quais são os critérios de sucesso?
- Que possamos conseguir transmitir de maneira clara, concisa e objetiva sobre o problema que houve e a pessoa usuária não fique mais preocupada
- A motivação: Qual o ponto de partida, dor do negócio iniciou a demanda? Qual problema temos que resolver?
- O celular desligou estranhamente
Eu, como UI Designer, fiz algumas colocações ao criar as telas:
Como é uma mensagem que aparece logo ao abrir o aplicativo e é importante para a continuidade na utilização do mesmo, optei por colocar a mensagem na tela inteira.
O nosso resultado final:
Esses foram os 5 primeiros resultados do challenge, esperamos que tenham gostado! Feedbacks e sugestões são sempre bem vindos!
Caso queira conversar, estamos disponíveis no LinkedIn, os link estão logo abaixo 👇
Vamos para a segunda parte?