Design Editorial na Web | CiaByte
Design Editorial e Web Design
Design de Website, deve ser tratado como Design Editorial?
Design de Website,
deve ser tratado como Design Editorial?
Um website pode ser encarado como uma peça de design gráfico, obedecendo às mesmas regras de diagramação e comunicação visual, por exemplo, se ele for estático (não um filme).
A partir do momento em que ele começa a apresentar mais páginas, começamos a pensar no design do website como um tipo especial design editorial.
Bons exemplos de websites editoriais podem ser encontrados nas páginas de jornais na Internet, como o Estado de São Paulo, Jornal do Brasil, The New York Times, e The Washington Post, entre outros.
O site www.jornaisdehoje.com.br oferece uma lista de links dos principais jornais do mundo.
Para saber mais sobre Design Editorial, clique aqui.
Como fazer diagramação de websites
Entendemos diagramar como uma série de procedimentos para distribuir elementos gráficos, textos, imagens e boxes contendo filmes ou animações, em um determinada mídia. Tanto faz, se essa mídia é uma folha de papel (já existe papel eletrônico), a tela do computador ou do celular.
A seguir, algumas das descobertas feitas através de eyetracking* numa pesquisa denominada Eyetrack III, onde foram examinados padrões de visualização em sites de notícias. O que apresentaremos a seguir não é "a resposta definitiva" ou "a regra" que tanto gostaríamos de ter...
Essas descobertas poderão servir como diretrizes para você criar um grid próprio.
* Eyetracking é uma tecnologia de monitoramento que registra para onde e por quanto tempo uma pessoa direciona seu olhar durante uma atividade de leitura ou observação, que pode ser desde um jornal impresso, peça de publicidade, até uma página de Internet.
Principais descobertas reveladas pela pesquisa Eyetrack III
Em diversos layouts de página, verificou-se que os olhos pairam por um tempo, primeiramente, no canto superior esquerdo. Ao entrar na página, na maioria das vezes, manchetes posicionadas na área superior esquerda da tela são a isca para o olho. Também funcionam bem na parte superior direita da tela.
Fotografias, ao contrário do que se pensava, parecem não ser a isca. A maior parte dos pesquisados, primeiramente, leu a manchete, para só depois visualizar a foto. No entanto, quanto maior a foto mais tempo dedicaram a ela.
Curiosidade: as pessoas tendem a clicar em fotos...
Dizem que o internauta escaneia, não lê. Não é bem isso que os pesquisadores do Eyetrack III descobriram. Tipos muito grandes (letras grandes) favorecem o escaneamento. Porém, tipos pequenos levam ao usuário a focar e, consequentemente, ler o texto.
Quando o título tem o mesmo tamanho da sinopse, destacado apenas em negrito, mas na mesma linha, aumenta a chance de o leitor ler toda a sinopse.
Titulo grande com sinopse menor e em linha diferente resulta na tendência do "leitor" escanear a página, lendo somente os títulos (ou parte deles).
Sublinhados, traços, réguas, espaçamentos muito claros, são como uma barreira para a leitura. A pessoa lê até a barreira.
Nos títulos acompanhados de sinopses, a maioria das pessoas se atêm às primeiras palavras (no terço esquerdo do texto da sinopse). Só lerão o todo se essas palavras forem importantes para ele.
O mesmo ocorre com títulos. O internauta dá 1 segundo, em média, de atenção a um título. Se as DUAS primeiras palavras cativarem, ele lê o título todo. Caso contrário, não.
O interesse se perde à medida que o internauta se dirige para a parte de baixo do texto (rodapé). Especialmente quando existe a necessidade rolar a página. Neste caso, o que pode manter o interesse é a qualidade do texto.
Quanto ao melhor local da barra de navegação, menu, os dispostos na parte superior do site tiveram mais tempo de atenção. Entre as laterais esquerda e direita, os pesquisadores se surpreenderam, pois o lado direito teve melhores resultados tanto em facilidade de visualização como tempo de fixação dos olhos. É para repensarmos alguns layouts...
Com relação aos anúncios dispostos nos sites, os de texto prenderam mais a atenção dos internautas, por 7 segundos em média, que os banners, que apresentaram uma média de 1,6 segundos. Eles recebem mais atenção quando estão no canto superior esquerdo da página. Em especial, se estiverem adjacentes a uma matéria correlacionada. Quando separados por algum traço, por exemplo, cai o rendimento do anúncio.