Desafio prático: desvendando o poder do UX Writing na estruturação de telas
Como a escrita estratégica pode transformar jornadas e simplificar a experiência do usuário.Exemplo de estruturação de telas (wireframes) — @amperag.Ao estudar UX Writing percebi o quanto é uma prática essencial no design para guiar o usuário de forma clara e intuitiva durante a sua jornada e uma forma de usar a linguagem de maneira estratégica. Ao contrário do que se pensa, Ux Writing não é sobre preencher espaços com textos, mas criar uma comunicação eficiente e amigável, se conectando de forma emocional e prática com as pessoas.Durante o desafio proposto pela UX Writing Hub, percebi que podemos transformar interfaces densas em experiências mais acessíveis, reduzir informações desnecessárias, mapear dúvidas recorrentes e ajustar a arquitetura de informações para oferecer uma navegação mais fluida.No desafio, a ideia era transformar essa tela do MockDocs:Desafio da tela de configurações do MockDocs.Vamos para a solução?Antes de alterar os textos e elementos, preferi iniciar mapeando e definindo os principais pontos de ajuste da tela:Settings Menu: a palavra “menu” é desnecessária, pois o próprio contexto da tela já indica que o usuário está nas configurações.Export Options: em vez de “Export Options”, podemos simplificar para “Export”, já que a palavra “options” não agrega valor e a imagem por si só já transmite a ideia.“Select default file…”: essa frase pode ser mais clara e objetiva.— — — — — — : em vez de usar a linha horizontal para dividir as seções, podemos organizar a tela de forma mais coesa e intuitiva, utilizando títulos e subtítulos para estruturar melhor as etapas.“Select the default size…”: assim como a anterior, essa frase também poderia ser simplificada para oferecer uma comunicação mais direta e fácil de entender.Primeira soluçãoNa primeira versão, optei por organizar melhor as informações e torná-las mais claras para o usuário. As mudanças incluem:Destaque para títulos e subtítulos para evitar redundâncias e garantir uma leitura objetiva.Subtítulos em negrito para estruturar as seções sem a necessidade de usar linhas horizontais.Consistência na formatação dos tipos de arquivos, eliminando abreviações que poderiam causar confusão.CTAs (Chamadas para Ação) mais claras para facilitar as decisões do usuário, como “Cancelar” e “Salvar”.Primeira versão do desafio em uma tela mais organizada e objetiva.Segunda soluçãoApós as melhorias iniciais, percebi que poderia refinar ainda mais a interface, otimizando o uso do espaço e simplificando a tela.O UX Writing envolve não somente a escolha das palavras, mas também a melhor forma de usar o espaço disponível. Por isso, na segunda versão trouxe:Menus suspensos para oferecer mais opções de tipos e tamanhos de arquivos sem sobrecarregar a tela com informações e permitindo agregar mais opções de arquivos.Caixas de seleção para permitir que os usuários definam configurações padrão de maneira rápida e eficiente.Dicas de ferramentas para fornecer informações explicativas e ajudar os usuários a entender melhor as opções.Segunda versão da tela utilizando menus suspensos e dicas para os usuários.Foi muito divertido criar essa experiência! A forma como nos comunicamos com os usuários tem o poder de mudar como eles percebem o produto e, o mais importante, de impactar positivamente a experiência.Através de escolhas cuidadosas das palavras, conseguimos informar, engajar, educar e até empoderar quem está utilizando o produto ou serviço.E você, quais ajustes faria nessa tela? Vamos compartilhar experiências!ReferênciasAfinal de contas, o que é UX Writing?Repositório de UX Writing: conteúdos e referências da área em um só lugarUX Writting HubO que é CTAs?Desafio prático: desvendando o poder do UX Writing na estruturação de telas was originally published in UX Collective
Como a escrita estratégica pode transformar jornadas e simplificar a experiência do usuário.
Ao estudar UX Writing percebi o quanto é uma prática essencial no design para guiar o usuário de forma clara e intuitiva durante a sua jornada e uma forma de usar a linguagem de maneira estratégica. Ao contrário do que se pensa, Ux Writing não é sobre preencher espaços com textos, mas criar uma comunicação eficiente e amigável, se conectando de forma emocional e prática com as pessoas.
Durante o desafio proposto pela UX Writing Hub, percebi que podemos transformar interfaces densas em experiências mais acessíveis, reduzir informações desnecessárias, mapear dúvidas recorrentes e ajustar a arquitetura de informações para oferecer uma navegação mais fluida.
No desafio, a ideia era transformar essa tela do MockDocs:
Vamos para a solução?
Antes de alterar os textos e elementos, preferi iniciar mapeando e definindo os principais pontos de ajuste da tela:
- Settings Menu: a palavra “menu” é desnecessária, pois o próprio contexto da tela já indica que o usuário está nas configurações.
- Export Options: em vez de “Export Options”, podemos simplificar para “Export”, já que a palavra “options” não agrega valor e a imagem por si só já transmite a ideia.
- “Select default file…”: essa frase pode ser mais clara e objetiva.
- — — — — — — : em vez de usar a linha horizontal para dividir as seções, podemos organizar a tela de forma mais coesa e intuitiva, utilizando títulos e subtítulos para estruturar melhor as etapas.
- “Select the default size…”: assim como a anterior, essa frase também poderia ser simplificada para oferecer uma comunicação mais direta e fácil de entender.
Primeira solução
Na primeira versão, optei por organizar melhor as informações e torná-las mais claras para o usuário. As mudanças incluem:
- Destaque para títulos e subtítulos para evitar redundâncias e garantir uma leitura objetiva.
- Subtítulos em negrito para estruturar as seções sem a necessidade de usar linhas horizontais.
- Consistência na formatação dos tipos de arquivos, eliminando abreviações que poderiam causar confusão.
- CTAs (Chamadas para Ação) mais claras para facilitar as decisões do usuário, como “Cancelar” e “Salvar”.
Segunda solução
Após as melhorias iniciais, percebi que poderia refinar ainda mais a interface, otimizando o uso do espaço e simplificando a tela.
O UX Writing envolve não somente a escolha das palavras, mas também a melhor forma de usar o espaço disponível. Por isso, na segunda versão trouxe:
- Menus suspensos para oferecer mais opções de tipos e tamanhos de arquivos sem sobrecarregar a tela com informações e permitindo agregar mais opções de arquivos.
- Caixas de seleção para permitir que os usuários definam configurações padrão de maneira rápida e eficiente.
- Dicas de ferramentas para fornecer informações explicativas e ajudar os usuários a entender melhor as opções.
Foi muito divertido criar essa experiência! A forma como nos comunicamos com os usuários tem o poder de mudar como eles percebem o produto e, o mais importante, de impactar positivamente a experiência.
Através de escolhas cuidadosas das palavras, conseguimos informar, engajar, educar e até empoderar quem está utilizando o produto ou serviço.
E você, quais ajustes faria nessa tela? Vamos compartilhar experiências!
Referências
- Afinal de contas, o que é UX Writing?
- Repositório de UX Writing: conteúdos e referências da área em um só lugar
- UX Writting Hub
- O que é CTAs?
Desafio prático: desvendando o poder do UX Writing na estruturação de telas was originally published in UX Collective
