Recomendações para gravar conteúdo para interfaces de usuário
Aplica-se a esta recomendação da lista de verificação de Otimização da Experiência do Well-Architected para Power Platform:
| XO:09 | O conteúdo deve ser facilmente compreendido e fornecer uma direção clara. Use um tom acessível, consistente e profissional que facilite a conclusão da tarefa. |
|---|
Este guia descreve as recomendações para a elaboração de conteúdo eficaz adaptado a experiências do usuário. O conteúdo serve como o principal modo de comunicação em uma interface de usuário, detendo mais poder na comunicação de ideias complexas do que elementos visuais sozinhos. As palavras que usamos em um aplicativo influenciam como os usuários navegam e o percebem, quer estejamos orientando-os através de um processo ou compartilhando informações importantes do sistema.
Estratégias-chave de design
Escrever conteúdo que faça parte do design da interface do usuário é uma arte e uma ciência. A combinação dessas práticas recomendadas de copywriting com as práticas recomendadas de design visual melhorará a experiência do usuário.
Tornar o conteúdo digitalizável
Ao usar um aplicativo de negócios, as pessoas não estão interessadas nos recursos da interface do usuário ou se divertindo com uma linguagem rebuscada. Eles estão focados na conclusão da tarefa. Ajude-os escrevendo em blocos curtos e digitalizáveis. Divida o texto em frases e parágrafos mais curtos. Evite linguagem excessivamente efusiva. Os usuários costumam visitar uma interface do usuário com objetivos específicos em mente, e o conteúdo deve orientá-los perfeitamente para atingir esses objetivos.
Seja conciso. O conteúdo deve ser breve e direto ao ponto. Conciso não significa limitado, significa eficiente. Use o mínimo de palavras possível, mantendo o significado. Certifique-se de que cada palavra em seu conteúdo sirva a um propósito. Forneça apenas as informações necessárias no momento certo. Lembre-se, muito conteúdo tem menos probabilidade de ser lido. Siga o conselho de Mark Twain: "Escrever é fácil. Tudo o que você precisa fazer é riscar as palavras erradas."
Inicie com a informação mais importante: a proposta de valor. Se o espaço permitir, adicione um ou dois parágrafos breves com detalhes em ordem de importância. Se você precisar dizer mais, use um link "Leia mais". Às vezes, é mais fácil escrever o corpo da mensagem primeiro e depois escrever o título.
Use verbos específicos sempre que possível. Verbos específicos são mais significativos para as pessoas do que os genéricos. Ajude seu usuário a entender rapidamente as opções disponíveis ou as ações necessárias usando palavras específicas como "obter", "atualizar", "escolher" ou "alterar". Você pode evitar confusão e reduzir a ambiguidade eliminando palavras que têm múltiplos significados.
Mantenha-o contextual e focado na tarefa
Diga às pessoas o que elas precisam saber. O conteúdo deve fornecer aos usuários as informações essenciais necessárias para realizar suas tarefas ou para tomar decisões informadas na interface do usuário. Os usuários confiam no conteúdo a fim de orientar suas interações e esperam informações claras e relevantes que atendam às suas necessidades. O conteúdo nunca deve provocar confusão ou frustração.
Blocos rápidos criam um fluxo natural. Concentre-se no usuário, na ação executada ou no que ele pode esperar que vem a seguir. Não inclua informações irrelevantes ou que desviem a atenção da tarefa imediata, a fim de evitar frustração e carga cognitiva.
Coloque o benefício antes da ação ou do recurso. Essa abordagem aumenta a capacidade do usuário de concluir tarefas rapidamente, explicando o benefício primeiro. Qual será o resultado positivo quando eles concluírem a ação? Explique o benefício antes de dizer a eles para tomarem uma decisão e evite pedir uma ação antes de explicar o porquê.
Para conteúdo em nível de tarefa, não se concentre em ostentar a marca da sua empresa de maneiras obstrutivas. Por exemplo, descarte "O serviço de transporte do Microsoft Connector chegará convenientemente ao local do seu campus às 14h15" em favor de "O ônibus espacial chegará às 14h15".
Fale em linguagem simples
Use uma linguagem simples, clara e acessível, evitando jargões ou termos técnicos desnecessários. Os usuários devem ser capazes de compreender o conteúdo sem esforço, reduzindo a probabilidade de confusão ou má interpretação, no fim das contas, melhorando o engajamento. Mantém níveis de leitura não superiores ao décimo ano. Manter um nível de leitura adequado aumenta a acessibilidade e a inclusão, atendendo a uma faixa mais ampla de usuários.
Inclua frases de 25 palavras ou menos. As frases devem ser breves e sucintas. Frases curtas com informações suficientes facilitam a compreensão, tornando o conteúdo mais fácil de ler e entender.
Evite jargões e siglas. Mesmo a maioria dos engenheiros de software prefere uma linguagem simples e não técnica. É muito importante evitar jargões nas mensagens de erro. Também é importante lembrar que muitas frases comuns são coloquiais e podem não ser significativas para todos.
Substitua palavras excessivamente técnicas por outras mais simples. Palavras como "configurar", "ativar" ou "inválido" são desnecessariamente técnicas. Mantenha isso simples. Utilize apenas acrônimos que sejam conhecidos pelos seus usuários. Escreva os acrônimos na primeira menção em cada página e inclua a referência entre parênteses, por exemplo, "chamada à ação (CTA)."
Evite negativas duplas. As negativas duplas aumentam a carga cognitiva. Elas fazem com que as pessoas percam tempo decodificando a mensagem. Concentre-se em ações diretas e positivas.
Use um tom educado e amigável
Seja educado, mas não excessivamente ingrato. As pessoas esperam receber avisos e agir. Usar "por favor" em toda a interface do usuário é desnecessário. Use termos como "por favor" e "desculpe" com moderação, reservando-os para tarefas que são pesadas, resultam de um erro de sua parte ou têm sérias consequências. No entanto, nunca é uma boa prática ser rude, presunçoso, arrogante ou cínico no conteúdo da interface de usuário.
Escreva como se estivesse falando diretamente com o usuário. Usar "você" favorece um tom amigável ao focar no usuário e ajuda a evitar a voz passiva. Omita pronomes e verbos auxiliares que o acompanham e inicie sua oração com um verbo. Novamente, concentre-se em fazer uma conexão usando "você" ou "seu".
Evite misturar linguagem possessiva em primeira pessoa ("Meu painel") e linguagem em segunda pessoa para reduzir a carga cognitiva.
Quando o produto ou aplicativo estiver se dirigindo ao usuário, use "nós" ou o nome da sua organização. Evite confusões sendo claro sobre quem está falando ou agindo. Por exemplo, use "Encontramos estes resultados" em vez de "Eu encontrei estes resultados". Usar "nós" pode fazer com que a interface do usuário fique mais humana e demonstrar responsabilidade por erros do sistema, enfatizando a importância do usuário a cada passo do caminho. No entanto, evite o uso excessivo do "nós", pois ele pode desviar as necessidades do usuário. Para manter o foco centrado no usuário, reserve a palavra "nós" para erros do sistema, atualizações de status e outros problemas relacionados ao sistema.
Use contrações comuns, como "é", "você", "isso" e "não", para criar um tom amigável e informal. Nunca use o nome da sua empresa na forma possessiva e evite usá-lo em contração. Evite contrações ambíguas como "há" e "o que há". Evite misturar contrações e palavras soletradas na Interface do usuário, pois isso cria inconsistência e reduz a confiança. Usar palavras soletradas no lugar de contrações comuns introduz formalidade desnecessária.
Mantenha consistência estilística
Use uma palavra ou frase de forma consistente para se referir a uma ação específica ao longo da experiência. Por exemplo, se você chamar o processo de garantir uma reserva de "reserva" em uma área da interface, não chame de "planejamento" ou "agendamento" em outro lugar. Para ajudar a aumentar a consistência, verifique o uso de palavras em toda a organização. Crie uma lista de termos acordados para o seu guia de estilo, para que sua equipe possa consultar.
Use letras maiúsculas adequadas. Por exemplo, concorde em usar letras maiúsculas de frases em toda a interface do usuário, colocando apenas em maiúsculas a primeira palavra de uma frase, com substantivos próprios, nomes de pessoas, lugares e alguns produtos, sempre em maiúsculas. Para subtítulos, botões e hiperlinks, use letras maiúsculas e minúsculas de frases sem pontuação. Na dúvida, não coloque iniciais em maiúsculas. Use maiúsculas e minúsculas para títulos de cargo (Diretor Financeiro), nomes de organizações ou departamentos (Recursos Humanos), produtos ou programas de marca e nomes de pessoas e lugares. A opção Todas em maiúsculas não é recomendada em nenhuma circunstância. Se você precisar enfatizar o texto, use diferentes estilos de tipografia, como tamanho, espessura da fonte ou cor, em vez de todas as letras maiúsculas.
Priorizar a estrutura correta da frase
A forma como as pessoas reagem e se sentem em relação à sua aplicação depende em parte da qualidade da escrita e da voz e tom gerais em que você se comunica. Em geral, ao escrever, há quatro tipos de enunciados ou estruturas de frases. Normalmente, o conteúdo da interface do usuário usa três dos quatro, dependendo da finalidade do conteúdo e da natureza do produto.
- Use instruções declarativas regularmente. Uma descrição dos recursos de um componente é um exemplo de quando você pode usar uma instrução declarativa.
- Use os imperativos livremente. São prompts e comandos, como solicitar ao usuário para revisar as alterações e, em seguida, enviar.
- Tenha cuidado com declarações interrogativas. Estas são as questões. Eles são aceitáveis em fluxos de produtos quando os usuários precisam fazer escolhas. Eles podem ajudar a descobrir soluções ou esclarecer as necessidades de um usuário.
- Use declarações exclamativas com moderação, pois seu impacto positivo diminui com o uso excessivo.
Saber quando usar voz ativa
Na voz ativa, o sujeito realiza a ação da frase; por exemplo, "Digite algumas letras". Na voz passiva, o sujeito recebe a ação; por exemplo, "Algumas letras devem ser digitadas".
A voz passiva obscurece ou omite o ator, tornando a frase menos direta e às vezes ambígua. Falta clareza e autoridade.
A tabela a seguir ilustra a voz ativa versus passiva.
| Com atividade | Passivo |
|---|---|
| "Clique no botão 'Enviar' para salvar suas alterações." | "Suas alterações serão salvas quando o botão 'Enviar' for clicado." |
| "Insira seu endereço de email para receber atualizações." | "As atualizações serão recebidas depois que o endereço de email for digitado." |
| "Selecione seu idioma preferido na menu suspenso. | "O idioma preferido pode ser selecionado do menu suspenso." |
| "Preencha o formulário com suas informações de contato." | "O formulário deve ser preenchido com as informações de contato." |
| "Revise os termos e condições antes de continuar." | "Os termos e condições devem ser revisados antes de continuar." |
| "Clique na imagem para visualizá-la em tamanho real." | "A imagem pode ser visualizada em tamanho real ao clicar nela." |
Em cada um desses exemplos, a voz ativa fornece instruções claras ao usuário (o assunto), especificando a ação que ele precisa realizar. Essa clareza ajuda os usuários a entenderem o que precisam fazer de forma mais eficiente, pois oferece uma direção mais clara. Nos exemplos passivos, nenhum ator é indicado, então não está claro quem deve realizar a ação sobre o assunto. O usuário deve estar ciente quando precisar tomar uma decisão.
A voz passiva pode ser utilizada para amenizar mensagens ou evitar um tom muito direto, como em situações de erro. por exemplo, quando o objetivo é informar sobre o que aconteceu, sem atribuir culpa ou responsabilidade, a voz passiva é mais adequada. Achamos as falhas frustrantes, independentemente de quem seja o culpado. Nunca insinue culpar ou acusar o usuário.
A tabela a seguir ilustra a voz ativa versus passiva em mensagens de erro.
| Com atividade | Passivo |
|---|---|
| "Você digitou a senha incorretamente." | "A senha foi digitada incorretamente." |
| "Não foi possível encontrar o arquivo." | "O arquivo não pôde ser encontrado." |
| "Você enviou o formulário." | "O formulário foi enviado." |
| "Encontramos um erro ao processar sua solicitação." | "Ocorreu um erro ao processar sua solicitação." |
| "Salvamos as alterações." | "As alterações foram salvas." |
Para melhores práticas e padrões, conte com a voz ativa. No entanto, para orientações gerais (especialmente ao recomendar coisas a serem evitadas ou mensagens de erro), use voz passiva.
Esteja atento ao conteúdo necessário para tecnologias adaptativas
A acessibilidade envolve garantir que o conteúdo seja perceptível, operável e compreensível por todos os usuários, incluindo aqueles com deficiência. Recursos como texto alternativo descritivo, ou alternativo para imagens garantem que o conteúdo da interface do usuário possa ser acessado e facilmente compreendido por usuários que dependem de tecnologias assistivas. Embora o texto alternativo seja comumente usado com imagens para fornecer uma descrição de texto para leitores de tela, ele também pode ser aplicado a elementos não textuais em uma página da Web, como vídeos, arquivos de áudio, gráficos, e componentes interativos, como botões ou ícones.
Ao escrever um texto alternativo, forneça um texto conciso e descritivo que transmita a finalidade e o teor da imagem. Deve ser claro, informativo e relevante para o contexto da imagem. Evite linguagem excessivamente técnica ou detalhes desnecessários. Concentre-se em transmitir as informações essenciais, como objetos-chave, ações ou elementos visuais, evitando interpretações subjetivas da imagem. Mantenha-o conciso para garantir que seja lido com eficiência pelos leitores de tela. Lembre-se de que a recomendação padrão para o comprimento máximo do texto alternativo normalmente é cerca de 125 caracteres. Escreva em um tom neutro e verifique se o conteúdo está gramaticalmente correto.
Escrever para audiências internacionais
Ao escrever conteúdo para um aplicativo usado no mundo todo, considere a diversidade cultural e a sensibilidade para garantir inclusão e relevância para usuários de diferentes origens. Use uma linguagem culturalmente neutra que seja facilmente compreendida por um público-alvo global. Evite coloquialismos, gírias ou referências culturais específicas. Dessa forma, você não excluirá ou ofenderá acidentalmente usuários de diferentes regiões ou origens linguísticas. Forneça versões localizadas da interface com traduções adaptadas às preferências de idioma e dialeto de cada público-alvo para aprimorar a participação e a compreensão do usuário.
Compreenda normas, valores e preferências culturais ao projetar conteúdo para um público internacional. Diferentes culturas têm estilos de comunicação, etiqueta e normas sociais distintas que influenciam o comportamento e as expectativas do usuário. Criar interfaces que ressoem com os usuários envolve considerar fatores como simbolismo de cores, iconografia e formatos de apresentação de conteúdo específicos para cada cultura. Escolha elementos visuais, como ícones e imagens, que sejam significativos para usuários em diversos contextos culturais. Enquanto certos símbolos podem carregar significados universais, outros podem variar significativamente na interpretação, dependendo das normas e crenças culturais. A colaboração com especialistas locais ou a realização de testes de usuário durante o processo de design e localização pode fornecer insights valiosos e garantir que a interface reflita as nuances culturais e preferências do público-alvo.