Passo 7: Editar o Conteúdo da Página

Com o design fechado, é hora de editar o conteúdo da página.

Para este procedimento, você deve levar em consideração que o usuário muitas vezes não lê tudo que está escrito no site. Ele realiza um processo chamado varredura, que permite que ele tenha uma ideia geral sem ler tudo que está escrito. Dessa forma, o texto deve ser facilmente digerível, pois o usuário não vai perder muito tempo em seu site.

Algumas técnicas permitem que isso seja feito, como por exemplo, o uso de parágrafos pequenos, listas, cabeçalhos e destaque de algumas palavras.

Por exemplo, compare os dois textos da Figura 22. Qual dos dois você consegue absorver mais rapidamente?

Grande parte dos usuários decide se vai ler ou não uma página com base no que vê rapidamente na janela do navegador quando a página é carregada.

Uma técnica usada para estruturar o texto é a pirâmide invertida. Essa técnica se baseia numa pirâmide de cabeça para baixo, na qual o que é importante deve estar na base da pirâmide, enquanto os conteúdos complementares devem estar no pico da pirâmide, ou seja, embaixo. Veja a Figura 23.

Assim, você deve começar colocando a informação mais importante da página no topo do texto, de forma que os usuários leiam o primeiro parágrafo e já tenham uma noção do todo.

O conteúdo com menos importância deve ficar abaixo, mas também deve ser bem escrito, obviamente.

Para ter uma ideia, volte ao simples exemplo mostrado na Figura 22 – do lado direito, o título “Tipos de jogos de tabuleiro” já dá ideia do conteúdo que vem pela frente.

A seguir, listamos algumas dicas que devem ser consideradas na edição do texto para web:

• Enxugamento do texto – é necessário remover todo o conteúdo desnecessário. Um texto claro e conciso leva menos tempo para ser lido e cansa menos seu usuário. Vá direto ao ponto com palavras e frases curtas e diretas. Releia o texto até se sentir satisfeito, vendo sempre se pode cortar um pouco mais;
• Divisão do texto em partes menores – divida o texto, com o objetivo de deixá-lo com muitas partes pequenas. Parágrafos pequenos são melhores de ler do que um texto longo. Você pode usar listas para fazer essa subdivisão;
• Use cabeçalhos para resumir os blocos de textos – Assim, os usuários saberão do que trata o texto e decidirão se realmente desejam ou não lê-lo. Misture fontes para enfatizar os cabeçalhos de outros textos e não esqueça que o nível de um cabeçalho transmite sua importância. Você aprendeu a usar os seis níveis de cabeçalhos em (X)HTML (h1, h2, h3, h4, h5 e h6). Um cabeçalho marcado com o elemento <h1> é mais importante que um cabeçalho marcado com a tag <h6>. Marque os cabeçalhos mais importantes com a tag <h1> e assim por diante. Lembre-se que (X)HTML é uma linguagem de marcação, e o seu uso correto deixa o site correto do ponto de vista semântico.

Após a definição do conteúdo, é hora de por a mão na massa, ou seja, construir o código da página usando as técnicas que você aprendeu até aqui.