Como sabem, ter um website com um design espetacular hoje em dia não chega. É preciso que ele seja bonito e também funcional, sob pena de não estarmos a explorar todo o potencial do nosso projeto. No passado já dei 10 dicas muito importantes sobre usabilidade. Hoje regresso às bases e revelo alguns dos princípios a ter em conta quando se deseja criar um website de sucesso.

Estes princípios não são novidade nenhuma, talvez sejam demasiado óbvios. Mesmo assim são muitos os websites na Internet que os ignoram sistematicamente. Porquê que isso acontece? Eu acho que acontece primeiro porque alguns webmasters não possuem os conhecimentos necessários e porque existe uma tendência natural para colocar de parte o óbvio, talvez porque é tão óbvio que muitos julgam não ser necessário perder muito tempo a pensar nisso.

1º- O Princípio Da Clareza

É um dos aspetos mais importantes e qualquer website que ambicione algum tipo de sucesso deve ser fácil de compreender. A clareza é fundamental em praticamente tudo na vida e assim sendo, não existe razão para que não o seja também em websites. Este primeiro ponto prende-se principalmente com a facilidade de compreensão, ou seja, o utilizador/leitor deve olhar para um determinado local e perceber imediatamente do que se trata e como funciona. Numa questão de segundos ele assimilou a mensagem e compreendeu-a na perfeição. Vamos olhar para alguns exemplos:

Esta primeira imagem é do portal da SAPO, reparem nesta secção, é tão simples que o complicado é não perceber do que se trata. É muito claro, não há que enganar, até as cores, o tamanho e estilo de letra são os ideais. O utilizador também percebe imediatamente como funciona o sistema, tem várias tabs onde clica e aparecem diferentes notícias, é fácil de navegar e encontrarmos o que procuramos.

Parece fácil não é? Na realidade este é um conceito utilizado em vários websites, faz todo o sentido aplicarmos nos nossos não é? Não é bem assim, o exemplo do Sapo está realmente muito bem conseguido, mas vamos ver o mesmo exemplo noutros websites:

Agora temos o Clix, precisamente o mesmo exemplo, mas desta vez muito menos conseguido. Apesar de se perceber e não ser propriamente um grande desafio, não é tão claro como o do Sapo. Experimente visitar o SAPO e a CLIX e depois diga-me qual dos dois é “abençoado” pela clareza.

Outro exemplo, desta vez o portal da AEIOU, é mais ou menos o mesmo sistema, mas novamente perde em clareza. Aliás se aproveitarem para visitar o portal, vão verificar que é infinitamente mais confuso que o da SAPO e até que o da Clix. Isto prova que nem sempre é fácil respeitar este principio. Também fica a informação de que o SAPO mudou recentemente o design e que os outros dois exemplos ainda não o fizeram, logo têm oportunidade para fazer melhor.

2º- O Princípio Da Familiaridade

O leitor/utilizador, espera um sistema a que já esteja habituado. Não vale a pena complicar-lhe a vida e aqui pode-se pegar um pouco na usabilidade, ou seja, coloque a informação onde o leitor a espera encontrar, o funcionamento dos menus da forma mais comum, tente jogar de forma inteligente e nessa familiaridade integrar um ou outro elemento inovador.

Repare nesta barra também do SAPO, não há que enganar, até os símbolos são familiares demais para que o leitor não os compreenda. E onde é que ela se encontra? No canto superior direito, precisamente a zona onde o leitor está habituado a ver este tipo de blocos.

Vejam também o exemplo do Dementia, no mesmo local pode encontrar o bloco “Acompanhe a dementia“. A ideia é a mesma, o design muda um pouco devido à natureza do projeto mas o principio é o mesmo, colocar informação relevante num local onde o leitor está à espera que ela esteja.

Este exemplo é do Mais Tráfego, a mesma barra com a disposição da informação diferente e também localizada na mesma posição que as anteriores, no canto superior direito.

Finalmente o exemplo do meu blogue, a posição do bloco é exactamente a mesma que nos exemplos anteriores. Não possui um texto descritivo, mas também não necessita, pois as imagens são grandes e o leitor já as viu em vários locais, ele conhece-as muito bem.

3º- O Princípio Da Objetividade

Vá direto ao assunto! Este ponto é óbvio, coloque o conteúdo mais importante “na cara” do utilizador sempre “above the fold“, não encha por exemplo a sua homepage com informação desnecessária porque não é essa a que o utilizador procura. Visite o SAPO e o AEIOU e decida qual é o mais objetivo. Não há que enganar, o SAPO não só nos oferece de imediato a informação mais relevante como é fácil encontrá-la enquanto que no AEIOU é muito mais difícil.

4º- O Princípio Da Rapidez

É mais outro ponto muito importante, até porque ninguém gosta de websites que demoram anos a carregar. A rapidez é importante e hoje existem mecanismos e profissionais especializados que podem melhorar os tempos de carregamentos de páginas num determinado website. Um bom servidor é também importante, bem como ter um sistema de cache eficaz instalado no seu projeto.

PS: Para quem usa wordpress o plugin WP Super Cache é sempre obrigatório!

5º- O Princípio Da Beleza

No artigo sobre usabilidade já foi referido que um website com um bom design torna-se mais credível ao olhar do leitor/utilizador. Isto é uma realidade, um bom impacto visual é meio caminho andado para que o leitor fique um pouco mais curioso. Ninguém gosta de ver um website feio, pois transmite a imagem de que os responsáveis não cuidam bem dele.

6º- O Princípio Da Consistência

Sem consistência não se pode chegar a lado nenhum neste mundo e nos projetos online a conversa é a mesma. Um projeto consistente é também um projeto equilibrado, nós não podemos por exemplo criar o “header” mais fantástico do mundo e depois o resto do website ser uma nódoa, não faz qualquer sentido!

7º- O Princípio Da Organização

O mais importante neste ponto é a organização na disposição de informação, não exagerar no conteúdo, colocar a informação mais relevante acessível ao leitor e rejeitar a confusão (que já tinha sido mencionada no primeiro ponto). Vejam este exemplo:

Mais uma vez pode-se ver claramente que o novo design do SAPO privilegiou a organização e deixou para trás qualquer tipo de confusão que pudesse existir. Por outro lado se observarmos o AEIOU é uma confusão tremenda com demasiada informação para ser processada na homepage. Visitando os dois websites consegue-me perceber muito bem os benefícios de uma boa organização.

8º- O Princípio Da Simplicidade

Juntem todos os pontos referidos anteriormente e adicionem-lhe simplicidade. Este vem na sequência da organização, pois o segredo está em conseguir um website organizado mas que também seja simples. Pode ser muito difícil conseguir respeitar este princípio, principalmente quando se lida com um projeto que possui “toneladas” de informação, mas é possível:

Veja-se o exemplo do website da CNN que também mudou recentemente. Eles possuem uma enorme quantidade de informação, na versão anterior do website isso era visível, no entanto esta nova versão é muito mais simples que a anterior. Eles trabalharam para reduzir a quantidade de informação que não era relevante e conseguiram transformar totalmente o projeto.

Acima de tudo tente controlar-se, não exagere nas opções e funcionalidades. Lembre-se sempre da célebre frase “Less is more” pois pode ajudá-lo a travar esse ímpeto para a complexidade.

9º- O Princípio Da Diferenciação

Finalmente o seu projeto necessita de se distinguir, seja no design, seja no conteúdo, seja nas funcionalidades, arranje uma forma de tornar o seu projeto único! Se é mais programador do que designer então trabalhe nas funcionalidades; se é um excelente designer então aplique-se a fundo na componente estética do website; se por acaso não percebe nada de design ou programação e não tem dinheiro para contratar profissionais, trabalhe o conteúdo incansavelmente.

Caso esteja inserido num mercado em que a concorrência é forte e já existem grandes projetos sobre esse mesmo tema, então deve levar este ponto muito a sério. Estude os outros, descubra as suas falhas, pois o mais certo é alguns deles terem descurado um ou outro princípio da usabilidade e acessibilidade. Existe sempre uma forma diferente de fazermos as coisas, só precisamos de a descobrir.

Agora vamos resumir toda a informação aqui colocada:

• 1º- Respeite o princípio da clareza, o leitor/utilizador deve perceber imediatamente o quê está à sua frente e deve compreender como funciona o sistema antes mesmo de interagir com ele;

• 2º- Os leitores estão mais familiarizados com determinados sistemas e  formas de disposição da informação. Este facto não deve ser ignorado;

• 3º- Vá direto ao assunto, seja objectivo e transmita a mensagem mais importante assim que o leitor entrar na sua página;

• 4º- Caso o seu website possua muita informação ou imagens, utilize um sistema de cache, verifique como pode diminuir o tempo de carregamento das páginas;

• 5º- Um website com um bom aspeto transmite uma mensagem de dedicação e faz com que os leitores confiem mais no projeto;

• 6º- Seja consistente em todos os aspetos, no design, na organização, nas funcionalidades etc…

• 7º- Um projeto organizado é muito mais apetecível, ninguém gosta de confusão;

• 8º- Seja simples, não exagere e recorde-se de que “Less is more”;

• 9º- Descubra como pode ser diferente, se por acaso está a entrar num mercado onde a concorrência é forte então este ponto é muito importante.