As fontes organizam as informações e aumentam a capacidade de transmissão da informação. Também cria uma disposição que facilita a interpretação por parte do usuário.
Evite o uso de fontes decorativas.
Para atenção fontes cifradas.
Utilize fonte clássica:
– Proporciona um pequeno aumento da legibilidade.
–Maior velocidade de leitura.
Limite o número de fontes e de estilo:
– Use o máximo de 2 fontes.
–2 inclinações (romano e itálico).
–2 pesos (regular e negrito).
Não utilize fonte de tamanho inferior a 12 pts.
Evite o uso de caracteres brilhando e piscando, pois distraem o usuário.
Evite usar fontes de diferentes famílias (Ex.: Times New Roman e Arial) que tenham o mesmo estilo.
Não utilize letras que possui uma fonte com largura fixa. Ex.: Courier.
Interface Homem Computador
Interface Homem Computador
Largura variáveis - consome menos espaço e mais fácil de ler.
Evite hifenizar textos e também alinhar a direita na Web.
Evite o uso de sublinhado par realçar texto: Confundi a compreensão e leitura.
E utilize negrito, itálico ou uma mudança de cor ou brilho, porém só use um desses recursos.
Evite linhas muito grandes:
Linhas curtas reduzem o movimento excessivo dos olhos;
Comprimento ótimo – 10 a 12 palavras ou 40 a 60 caracteres.
EVITE TEXTOS COM LETRAS MAIÚSCULAS, POIS DÁ A SENSAÇÃO DE QUE A INTERFACE TÁ GRITANDO COM O USUÁRIO
Outra dica: Deixe um maior espaçamento entre linhas longas e não misture fontes de diferentes famílias ou de diferentes estilos.
As animações são mídias dinâmicas, cuja apresentação de informações varia com o tempo.
Necessário observar algumas regras:
- Só anime um objeto quando este tem uma finalidade específica.
- Preferencialmente use animação em tela cheia.
Aspectos culturais (cores memorizadas), a cor está associada aos diferentes objetos por efeito da memória, sofrendo toda a mudança junto com o significa cultural.
Alguns contra exemplos de páginas com excesso de cores, fontes ...
Desentupidora Rola Bosta: http://www.desentupidorarolabosta.com.br/
Potenza Design: http://www.criacaodesitesbaratos.com.br/
Hacker Typer: http://hackertyper.com/
LingsCar: https://www.lingscars.com