Levante a mão se o seu sítio Web foi concebido para pequenos homens marcianos. Levante a mão. Não seja tímido.
Alguém? Alguém? Não me parece.
Os nossos sítios são criados para humano interação. E nós, seres humanos – apesar de toda a nossa esplendorosa variedade – partilhamos alguns comportamentos universais, independentemente da nossa origem.
Como editores para a web aberta, ignoramos estes comportamentos por nossa conta e risco. Quais são eles?
Pensei que nunca mais ia perguntar.
Aqui tem um punhado de elementos essenciais para conceber sítios Web que os humanos queiram ler …
Os humanos querem interagirpor isso facilite-o.
Alguma vez viu alguém a navegar na Internet sob a mira de uma arma?
Eu também não. Na maior parte das vezes, é um ato voluntário. As pessoas clicam porque estão à procura de algo. Quer interagir com o que encontra.
E, no entanto, site após site coloca barreiras e dificulta a interação. Utilizam nomes inteligentes, slogans obscuros e termos de navegação “engraçados” que deixam os visitantes do seu sítio a coçar a cabeça ou, pior ainda, a clicar para sair.
O que é que pode fazer no seu site para o tornar claro e fácil de utilizar?
Apresente uma introdução direta.
Se o seu site estiver em inglês, os seus visitantes vão lê-lo de cima para baixo e da esquerda para a direita. Quando chegarem à sua página inicial, os seus olhos irão naturalmente para o canto superior esquerdo em busca de confirmação de que estão no sítio certo.
No topo do seu site, os seus leitores devem encontrar o nome da sua empresa e o seu slogan. Estas palavras essenciais irão informá-los de que encontraram o que estavam à procura.
Utilize termos de navegação óbvios.
Se houver um incêndio no restaurante onde vai esta noite, vai procurar a saída? O portal? Ou o saída?
Quando as pessoas clique nos links na sua barra de navegação, é porque querem sair da página em que estão e ir para outro sítio. Isso significa que não é o local ideal para dar largas às suas tendências criativas e começar a chamar à sua página “Sobre” “Divulgação Completa” ou “Despacho da Sede”.
Chame-lhe apenas “Sobre” e deixe de dar tanto trabalho aos seus visitantes.
O mesmo se aplica a todos os seus itens de navegação. Rotule-os em inglês simples, utilizando os termos mais universalmente compreendidos que conseguir encontrar para descrever o que os utilizadores irão obter quando clicarem.
Os humanos precisam de ler. Não se meta no seu caminho.
Os sítios Web são esculpidos com pixéis, e os pixéis mais importantes da página são as suas palavras.
Para que essas palavras sejam lidas, utilize estes importantes conceitos de design para as destacar e facilitar a sua absorção.
Abrace o espaço em branco.
Se espera que os leitores se debrucem sobre linha após linha do seu texto, dê-lhes uma pausa visual. É isso que o espaço em branco faz.
Adicione espaço em branco à esquerda e à direita da sua área de conteúdo para dar às suas palavras espaço para respirar. Não tenha medo de espaçar um pouco as suas linhas – o texto na Web é mais fácil de ler quando não é tão compacto como o texto na página impressa.
Tenha piedade dos nossos olhos.
Há uma tendência de design maligno que está a ser popular neste momento. Quanto mais velhos ficam os meus olhos, menos gosto dela. Chamo-lhe o estilo “tom sobre tom”.
Já o viu antes – é texto cinzento sobre um fundo cinzento claro, ou texto castanho sobre um fundo castanho. É um tipo de letra colorido num fundo que é uma versão ligeiramente mais clara do da mesma cor.
Tem pouco contraste, não é fácil de ler e não vai ajudar a sua causa.
Em vez disso, utilize estilos de alto contraste. Quer o texto mais legível de todos? Opte por texto escuro num fundo claro.
Aqui tem um site sobre contraste que encontrei graças ao designer principal do Copyblogger Rafal Tomal. Mostra-lhe porque é que o contraste é crucial. Passe dois minutos a analisá-lo e nunca mais terá um contraste baixo.
Siga o fluxo de digitalização.
À medida que os leitores percorrem a página de cima para baixo e da esquerda para a direita, quer que eles vejam e leiam a sua informação numa ordem específica. Não quer que os seus olhos saltem pela página, aterrando em muitos gráficos e textos que distraem.
Posicione o seu conteúdo de forma a que, quando o leitor o percorrer, esteja a absorver a informação por ordem. Coloque o item mais importante no topo da página, logo abaixo do cabeçalho e à esquerda.
Depois, utilize hierarquia visual para os fazer avançar na sua página ao ritmo e na direção que pretende.
Eles querem saber quem você é. Mostre-lhes. Mostre-lhes.
A primeira vez que os visitantes do seu site chegam à sua página inicial, estão cheios de perguntas.
O que é este sítio? Quem o gere? O que é que eu entendo sobre os valores e a personalidade desta empresa?
Como as primeiras impressões são visuais, é importante responder a estas perguntas nos primeiros segundos com o design do seu sítio.
As suas ferramentas de escolha são as cores e os tipos de letra.
Limite-se a duas cores principais para o sítio.
Olhe em volta nesta página. As duas cores principais do Copyblogger são o cinzento escuro e o azul. O verde é utilizado como cor de destaque e destaca-se por ser utilizado com moderação.
É esse o efeito que pretende obter.
Os tipos de letra personalizados acrescentam personalidade e fazem com que o seu site se destaque da multidão.
É mais fácil do que nunca sair do grupo padrão de tipos de letra da Web e experimentar novas combinações de tipos de letra. Para algumas combinações inspiradoras (e gratuitas) de tipos de letra personalizados, leia este post de Brian Gardner.
Mantenha os olhos no seu conteúdo.
Os sítios Web são feitos para as pessoas que os vão visitar. Não há um rececionista na sua página inicial para dar as boas-vindas aos seus visitantes. Esse é o trabalho de o design do seu site.
Trabalhe com a natureza humana e não contra ela. Pergunte a si próprio: “O que é que tornaria as coisas mais claras?” e não vai errar.
O que vai fazer para dar as boas-vindas aos visitantes do seu sítio Web e mantê-los envolvidos? Partilhe as suas ideias nos comentários.