Design Perfeito

Criar um bom design não é uma tarefa fácil, a revista locaweb, em sua edição de número 7, trouxe 10 "regras" para melhorar o layout dos sites. Vamos discutir um pouco essas dicas nesse post.

Precedencia

Um bom layout de site passa muitas informações ao visitante, ele remete a logo que identifica a página, mas também pode identificar os aspectos que sejam interessante do site (como uma frase, imagem, texto...), isso seria a precedencia, onde podemos seguir alguns passos como quanto maior for o tamanho do elemento, maior será a sua prioridade, o uso da cor também influência, sendo que se dois elementos possuem a mesma cor, a que estiver mais clara tem menor prioridade, a cor de fundo deve gerar um constraste com o texto e as imagens, resaltando a importancia dos itens e por último o posicionamento, como as pessoas veem a página sempre do canto superior esquerdo ao canto inferior direito, temos que ter em mente essa informação ao planejar o layout.

Espaçamento

O espaço deve ser tratado como elemento da página, sendo importante deixar um espaço entre os textos, além de evitar que texto e imagem fiquem encostados (em alguns casos pode ser que fiquem juntos, mas por causa da imagem) e aproveitar o espaço em branco para dar balanço, proporção e contraste na página.

Construção

Deve-se levar em conta para a construção de um site alguns aspectos, como a fonte a ser usada, tendo em conta se ela é um padrão HTML, além da questão de adequação do tamanho da página para que todos possam visualizá-la sem muitos problemas.

Usabilidade

"O design deve ser usável", um site deve ser ter uma navegação agradável e para isso alguns aspectos devem ser respeitados como aderir aos padrões, como evitar em usar o sublinhado para evitar do texto ser confundido com um link, listar as tarefas que os usuários podem fazer no site e aproveitar as ações dos usuários, ou seja analisar o que pode ser colocado em um novo layout, testa-lo e depois publica-lo.

Navegação

O layout deve ser de fácil navegação, contendo botões (de preferencia no alto da página) permitindo que o usuário possa retornar a Home da página na hora que quiser e também avançar e retornar, deve ser bem descrito para que não haja dúvidas do que pode ser feito, o usuário deve saber onde está na página, para isso podemos utilizar subtitulos, mapa e breadcrumbs (é uma espécie de trilha de navegação).

Anúncios

É preciso posicionar bem os anúncios para que sejam vistos e acessados, para isso é bom saber o que é mais acessado em seu site para que seja bem posicionada as propagandas.

Consistência

É manter um padrão já estabelecido e ter em mente que deve combinar as cores, letras, o estilo do site e evitar os erros de ortografia, ao começar um layout já devemos ter isso em mente e definir logo no ínicio do projeto esse padrão.

Alinhamento

Usando o alinhamento pode ser feita a organização do design na página, deixando o seu visual mais consistente e com um visual mais acabado.

Interatividade

São elementos que respondem a ações dos usuários, como animações e objetos que mudam de cor. Algumas ferramentas utilizadas para isso seriam o Silverlight e o Adobe Flash, outras ferramentas bastante usadas são o Javascript, HTML e o Ajax.

Tendências

Sempre alinhar o layout as novas tecnologias e seguir os novos padrões, não ficando preso no que era moda no passado e pensar no que está sendo utilizado hoje em dia, utilizando novos recursos e ferramentas na elaboração do design da página.