4 razões pelas quais o texto do seu corpo deve ser maior
O texto do corpo no seu site é muito pequeno. Enquanto os monitores de mesa e as telas dos telefones parecem aumentar de tamanho, os tamanhos das fontes corporais aparentemente diminuíram. Embora o tamanho original seja o mesmo, eles se sentem menores do que nunca.
Muitas vezes, me vejo olhando de soslaio para a tela para ler o conteúdo. E não deveria ser assim. Hoje, estamos analisando as razões desse problema crescente e como você pode corrigi-lo!
O caso de texto maior
Pequenos tamanhos de texto são um conceito antigo em termos de design de sites. A idéia de usar texto de 12 pontos para cópia do corpo remonta quase aos primeiros dias da Internet e da publicação digital, quando o tamanho padrão nos processadores de texto era de 12 pontos. (Foi assim que os designers começaram a usar essa diretriz não oficial.)
Mas as telas também eram muito menores então. E o tipo de 12 pontos em um local a alguns metros dos seus olhos pode ser muito para ler.
Os títulos e subtítulos extragrandes estão em alta há bastante tempo, e a cópia do seu corpo precisa ser atualizada. Até o Kissmetrics, um blog sobre análise da web, marketing e testes, observou que a maioria dos sites tem fontes muito pequenas. Eles até chamaram esse de “7 pecados capitais do design da web”.
Aqui está o grande motivo: você precisa capturar a atenção dos usuários imediatamente, e as pequenas fontes simplesmente não combinam com tantas outras opções disponíveis para o tempo do usuário.
Ainda não está convencido? Aqui estão mais quatro razões pelas quais seu tipo de corpo deve ser maior.
1. É mais fácil de ler
Legibilidade é um grande negócio. Por que você projetaria um site que é difícil para um usuário ler?
A primeira lição é abandonar a medida numérica pura para o texto do corpo na web. Realmente não importa se o seu texto tem 12 ou 16 pontos ou 22 pontos, se você não conseguir lê-lo. (O tamanho do texto não é universal e varia de acordo com o tipo de letra.) O texto do corpo deve ser proporcional a tudo o mais na tela e fácil para os usuários verem à distância.
O padrão há algum tempo é que 45 a 60 caracteres por linha em uma única coluna (isso inclui pontuação e espaços) é o tamanho ideal para a maioria dos leitores. Portanto, você precisa pensar no tamanho dos navegadores mais comuns, na largura da coluna que está usando e começar com um tamanho de texto que se enquadre nesse intervalo. Lembre-se de ajustar de acordo com os pontos de interrupção responsivos.
O alcance é um pouco mais restrito para telas menores, onde a maioria das pessoas concorda que texto maior é melhor. (Agradecemos metade desse intervalo de contagem de linhas.)
O truque é criar uma escala confortável para a leitura. E quanto mais texto do tamanho do corpo você tiver, mais importante será. Um texto muito amplo pode dificultar o foco e a movimentação de uma linha para outra durante a leitura; texto muito estreito não tem um bom ritmo e faz com que o olho se mova muito rápido ao ler.
2. Torna o design mais intuitivo
O tamanho do texto contribui para a usabilidade geral de um design de site.
Se todo o texto for dimensionado proporcionalmente, uma cópia maior do corpo também ajudará a aumentar o tamanho de outros elementos da interface do usuário, como links de navegação ou texto do botão. Pode ajudar a contribuir para o fluxo geral.
O texto maior também ajudará você a tomar melhores decisões sobre o conteúdo e a editar de maneira mais seletiva, o que é sempre bom para os usuários. Essa racionalização ajuda a trazer os elementos mais importantes para a vanguarda do design. Lembre-se de que os usuários têm a atenção de um peixinho dourado - se é o caso -, então tudo o que eles precisam para entender o design e como interagir com ele deve estar acessível rapidamente.
Aqui está outro bônus de tipo maior - ele o incentivará a repensar o preenchimento, o posicionamento das fotos e o espaçamento das linhas. Tudo no design se beneficiará de repensar o tamanho do tipo, porque tudo funciona congruentemente para criar um produto final. Toda essa edição e repensagem de como colocar peças pode resultar em uma usabilidade aprimorada, porque você está gastando um tempo para avaliar elementos individuais no design, em vez de apenas colocar tudo da mesma maneira que costuma fazer.
3. Reduz a fadiga
A fadiga do usuário pode ser um problema real. A maioria das pessoas olha para as telas o dia todo, desde olhar para telefones, jogar jogos, tablets, trabalhar em computadores ou assistir televisão. Os olhos deles estão cansados.
Tamanhos de texto maiores podem ajudar a diminuir parte dessa fadiga da tela.
Outra fonte comum de fadiga da tela vem na forma de dispositivos móveis e usuários que precisam procurar na tela elementos. Telefones maiores estão diminuindo as áreas fáceis de alcançar com o polegar, mas elementos maiores e o texto do corpo podem ajudar a resolver esse dilema.
Um dos motivos pelos quais tamanhos maiores para texto e outros elementos da interface do usuário são importantes é porque ajuda a ajustar a exibição visual para coincidir com a exibição física, proporcionando mais conforto aos usuários.
4. Aumenta o impacto visual
Você deseja que o design do seu site cause uma forte primeira impressão. O texto maior pode ter uma forte presença e impacto visual do que o texto menor. É mais ousado e mais na sua cara. Exige ser lido.
Todas essas táticas ajudam a atrair a atenção do usuário e segurá-la.
A consequência não intencional do uso de um tipo de corpo maior é que quase todo o resto do seu design provavelmente também aumentará. Este é provavelmente o caso do espaço. Tipo maior ajudará a criar espaço para mais espaço no design. Mais espaço geralmente cria uma experiência de usuário mais confortável e adiciona um elemento de contraste que ajuda a atrair usuários para as partes ocupadas do design. (É a teoria do design em um nível básico, mas funciona.)
Tipo maior e espaçamento aumentado são elementos sobre os quais a maioria dos usuários não vê nem fala, mas apenas acha que aprecia. A experiência será mais fácil e, com sorte, resultará em um aumento nas análises do site, como tempo no site ou páginas por visitante. (Essas medidas podem ser um fator chave para determinar se a mudança para um tipo maior está fazendo diferença para os usuários.)
Conclusão
A Smashing Magazine publicou um artigo em 2011 que afirma que nada menos que 16 pixels para o texto do corpo é muito pequeno. Eu tenderia a concordar.
E então dê um passo adiante. Teste 18, 20 ou até 22 pontos para a sua cópia do corpo. Mesmo que pareça estranho no começo, você verá que é fácil de ler. É fácil de digerir. E isso faz o conteúdo parecer um pouco menos impressionante. Facilite para os usuários e eles agradecerão gastando mais tempo no seu site.
