Por que a tipografia pode fazer ou quebrar seu site

Esta é uma entrada de contribuidor convidado. As opiniões e opiniões contidas neste conteúdo são exclusivamente do autor e não da cybernaira.

Quando você tenta decompor os elementos que são mais importantes na hora de criar seu site, duas coisas geralmente vêm à mente: design e conteúdo. Não há dúvida de que eles são as estrelas do show. Mas, como acontece com qualquer estrela, eles dependem muito de elementos menores para completar o quadro.

Um deles que recebe muito pouca atenção é a tipografia. E isso é bastante estranho porque é parte integrante tanto do design quanto do conteúdo. Ele também desempenha um papel fundamental na taxa de conversão conquistadora.

Pode ser difícil imaginar como isso pode ser, mas no final deste artigo, você achará difícil imaginar como conseguiu tanto tempo sem saber nada sobre as regras da tipografia.

No entanto, não se sinta mal por isso. A maioria dos proprietários de sites e, pior ainda, os profissionais de marketing na Internet, estão no mesmo barco.

É altamente provável que eles tenham gasto tanto tempo e esforço na otimização de seus sites para SEO e conversão sem considerar o elemento da tipografia. No entanto, seu impacto psicológico foi comprovado cientificamente.

Se você fez todo o possível com seu site e suas conversões ainda estão abaixo das expectativas, o culpado pode ser as decisões que você tomou (ou não) sobre tipografia.

Tipografia Definida.

Antes de prosseguir, você deve primeiro saber exatamente o que é tipografia. Em termos mais simples, a tipografia é o design do seu texto. Tem a ver com a aparência, o espaço que ocupa e como digitaliza.

Quando um usuário abre uma página em seu site, a primeira coisa que ele faz é escanear a página sem ler nada ainda. Eles formam uma impressão sobre essa página com base em sua aparência e, na maioria dos casos, isso envolve a aparência do texto. Considere este site:

Compare com este:

Você percebe a diferença na tipografia?

Embora o segundo site possa ser mais útil para você do que o primeiro, é mais provável que você o feche.

Por quê?

Porque é tão difícil de digitalizar.

O primeiro é muito mais fácil de digitalizar, então é mais provável que você tenha uma boa impressão dele (e uma má impressão do segundo) sem saber nada sobre nenhum dos sites.

Como o segundo site fez uma má escolha em design e tipografia, qualquer pepita de sabedoria que possa estar na página provavelmente permanecerá desconhecida pela maioria de seus visitantes, e isso significa baixa conversão.

Agora, você pode pensar que a tipografia é apenas sobre as fontes que você escolhe. Essa é apenas uma parte da equação. A fonte é importante, é claro, mas se refere apenas a um estilo de tipo de letra específico.

O tipo de letra em si é um grupo de fontes que compartilham características comuns, então você aproveitará melhor seu tempo estudando os efeitos de um tipo de letra em vez de uma fonte específica.

Um exemplo muito familiar é o Arial, que é um tipo de letra, não uma fonte. O mesmo vale para Times e Garamond, que possuem uma ampla variedade de fontes diferentes.

Além do tipo de letra e fonte, você também precisa considerar

• Comprimento da linha
• Entrelinha – espaçamento entre linhas
• Kerning – espaço em branco entre letras ou caracteres
• Rastreamento - espaçamento uniforme entre letras

Tudo isso (ou pelo menos deveria) se reunir em seu site propositalmente e, para isso, você precisa conhecer o papel e o impacto da tipografia.

O papel da tipografia

O principal objetivo do estudo da tipografia tem a ver com a promoção da legibilidade em um sentido literal e não abrangente. Textos muito próximos, muito longos, muito pequenos, muito encaracolados ou com contraste muito baixo são simplesmente difíceis de ler.

Você só precisa se perguntar o que faria quando confrontado com um bloco de texto que não consegue ler facilmente. A maioria das pessoas simplesmente o deixaria.

Em alguns casos, você pode tentar lê-lo de qualquer maneira, mas é provável que não entenda o que está lendo ou não o lerá até o fim. Também é muito provável que sua única conclusão seja que foi mais problemas do que valeu a pena.

O papel da tipografia é garantir que você transmita sua mensagem ao leitor. Pode ser informação ou um discurso de vendas. Isso realmente não importa.

O que importa é que todo o seu esforço para levar as pessoas ao seu site está finalmente valendo a pena, e uma boa tipografia garante que seus visitantes pelo menos entendam o que você tem a dizer.

Liderando-os.

Você deve saber que os usuários online tendem a ler em um padrão previsível. Um estudo mostra que segue o padrão F e outro mostra que está acima da dobra. Você pode usar esse conhecimento para colocar um texto “importante” no caminho do leitor, embora isso possa apresentar alguns problemas técnicos e de design.

Uma opção muito mais fácil e flexível é criar uma hierarquia visual usando tipografia.

Na verdade, você está levando seu leitor a seções “importantes” do seu texto usando o tamanho, estilo e cor corretos do texto. Para isso, você precisa saber como as pessoas percebem e organizam a informação visual, e a teoria da Gestalt explica isso para você.

Em termos simples, a teoria afirma que as pessoas tendem a informações visuais em grupos em termos de semelhança, proximidade, continuação, fechamento e figura e fundo. Para chamar a atenção para certos elementos da sua página, você precisa chamar a atenção do leitor para ela.

Por exemplo, se você quiser chamar a atenção para o link “Download” em sua cópia, você pode usar a teoria da similaridade da Gestalt, tornando-a uma cor ou fonte variada.

Você também pode usar a proximidade colocando a palavra “Download” em uma linha separada. Outra estratégia é usar a continuação usando uma seta curvada para apontar para a palavra que eles precisam clicar.

Formando Percepções.

Até agora, discutimos como a tipografia pode direcionar o leitor para certos elementos em sua página, mas ainda não analisamos como isso pode afetar o comportamento de tomada de decisão do leitor. Isso é crucial porque a conversão depende de um grau significativo

Isso é crucial porque a conversão depende em um grau significativo da percepção do leitor. Como você provavelmente pode imaginar, uma percepção positiva é o que você deseja converter.

Como se vê, o tipo de letra que você escolhe tem um impacto mensurável nas percepções do leitor em relação ao conteúdo. Um estudo recente mostrou que o uso de diferentes tipos de letra provocava diferentes respostas emocionais para o mesmo conteúdo.

Quando a declaração foi apresentada na fonte Baskerville, um grande número de pessoas acreditou na declaração.

No entanto, quando apresentada a mesma declaração na fonte Comic Sans, um grande número de pessoas discordou dela. Parece mostrar que o tipo de letra influenciou a credibilidade percebida da declaração.

É bastante fácil como isso pode ser. Considere a seguinte afirmação:

Sem saber o nome do tipo de letra de qualquer um, qual você percebe ser mais autoritário?

Agora, isso não significa que um tipo de letra como Comic Sans não tenha lugar no design de sites e que todos devemos usar Baskerville como nosso tipo de letra. A questão é que sua tipografia reflete a personalidade do seu site e do seu mercado-alvo.

Se você lida com CEOs e outros executivos em indústrias de alta tecnologia, então um tipo de letra formal como Baskerville pode fazer seu site parecer profissional.

Por outro lado, se você atende crianças ou seus pais, a Comic Sans pode atingir a nota certa de diversão e simpatia.

Se você atende a diferentes mercados, há muitas opções por aí que estão em algum lugar entre os dois. Você precisa descobrir o que funciona melhor para você.

Facilitando a leitura.

A próxima coisa que você precisa descobrir é quão grande é o suficiente para facilitar a leitura. Presumindo que sua página seja escaneável, sua próxima preocupação é garantir que o usuário possa ler seu conteúdo o mais facilmente possível, e o tamanho importa. Não existe uma regra rígida e rápida para isso, mas uma

Não existe uma regra rígida e rápida para isso, mas um estudo realizado na Wichita State University dos 8 tipos de letra mais populares usados ​​on-line descobriu que os tipos de letra mais legíveis eram Arial em tamanho de 14 pontos e Courier em tamanho de 12 pontos. O mais ilegível

A mais ilegível foi a Comic Sans (de novo), embora tenha sido classificada como fonte preferida junto com Arial e Verdana.

Se você preferir um tipo de letra diferente daqueles incluídos no estudo, você precisa realizar sua própria pesquisa quando se trata de determinar o tamanho da fonte mais legível para o seu conteúdo. Você pode seguir as dicas deste artigo para começar. (Aviso: Alguma matemática envolvida!)

Antes de sair por conta própria, no entanto, você deve saber que há um grande debate sobre qual é o melhor estilo de fonte, serif ou sans serif.

Um exemplo de fonte com serifa é Times, e uma fonte sem serifa é Arial. Em geral, as fontes sem serifa são mais fáceis de ler em qualquer tamanho em comparação com as fontes com serifa, principalmente porque são mais simples.

Melhorando o humor e a cognição.

Por último, mas certamente não menos importante, a tipografia tem um efeito significativo no humor e na compreensão dos leitores, como mostrado neste estudo. No resumo, os autores concluíram que “boa tipografia induz ao bom humor” e que isso afetou seu desempenho cognitivo.

Em outras palavras, se você achar fácil ler o texto, é mais provável que você se sinta bem e possa entender mais facilmente o que está lendo. Você provavelmente sabe disso intuitivamente, mas é bom quando é quantificado.

O ponto é mais do que acadêmico, no entanto.

É crucial para suas taxas de conversão que seus leitores estejam de bom humor quando estiverem lendo sua cópia, porque é mais provável que sejam receptivos às suas chamadas para ação, seja lá o que for.

Se uma boa tipografia vai te dar isso, por que você não faria o seu melhor para dar isso a eles?

Conclusão.

Como disse o palestrante motivacional Steve Backley: “O primeiro passo é o mais importante. É o mais crucial e o mais eficaz, pois iniciará a direção que você escolheu.” Você deu um primeiro passo crucial para entender por que a tipografia é importante para o seu site.

Ele lhe deu a direção para o próximo passo, que é colocar em prática tudo o que você aprendeu.

Sobre Michie Victoriano:

Sou um Pesquisador e Analista de Marketing com mais de 6 anos de experiência em Marketing, Pesquisa, Analytics e Marketing Online; com 2 anos de experiência em Search Engine Optimization. Um freelancer no momento. Gosta de jogar videogame, basquete e adora café demais.