Dicas para arrumar seu layout

January 20, 2009

Fiquei bastante inspirada com os micro-vídeos do Seu Lili no youtube. EpisÓDIOs engraçadinhos, vocês deveriam ver.

Graças a isso decidi fazer esse post sobre Design. Sim, um assunto pouco falado nesse blog, mas que consta no título da página e chama muitos paraquedistas aqui pelo Google. E que também me deixa terrívelmente emputecida, com vontade de queimar a pessoa que cagou no layout assim que começo a notar os erros.

Hoje darei apenas 3 dicas de meu vasto e incrível conhecimento que é muito valioso, pois vocês lerão algo de uma pessoa pós graduada e atestada com um carimbo dourado vindo de Harvard. Acreditem, apenas metade da frase anterior é real, escolham a parte que mais lhes agrada =). E vamos ao que interessa:

Erro 1: O contraste
Para ler na web o processo é o mesmo que uma leitura de livro, contando com dois agravantes pró livro e contra internet: A) As pessoas lêem as páginas na web em Z e B) O "passar de olho" na página é feito mais rapidamente.

Com isso, temos duas constantes nesse quesito:
A) Cor da fonte:
Sempre, mas sempre tente usar uma cor de fonte que seja menos "dura". A dica é sempre usar algo que não faça um contraste forte para textos longos. Um exemplo é a clássica página de fundo preto com letras brancas. As pessoas lêem, mas se cansam mais rapidamente. O mesmo vale para páginas brancas (lembrando que o branco também faz parte do layout e por vezes deixa o layout até mais bonito do que um lotado de grafismos por todos os lados) com a fonte preta.

O ideal, caso seu blog possua textos longos, é usar uma cor de fonte que crie um contraste menos agressivo como um cinza 70% por exemplo. Isso já é o bastante para auxiliar na leitura do seu usuário. E acreditem, um blog com uma leitura mais prática fideliza os leitores.

B) Respiro no texto
Um texto longo requer um "respiro" entre os parágrafos para que o leitor não se canse com a leitura. O ideal é aplicar uma quebra de linha a cada parágrafo, para que o usuário também não se confunda com partes do texto. Isso vai evitar que o usuário se depare com um bloco denso de texto e certamente vai tornar a leitura mais agradável.

Erro 2: Alinhamento

Vou citar apenas um dos 3242 livros que tratam sobre o assunto, que é o "Livro e o Designer" (esqueci o autor, googleiem). Este livro possui vários dogmas que eu, particularmente, não acho que precisam ser seguidos a risca. Maaaas sempre há aqueles dos quais não podemos fugir, e um deles é o alinhamento.

O alinhamento do texto interfere bastante na leitura do usuário. Os olhos seguem um padrão de leitura baseado no ritmo e na "adivinhação" da próxima linha, para que não se percam na leitura. Ou seja, quando o alinhamento é a esquerda, os olhos já pulam direto para o começo da outra linha, no ponto exato do começo da leitura. No caso de um alinhamento centralizado ou a direita isso é quebrado. Os olhos pulam pra outra linha, não acham o início da frase e tem que buscar o começo dela entre os espaços em branco no começo das linhas o que causa um enorme desconforto visual e cansa o usuário.


Exemplo

Então, façam um favor a si mesmos: A não ser que seja para um texto curto ou uma chamada, não façam textos alinhados a direita ou centralizados porque é tosco demais.

Erro 3: Tipografia - Tamanhos e entrelinhas
Uma vez fui chamada pra um blog que tinha uma fonte num corpo 20, sem zoeira. Tipo conseguem imaginar ler um texto de sei lá, 20/25 linhas num corpo 20? NOOOOOOOOOO!!!


Eu depois de ver o blog
Pois bem, temos que prestar atenção também no tamanho/entrelinhas do texto de seu blog. O tamanho do texto geralmente deve ficar entre 12/14 pt ou no HTML puro algo tipo font size 2. O entrelinha geralmente fica 1,5 pt do tamanho da fonte. Ou seja, se a fonte for 12pt o entrelinha será 13,5 pt. Isso também facilita a leitura e ajusta o "automático" da quebra de linha.

Tanto um entrelinha muito espaçado ou muito espremido dificultam a leitura, então o ideal é formatar no CSS da página o entrelinha personalizado (e fugir do automático).

Espero que aproveitem as dicas. E também espero que morram atropelados por um jumento no cio caso desdenhem delas.

Subjetividade? Meh!

Não tem para mim algo pior que gente subjetiva. Talvez seja porque me sobre objetividade, a ponto de eu só enxergar o que está a minha frente, quando muito. O que não é de tudo ruim, pois não conheço outra pessoa tão cabeça dura persistente nos objetivos quanto eu.

Sinto falta também do disfarce, do lado subversivo. Prova disso é entrar a gerente comercial mala e pirivéia (misto de véia com piriguete)  na minha sala do trabalho, dizer "Oi" e eu responder de bate pronto com um "Tchau" e patinar para tentar disfarçar a gafe.

Já perdi as contas de quantas vezes me fodi épicamente por não entender a subjetividade alheia. Por hora penso que todas as relações sociais seriam melhores se as pessoas fossem menos subjetivas e mais claras em suas palavras. E é fato, afinal, ter de ler nas entrelinhas em todas as mensagens jogadas na cabeça durante o cotidiano é um exercício terrível, sujeito a falhas de comunicação.

Para mim, como profissional de comunicação, avalio a subjetividade como um ruído. Um ruído alto e subversivo, capaz de te vencer sem ao menos te dar a chance de ser compreendido conscientemente.

Começo a questionar até quando vou levar nabos astronômicos e ainda ouvirei ecos das falhas do passado graças a essa minha falta de habilidade. Só me restam duas saídas, ou eu faço um curso rápido de leitura de mentes e começo a ler a mente de chefes, amigos, etc. ou eu arranjo um óculos místico para conseguir ler nas entrelinhas de todas as frases.

Se ainda assim nada der certo e eu continuar me fodendo, apelo para um método subjetivo de mandar o mundo inteiro tomar no cu:


Leia nas entrelinhas!