Principal
Projetos web:
Dispositivos móveis

Usabilidade

Textos em telas pequenas

Atualizado em 20.9.2009

Emboras telas dos computadores estejam ficando cada vez maiores e com resoluções mais altas, as telas dos dispositivos móveis nos obrigam a exercitar a capacidade de adaptação dos olhos a visores pequenos e apertados.

Detalhes mínimos das imagens ficam difíceis de distinguir em áreas de tom contínuo e os textos são publicados em condições que não facilitam a leitura, especialmente de textos longos.

A leitura precisa ser rápida, mas a velocidade com que o olho decifra as letras e palavras nas telas pequenas é mais lenta do que sobre papel, ou mesmo do que sobre o computador. Perdem-se pequenos detalhes das letras, curvas e serifas, características criadas para facilitar a sua visualização.

Para atenuar problemas como estes, é importante considerar alguns aspectos na criação de textos para dispositivos móveis:

Quando o usuário abre uma tela web no celular, a primeira área que vê é o canto superior esquerdo. Portanto, os elementos mais importantes devem ficar situados no canto superior esquerdo. É preciso informar o nome do site (por extenso ou por assinatura visual da empresa/pessoa), o lugar do site e onde se pode ir (barra de navegação).

A altura da tela muito longa desestimula os leitores a procurar informações nas áreas mais baixas (o que ocorre também com o acesso pelo PC, mas neste caso o problema é mais difícil de resolver).

Registrar domínios separados para os dispositivos móveis, menores e mais fáceis de digitar, mas com os nomes de referência do site web, considerando que este seja o principal, ou com conteúdo mais completo.

Para aproveitar melhor o espaço da tela, prover resumos que permitam aos usuários selecionar um link se quiserem ler mais, para não obrigá-los a fazer longas rolagens.

Em caso de textos grandes, os links podem apontar para telas que publiquem um resumo um pouco maior numa segunda camada a qual, finalmente, apenas para os leitores realmente interessados, tenham links para os textos completos.

Redigir textos menores do que os escritos para as telas de computador, e muito menores que os textos para leitura sobre papel. De preferência, redigir os textos especialmente para a leitura em dispositivos móveis, para tirar partido da leitura rápida e contextualizada em situações de deslocamento.

Dividir os textos em títulos e subtítulos para que os leitores selecionem facilmente os assuntos do seu interesse.

Configurar o corpo das letras para que fique legível em diversas resoluções. 18 pontos é um tamanho limite para leitura em tela, que torna a leitura menos cansativa. Mas normalmente os dispositivos móveis não permitem grande variação no tamanho dos tipos.

Usar tipologias desenvolvidas para a tela, como a Georgia e Verdana, que facilitam a leitura, embora o uso de letras com ou sem serifa ainda seja motivo de polêmicas.

Manter um bom contraste nas cores e tonalidades das letras e do fundo, para facilitar a leitura.

Devido às circuntâncias de leitura e às características técnicas das telas, a escrita para dispositivos móveis está sendo aperfeiçoada rapidamente, tanto no sentido editorial (do tratamento dos textos), quanto visual (devido às características dos monitores).

 

Assuntos relacionados
O tamanho do monitor e a resolução de tela
Textos para a web
Flexibilidade
Cores para o monitor

Mais informação sobre o assunto (links externos)
Mobile screens size trends (Sender11, acesso em 20.9.2009)
Nokiaweb browser design guide (acesso em 31.5.2007) - fontes e tamanhos recomendados para interfaces web em dispositivos móveis
Vision quest - How low-resolution displays have changed the way we read, write, and interact (Digital Web, acesso em 25.8.2006)
Why web users scan instead of read, de Jakob Nielsen, avalia alguns motivos que levam os usuários a fazer uma varredura dos textos, ao invés de lê-los (UseIt, acesso em 25.8.2006)