Tutorial Web Design: 6 dicas de escrita que designers precisam conhecer

Aprenda como usuários leem uma página e por que é importante que os designers entendam conceitos de copywriting

Talvez você não saiba, mas o copywriting é uma habilidade essencial no repertório de um web designer de sucesso.

Compreender os conceitos básicos de copywriting e como ele informa sobre a maneira que as pessoas interagem com uma página oferece ótimos insights que podem ser aplicados ao design. Isso pode melhorar o SEO, aumentar a conversão e também tornar seu site esteticamente mais agradável.

Como o especialista em marcas e UX James Eccleston (@ james80) explica, web designers não precisam substituir os redatores, mas uma melhor compreensão do funcionamento do copywriting pode enriquecer projetos e aumentar a eficiência na hora de trabalhar em equipe.

No vídeo abaixo, ele apresenta as seis dicas de escrita que designers precisam conhecer para criar páginas web interessantes e envolventes.

6 dicas de escrita que designers precisam conhecer

1. Entenda como as pessoas leem sites e como isso influencia o design visual

O rastreamento ocular mostra que a forma mais comum de leitura em uma página web é na forma de “F”. Isso quer dizer que seu olho percorre o topo da página, desce, percorre este segundo espaço e então começa a descer.

Com essa informação, designers podem decidir onde colocar os trechos mais importantes de texto e também ter uma noção do ponto em que as pessoas provavelmente deixarão de ler.

2. Conheça sua audiência e fale sua língua, usando palavras e frases que façam sentido para ela

Cuide para não usar jargões que seu público-alvo não entenda imediatamente. Uma boa maneira de apresentar informações de forma acessível é usar a pirâmide invertida, um conceito popular de escrita. Neste modelo, as informações mais importantes ficam no topo, respondendo por que, como, o quê, quem e onde. É aqui que você apresenta a parte mais atrativa do seu pitch, mantendo ele curto e rápido.

Então, à medida que o usuário desce na página, o texto começa a incluir outros detalhes importantes, como o funcionamento do seu produto ou principal serviço.

Finalmente, na parte final, você pode incluir trechos mais longos, que são relevantes, mas talvez não gerem tanto engajamento. Dessa forma, os usuários terão acesso a todas as informações relevantes, mas também poderão acessar facilmente as mais importantes antes de decidir se precisam de mais informação.

3. Produza um copy curto e "escaneável"

Existem algumas maneiras de abreviar o seu copy visando uma leitura e compreensão mais rápida. Essas técnicas também afetarão o peso visual do texto, ajudando assim a moldar a estética do seu site.

Tente quebrar os blocos de texto em pedaços menores, cada um com um subtítulo que sinalize instantaneamente quais informações importantes podem ser encontradas ali. Conforme os usuários leem, seguindo a forma de “F”, esses títulos permitirão que eles absorvam o conteúdo rapidamente.

Outra forma de quebrar o texto é usar imagens e espaços em branco, o que ajuda a separar o texto em blocos de leitura mais fácil, tornando ele mais atrativo.

4. Crie um CTA (call to action) forte

É muito importante manter suas CTAs curtas, sucintas e baseadas em ações. O posicionamento e a legibilidade dessas CTAs são uma parte crucial do seu web design, já que o objetivo final é guiar seus usuários até elas. “Inscreva-se agora”, “Baixe” ou “Descubra mais” são ótimas opções.

5. Converse com o usuário e considere o contexto

Usar uma linguagem inclusiva como “nós” ou “você” ajuda a criar uma sensação de proximidade com seu leitor e pode tornar a interação com seu site mais confortável. O seu tom também se ajustará ao propósito da página. Por exemplo, uma página de termos de responsabilidade será lida de uma maneira diferente de uma página About Us amigável ou bem-humorada com a função de criar uma sensação de proximidade com clientes em potencial.

6. Construa links internos

Ao invés de tentar empilhar o máximo de texto e informações possível em uma única página, não tenha medo de criar mais páginas que ofereçam esse conteúdo e, em seguida, lincá-las. Por exemplo, se sustentabilidade é uma palavra-chave importante para você, crie um link no qual essa palavra leve a a uma página em que você discute o assunto detalhadamente. Isso facilitará a leitura de suas páginas, sem sacrificar as informações que os usuários possam achar interessantes, além de, pelos links internos, também melhorar seu SEO.

Se quiser aprender mais sobre como desenvolver um conceito de marca poderosa e aplicá-la a um website, confira o curso online de James Eccleston, "Estratégia de marca para plataformas online".

Você também pode se interessar por:

- Introdução ao Adobe XD, um curso de Ethan Perry
- Introdução ao UX design, um curso de Ethan Perry