No dia a dia do nosso ramo, temos que enfrentar situações em que precisamos sentar com nossos papéis e canetas e tomar decisões complexas e necessárias: sacrificar a beleza e priorizar a função? Ou priorizar a forma e assassinar a acessibilidade? Logicamente a resposta mais sensata seria conseguir aliar ambos de forma primorosa, mas alguns projetos parecem pedir para que demos ênfase em apenas um desses aspectos, o que pode ser bastante desafiador. Sabemos, também, que ambos os conceitos de forma e funcionalidade seguem tendências mutáveis: a experiência do usuário varia muito com o passar do tempo e o que é belo hoje pode se tornar ridículo amanhã.

Aqui na Agência Liquid, procuramos trabalhar sempre de forma a aliar as duas coisas da melhor forma possível, ao longo do processo de desenvolvimento, uma vez que entendemos que ambos são, sim, desassociáveis e que devem caminhar juntos sempre. A funcionalidade de um projeto deve estar aliada sempre à sua forma, bem como a forma deve, de todas as maneiras, priorizar a funcionalidade de uma maneira quase que atemporal, buscando criar conceitos e disposições cujo padrão seja clássico, correto e o mais abrangente possível. Compreendemos que nos rumos atuais da internet, o desenvolvimento de um projeto satisfatoriamente belo e funcional é imprescindível.

Acompanhe, a seguir, alguns pontos de essencial importância para uma aliança firme entre forma e função ao de criar um site para a web:

1. Práticas de Web Standard: não apenas firula, mas indispensável.

Trabalhar com a essencialidade dos padrões web não é apenas legal, mas necessário hoje. É sabido que a padronização, nos mais diversos setores de produtos e serviços, apresenta benefícios como redução de custos, flexibilidade no desenvolvimento e manutenção e melhora na qualidade. No desenvolvimento para a web as regras se aplicam, e mais: padronizar hoje pode ajudar um site a se sobressair mais que outro, o que é de interesse direto do cliente.

2. Facilite a vida do programador.

Um trabalho conjunto feito entre web designer e programador resulta em um projeto para a web mais conciso, eficiente e com menor chance de erros. Quanto mais tranquilo for o trabalho para o programador, menor a chance de insatisfação do cliente com o resultado final.

3. Facilite a vida do seu cliente.

Desenvolva pensando nos interesses do seu cliente. Crie projetos pensando essencialmente em seu público-alvo e buscando atingir os objetivos principais do seu cliente. Monte estruturas, caso seja ele mesmo o responsável pela manutenção do site, que facilitem seu acesso (como possível leigo) e planeje sites com todas as condições posteriores de otimização, mesmo que o seu contrato não mencione isto.

4. Sim, sites belos funcionam!

Mente quem diz que um site bonito não impressiona. Claro que impressiona, já que um projeto esteticamente atraente pode chamar a atenção de pessoas muitas vezes não interessadas no empreendimento e gerar uma divulgação inesperada. Já dizia Vinicius de Morais: “Que me desculpem as feias, mas beleza é fundamental”!

A beleza de um site é um conceito relativo, mas sabemos que alguns padrões existem, como por exemplo o cuidado com a escolha das fontes, cores agradáveis ao olhar e relacionadas à marca do cliente, fotos de impacto… entra ai a criatividade do profissional em trabalhar com os elementos de que dispõe e criar algo de ótimo impacto visual.

5. Clareza e disposição do conteúdo ajudam a audiência.

Observe a posição e a forma como estão redigidos os links do menu principal. Ele está posicionado de modo a ser necessário procurá-lo? Links simples como “Produtos” estão descritos como “Veja o que a gente vende”? É melhor rever estes pontos.

6. Use bem as fontes.

Fontes não servem apenas para “enfeitar” mas, surpresa!, fazem parte do principal elemento de comunicação entre site e usuário, o texto. Escolha fontes legíveis de tela e em bom tamanho. Sabe-se que as melhores para leitura em tela são as não-serifadas (Arial, Trebuchet, Tahoma, Verdana), enquanto as fontes serifadas como Times e Georgia são ótimas para leitura de impressos.

7. Migalhas de Pão (Bread Crumbs): uma maneira deliciosa de criar um esquema simples de localização.

Não subestime o poder das migalhas. Uma estrutura Página principal > Página secundária > Subpágina permite com que os usuários se localizem facilmente, e dão a eles uma idéia da dimensão dos conteúdos e do próprio site.

Enfim, são dicas rápidas mas muito importantes, que podem orientar melhor àqueles que, como nós, estão sempre em busca de criar algo tão belo quanto usável.

Um grande abraço e até a próxima!