Cada novo campo de conhecimento e esforço desenvolve seu próprio jargão e siglas. Web design não é diferente; Temos termos como tags, palavras-chave, análises, testes de usuários, primeiros dispositivos móveis, design responsivo, etc. Também temos acrônimos como SEO, UI e UX. Nos últimos anos, há um novo termo - UX Design ou User Experience Design.

É quase como se isso fosse um novo conceito: o design mais atraente e atraente é inútil, a menos que o usuário possa navegar facilmente, receber informações importantes rapidamente, interagir sem problemas e acessar páginas de conversão sem nenhum esforço além de um clique Em suma, os designers precisam projetar para o usuário, não para eles mesmos. Mas esse conceito de design para o usuário não é novidade; revistas e jornais vêm fazendo isso há anos com design de impressão envolvente e atraente.

Parte do design UX, é claro, é a palavra escrita e como ela é apresentada ao usuário. O design de impressão era muito antes da Internet e permeava a vida de todos, assim como a Internet hoje em dia.

O design da impressão era, e ainda é, encontrado em panfletos deixados nas maçanetas e nas caixas de correio; ela é encontrada em revistas, jornais, em anúncios de mercearia impressos, em folhetos encontrados em agências de viagens de tijolo e argamassa e em varejistas de melhoramento de casas grandes. É encontrado em outdoors. Embora não existam análises para avaliar sua eficácia, há anos e anos de experiência nos cintos dos designers de impressão. É uma experiência que os designers de web e de impressão devem levar em conta ao projetarem sites.

Usando grades

Os designers de jornais e revistas sabem disso desde sempre: conforme o conteúdo das páginas é apresentado, há algum tipo de padrão de grade usado. Isso não deve ser diferente quando o conteúdo é colocado em uma página da web. Usando uma grade fornece equilíbrio e fornece um nível de conforto para o usuário.

Se uma página é dividida em seções iguais, o conteúdo mais importante pode ser distribuído em mais seções na grade que o conteúdo menos importante.

Um único ponto focal

No design de jornais e revistas, os pontos focais são fáceis de ver: as grandes manchetes. O mesmo vale para páginas da web. Tem que haver um ponto focal para capturar o "ponto" da informação na página.

O ponto é que o usuário deve ver primeiro esse ponto focal, de modo que a natureza do conteúdo da página seja clara.

Usando o espaço em branco

O espaço em branco ao redor dos elementos e o texto fornecem “espaço para respirar” para os olhos do usuário, permitindo que os olhos fiquem focados em imagens e palavras. Esse é um fator que o papel de jornal inicial não conseguiu fornecer, além do espaço entre parágrafos e colunas. Uma vez que as imagens foram adicionadas a jornais e revistas, os designs de layout previam mais espaço em branco, e isso era uma coisa boa.

Hoje, o web design permite ainda mais espaço em branco, e isso aumenta o UX.

Consistência

É tudo sobre repetição. Isso mantém o usuário confortável. Uma grade dá consistência, mas o mais importante é que o tipo de letra e o conteúdo façam isso. Os leitores não devem ter que ajustar continuamente seus olhos para diferentes tipos de impressão. Consistência também significa o uso de palavras e cores - mantendo a mesma terminologia e projetando a mesma imagem com o uso da cor. Repetição de colocação dos mesmos elementos também pode trazer uma consistência, se possível.

A consistência apertada pode nem sempre ser possível; mas um bom design de impressão é o mais consistente possível - especialmente com tipos de letra, terminologia e cor.

Hierarquia

O tamanho e o tipo da fonte são os melhores meios para mostrar a importância relativa de diferentes partes do conteúdo. Há duas metas aqui: queremos que o conteúdo seja fácil de absorver e que o usuário saiba imediatamente o que está contido na página, e também queremos que os olhos do usuário viajem como desejamos. Assim, as manchetes são grandes e ousadas, às vezes em cores contrastantes; sub-títulos são menores e menos ousados, talvez, mas ainda mais importantes do que o texto menor que fornece os detalhes.

Essas coisas também tornam uma página mais digitalizável. Se houver muita impressão, dividi-la com subtítulos em um tipo grande e pontos com marcadores melhora a capacidade de digitalização e, conseqüentemente, a experiência do usuário.

Usando escala

Alguns elementos serão maiores do que outros, de modo que o leitor será automaticamente atraído para os elementos maiores no layout e, em seguida, passará para os elementos menores à medida que eles lerem o conteúdo. Isso permite que o designer “force” o foco nos elementos e textos mais importantes.

Legibilidade

Legibilidade significa exatamente o que diz. O leitor pode ler facilmente o seu texto sem esforço? É dividido em pedaços com pontos de bala ou outros “divisores” para que seja verificável? Qual é o espaçamento entre palavras e entre letras dentro dessas palavras?

Se você dificultar essa tarefa, o leitor não se sentirá à vontade para ler qualquer parte do seu conteúdo. Aqui estão algumas coisas a considerar:

  1. O texto não deve ser muito claro ou muito ousado.
  2. Cartas precisam ter bom espaço entre elas.
  3. Use textos ornamentados e difíceis de ler com muita moderação e principalmente para efeitos dramáticos.

Uso de cor

Quando cor veio para imprimir mídia, era enorme. Os designers de impressão tiveram muito mais oportunidade de usar cores e tons de cores para atrair a atenção e também transmitir algumas mensagens psicológicas. Há todo um campo do apelo psicológico das cores, e bons designers de impressão estudarão essa pesquisa para fazer seleções de cores.

O takeaway

Décadas após décadas, os designers de impressão criavam layouts para jornais e revistas. Eles aprenderam o princípio básico das grades de layout, dos pontos focais, da hierarquia do tipo, da legibilidade e, quando disponível, da cor.

Esses princípios ainda se aplicam hoje, sejam eles utilizados na mídia impressa tradicional ou no design do site.

Imagem em destaque, imagem de design de impressão via Shutterstock.