Usando texto para aumentar as conversões - como a tipografia em web design pode impulsionar suas vendas

Como profissional de marketing digital, a conversão é uma das principais coisas que você acompanhará em suas campanhas. Você provavelmente se pergunta sobre muitas maneiras diferentes de como otimizar conversões em uma página específica. Mas há uma coisa que muitas vezes é esquecida por muitos dos chamados growth hackers: usando texto para aumentar as conversões.

Sim, você ouviu certo! A cópia do texto é a espinha dorsal de toda estratégia de marketing de conteúdo. É a forma de conteúdo que você mais vê na Web, mas também está intimamente ligada ao apelo visual. Afinal, se o texto não parece bom, como você espera que aquela página seja convertida como você deseja?

Neste post veremos a tipografia, seus principais elementos e como você pode utilize tipografia eficaz para aumentar suas vendas a longo prazo!

O que é tipografia?

Antes de nos aprofundarmos em como funciona o uso de texto para aumentar as conversões, precisamos descobrir o que é tipografia. Para manter as coisas simples, você pode considerar a tipografia como uma ponto de encontro entre arte e texto.

A tipografia foi introduzida na maior parte do mundo vivo em meados do século XV por Johannes Gutenberg e seus tipos móveis. No mundo da informática, a tipografia começou a ganhar relevância graças a Steve Jobs e seu primeiro Mac.

Quando a Internet foi apresentada ao mundo, a importância da tipografia explodiu. Tornou-se um dos componentes de design da Web mais importantes, pois pode ajude seu site a se destacar para usuários potenciais.

Os elementos mais importantes da tipografia

Muitas pessoas ainda confundem tipografia e fontes, o que é uma ocorrência bastante comum. Nesta seção que expande a definição de tipografia, detalharemos os seis elementos essenciais da tipografia:

• Tipo de letra – A maioria das pessoas confunde tipo de letra com fontes, embora não sejam a mesma coisa. Considere o tipo de letra como a família que forma caracteres, letras e números individuais com o mesmo design. Arial, Times New Roman e Comic Sans são fontes, e não fontes, como muitos poderiam pensar.
• Fonte - Portanto, se a fonte for uma família, as fontes serão os membros da família. Para ser mais preciso, uma fonte é um estilo de fonte que possui tamanho, peso e largura específicos. Por exemplo, Arial é uma fonte; e 16pt Arial Bold é uma fonte. Basicamente, as fontes são a forma como você entrega uma forma de arte específica chamada fonte.
• Comprimento da linha - Esta é a distância ocupada pelo texto localizado entre as margens direita e esquerda na mesma linha. Idealmente, você não deseja que o comprimento da linha seja muito curto ou muito longo, pois isso pode tornar a leitura do conteúdo muito mais complicada do que o desejado.
• Principal - Esta é a distância vertical entre cada linha de texto. Na maioria dos casos, você deseja aumentar o lead para ser mais compreensível para seus usuários.
• Kerning – Este é o espaço em branco entre cada caractere ou letra. Normalmente, é melhor deixar o kerning com os valores padrão, mas você pode adaptá-lo ainda mais para testar o que funciona melhor para o seu site.
• Monitorando - Este elemento tipográfico também é conhecido como espaçamento entre letras e se aplica a uma quantidade específica de caracteres e letras.

Por que a tipografia é importante para web design?

As primeiras impressões são importantes em nossas vidas pessoais, e o mesmo acontece no mundo da Web. A pesquisa de Taylor & Francis Online concluiu que leva 05 segundos para os usuários formarem uma opinião sobre um site específico.

A tipografia é essencial, pois é um dos componentes principais do seu web design. Pense bem: se as pessoas não conseguem ler o texto do seu site porque as palavras estão muito próximas ou o tamanho do texto é muito pequeno, provavelmente deixarão o seu site insatisfeito.

Quando você utiliza uma tipografia ruim em seu site, é mais provável que sua taxa de conversão caia e é a última coisa que você precisa fazer. Mesmo que seus clientes em potencial permaneçam em seu site que utiliza tipografia inadequada, eles provavelmente não se lembrarão da mensagem que você queria transmitir a eles, mas do esforço que tiveram para ler sua mensagem.

Pelas razões acima, usando tipografia eficaz aumentar as conversões é essencial. Com uma tipografia eficaz, você pode otimizar o processo de compreensão das informações exibidas em seu site. Se você formatar bem o texto do seu site, todo o foco estará no conteúdo e não na luta para entendê-lo.

As a maioria das pessoas examina o conteúdo da Web, usar texto e orientar seus usuários com tipografia adequada até o ponto de ação é o caminho certo para aumentar as conversões!

Dicas úteis para usar texto para aumentar as conversões

Agora que você aprendeu algo mais sobre tipografia e como ela ajuda a destacar seu conteúdo da web, aqui estão algumas dicas sobre como usá-la para impulsionar o crescimento do seu site!

Mantenha o tamanho da fonte em mente!

Fonte da imagem: researchgate

O tamanho da fonte é fundamental para reter seus usuários e aumentar ainda mais as taxas de conversão! Sim, nossos cérebros realmente processam imagens dezenas de milhares de vezes mais rápido do que texto, então qualquer forma de melhorar o tempo de procissão com texto é bem-vinda!

Tomemos, por exemplo, um estudo de rastreamento ocular sobre como o tamanho e o tipo da fonte influenciam a leitura on-line. Ao usar fontes maiores, o texto geral dos sites tende a ser lido com muito mais rapidez.

Então, se você tem um site com muito texto, não atormente seus usuários – aumente o tamanho da fonte! Sim, cada fonte é diferente, mas aqui está um consenso por trás dos tamanhos de fonte para sites com muito texto:

• 16px – é o mínimo para páginas com muito texto, então não ultrapasse esse número! Basicamente, esse tamanho de fonte é o tamanho que os navegadores deveriam exibir por padrão, então é óbvio por que esse é o mínimo.
• 18px – este é o tamanho de fonte médio dourado para páginas com muito texto, fazendo com que as pessoas forcem menos os olhos ao olhar no monitor.
• 20px e mais – mesmo que inicialmente pareça muito grande, alguns sites têm desempenho ainda melhor com esse tamanho de fonte. Pegar Médio, Por exemplo. Eles usam um tamanho de fonte de 21px para tornar milhões de histórias mais legíveis para um público mais amplo.

Além disso, tamanhos de fonte maiores tendem a produzir conexões emocionais mais fortes. Talvez esta seja a etapa que você precisa realizar para que seus usuários cliquem naquele botão de CTA que resulta em uma conversão?

Não abuse dos estilos de fonte!

Fonte da imagem: Tealfeed

Os estilos de fonte geralmente incluem: negrito, itálico, e sublinhar. Você pode usar esses três para enfatizar certas palavras ou frases. Ainda assim, você deve evitar usá-los em excesso, pois esse é um dos erros de edição mais comuns que vemos em todo o conteúdo da Web.

Não abuse dos estilos de fonte em parágrafos inteiros. Em vez disso, use-os para apontar as palavras que você deseja que tenham maior repercussão entre seus usuários. Você não quer se ver em uma situação em que use texto para aumentar as conversões de maneira inadequada.

Ajuste o espaçamento entre linhas de acordo!

Estamos falando sobre liderança aqui. Isso aqui é uma coisa tão pequena, mas é fundamental quando se trata de usar texto para aumentar as conversões. Quando você tem um público com visão parcial, ele pode ter dificuldade em encontrar o início da próxima linha do texto.

É por isso que é uma prática comum espaçar suas linhas pelo menos 25 a 30% do tamanho da fonte. Ao fazer isso, você tornará seu texto legível para praticamente todos os leitores!

Além disso, você deve sempre prestar atenção para que adicione espaço suficiente entre os parágrafos. Basicamente, você deseja agrupar parágrafos para alinhá-los com a mensagem que deseja transmitir em poucas frases. Dessa maneira, seu conteúdo será mais legível ao seu público-alvo.

Você também quer prestar atenção ao hierarquia visual do seu tipo. Isso pode ser feito definindo as tags de cabeçalho corretamente, mas não é tudo o que você pode fazer. Uma das melhores maneiras de utilizar a hierarquia visual de maneira adequada é ampliar as mensagens mais importantes que seu texto cobre. Em última análise, você deseja orientar os usuários para que possam ler as informações em uma determinada ordem que faça sentido. Isso dará mais significado ao seu conteúdo geral.

Junto com tudo o que foi mencionado acima, utilizar espaço em branco para focar nas áreas que você deseja enfatizar para o seu público. Dessa forma, você permitirá que seu design respire e contextualize os locais onde ele é mais necessário.

Evite linhas de viúva, palavras órfãs e hifenização

Viúvas e órfãos são termos bastante comuns em composições tipográficas. Eles são de natureza muito semelhante, mas muitas pessoas os confundem. Viúvas indica uma linha de texto no final do parágrafo que fica sozinha no início da página. Órfão é uma linha de abertura de parágrafo que fica no final de uma determinada página. Ambos podem prejudicar a legibilidade do texto, especialmente em Web design.

Bem, resolver esses dois problemas não é tão difícil e tudo se resume à dica acima. Você pode reescrever um parágrafo para caber no quadro geral ou ajustar o entrelinhamento e o espaçamento para criar parágrafos mais compactos.

Além disso, a hifenização é uma ocorrência bastante comum em Web design e pode fazer ou quebrar toda a tipografia do seu site. Basicamente, a hifenização consiste em usar um travessão para dividir uma palavra (por exemplo: amigo dos cães). Quando se torna um problema é em situações em que é necessário usar um travessão para quebrar a palavra do final da linha. Em vez de fazer isso, basta colocar a palavra fornecida em uma nova linha para não prejudicar totalmente a legibilidade!

Não negligencie o alinhamento do texto!

Alinhamento de texto muitas vezes passa despercebido quando se trata de texto em Web design. Mas, se você fizer isso direito, fará maravilhas quando se trata de processar informações. Aqui estão algumas dicas a seguir quando se trata de alinhamento de texto em Web design:

• Evite centralizar parágrafos. Embora alguns argumentem que centralizar parágrafos inteiros pode parecer mais artístico, o que eles estão fazendo é exatamente o oposto. Como a maioria de nós, nas sociedades ocidentais, aprende a ler da esquerda para a direita, é da nossa natureza viajar até ao início de cada linha. Quando você centraliza o parágrafo, fica mais difícil para nosso cérebro processar todas essas informações.
• Centralize apenas quando quiser enfatizar uma mensagem. Ainda assim, centralizar um parágrafo é mais que bem-vindo quando seu objetivo é focar em uma determinada passagem do texto. Cria um contraste que transfere imediatamente a mensagem aos seus leitores. Centralizar o texto também é útil para cabeçalhos e citações.

Combine fontes que ficam legais juntas!

Fonte da imagem: Bloq criativo

Quando você usa apenas um fonte em todo o seu site, as coisas podem ficar um pouco chatas. Ainda assim, isso não significa que você deva usar dez fontes diferentes em seu site. Simplicidade é a chave aqui, mas não tenha medo de experimentar um pouco. Afinal, você quer que seu conteúdo seja o mais atraente possível, certo?

Uma das regras quando se trata de emparelhar fontes em sites é usar no máximo duas ou três fontes simultaneamente. Hoje, com serviços como o Google Fonts, mais fontes podem ser renderizadas do que nunca. Embora isso possa ser um pouco complicado, aqui está uma lista de 36 pares de fontes perfeitos para inspirar você!

Com uma grande variedade de opções para escolher tipos de letra e fontes, você pode personalizar ainda mais seu texto para irradiar a personalidade única do seu negócio. Você quer parecer criativo ou tradicional? Você pode fazer esses dois tons e muito mais com a escolha adequada da fonte. Não se esqueça disso, pois é uma das melhores formas de usar texto para aumentar as conversões!

Saiba quando diferenciar fontes Sans-Serif e Serif de acordo!

Intimamente ligados ao ponto acima estão os dois tipos principais: o Sans-Serif e o Serif. Alguns argumentariam por um, outros por outro. O resultado final aqui é que não há pesquisas concretas que sugiram que Sans-Serif seja melhor que Serif e vice-versa. Mas isso não significa que existam algumas convenções a seguir:

• Sans-serif é mais fácil de ler e é melhor para o corpo do texto – quando se trata do corpo do conteúdo online, as fontes sem serifa funcionam melhor aqui. Isso porque esse tipo é simples e exige menos tempo dos seus usuários para decifrar a mensagem que você está tentando transmitir.
• Serif é melhor para manchetes – embora o Serif seja mais complexo do que o Sans-Serif, esse é exatamente o motivo pelo qual você deseja usá-lo em seus títulos. Serif exala personalidade, e você deseja que esse personagem descreva seus pontos principais em seu conteúdo online.

 

Ao equilibrar esses dois tipos, você pode criar um conteúdo visualmente interessante que atrairá mais usuários para ler todo o seu conteúdo e realizar a conversão que você está esperando!

Escolha o tipo que se adapta à sua mensagem

Na verdade, as pessoas vinculam fontes a diferentes personalidades, de acordo com o estudo conduzido por Eva R. Brumberger. A maioria das características tipográficas pode ser dividida em três categorias: franqueza, elegância e simpatia.

De acordo com o que foi dito acima, considere que tipo de mensagem você deseja transmitir com seu site e marca. Você quer parecer profissional ou brincalhão? Ou talvez você queira parecer criativo e brincalhão? Defina o tipo de letra de acordo e você atrairá o tipo certo de pessoa.

Um campo de negócios on-line onde isso é útil é e-mail marketing. Baseado em um estudo de 2019, para cada US$ 1 gasto em marketing por e-mail, o ROI médio é de US$ 42! Esse é um número enorme, e não é de admirar que muitas empresas online se concentrem em estratégias de marketing por e-mail para atrair novos clientes.

Conseqüentemente, o email marketing é um campo muito competitivo, onde cada pequeno detalhe é importante. Uma das ótimas maneiras de se destacar para seus clientes é utilizar a tipografia certa de acordo com a mensagem que você deseja enviar!

Porém, à medida que mais empresas utilizam o marketing por email para atrair o tipo certo de público, o dimensionamento é mais importante do que nunca. Além disso, se sua lista de e-mail estiver cheia de pessoas diferentes, como profissionais e consumidores comuns, criar modelos manualmente será, na melhor das hipóteses, demorado.

Felizmente, existem dezenas de serviços de marketing por email grátis isso ajudará você a economizar tempo em tarefas operacionais e permitirá que você planeje e crie estratégias para o crescimento do seu negócio! A maioria deles oferece modelos de email, automação de email e relatórios para rastrear suas campanhas de marketing por email.

Use o contraste a seu favor

Fonte da imagem: Projetos 3.7

Por que você acha que os sinais de trânsito são tão visíveis para todas as pessoas? Eles se destacam do restante do ambiente, fazendo-nos supor que esses elementos são importantes. Essa é a principal razão pela qual olhamos primeiro para esses elementos.

O mesmo pode ser aplicado ao web design. Usar texto para aumentar as conversões às vezes pode ser tão simples quanto utilizando o contraste a seu favor. O que você quer fazer aqui basicamente é aumentar a legibilidade para que seus usuários reter mais tempo em seu conteúdo.

Uma das maneiras comuns de fazer isso é criar a quantidade certa de contraste entre o seu texto e o fundo. Há um debate contínuo entre dois tipos de contraste:

• Texto branco em fundo escuro
• Texto preto sobre fundo branco

Embora o texto branco sobre fundo escuro (ou “Modo Escuro”) tenha suas vantagens, pesquisas mostram que texto preto sobre fundo claro (ou “Modo Claro”) leva a um melhor desempenho na maioria das vezes.

Ainda assim, o “Modo Escuro” pode beneficiar os usuários que leem seu conteúdo em condições de pouca luz. Então, por que não incluir os dois modos de contraste de texto e ver o que acontece com suas conversões?

Considere a idade de seus usuários

Segundo a Statista, a demografia dos utilizadores da Internet é a seguinte:

• 18 a 24 - 18%
• 25 a 34 - 32%
• 35 a 44 - 19%
• 45 a 54 - 14%
• 55 a 64 - 10%
• 65 anos ou mais – 7%

Agora, leve em consideração o fato do CDC que aproximadamente 12 milhões de pessoas com 40 anos ou mais têm deficiência visual. Basicamente, se você não otimizar o texto do seu conteúdo online para ser legível por pessoas com deficiência visual, você estará perdendo 50% dos usuários da Internet.

 

A tipografia é apenas a ponta do iceberg!

É claro que usar texto e tipografia não serão as únicas coisas que aumentarão as conversões no seu caso. Pode ser necessário redirecionar totalmente o seu conteúdo ou direcionar palavras-chave melhores para as quais você possa classificar com mais facilidade.

A coisa é, sendo criativo com otimização de conversão é o que vai diferenciá-lo da concorrência a longo prazo. E o que pode diferenciar você talvez seja apenas ajustar sua tipografia!

Se você não consegue fazer isso sozinho, você sempre pode encontrar web designers online para transformar seu conteúdo da Web em uma obra-prima visual. Afinal, as pessoas hoje em dia valorizam mais o conteúdo visual do que apenas texto puro.

Sobre o autor

A paixão de Robert sempre foram as ferramentas web que facilitam sua vida. É por isso que ele fundou o WebsiteToolTestador, onde você pode encontrar análises e tutoriais dos melhores construtores de sites e plataformas de comércio eletrônico do mundo.

Fonte: https://blog.2checkout.com/how-typography-in-web-design-can-boost-sales/