Postamos aqui 10 dicas para a construção de um site:
*PRECEDÊNCIA*
Está ligada diretamente à informação.A precedencia conduz o olhar do usuário de acordo com o que foi planejado pelo design e o guia em uma sequência de passos.Entre os métodos usados para a precedencia, temos:
Tamanho - quanto maior o elemento, mais prioridade ele terá na visualização da página.
Cor - pode-se criar hierarqias de importâncias na página.Dois objetos com o mesmo tom, o mais claro terá menos importância.
Cor de fundo - o importante não é a coloração usada, e sim a relação com o conjunto.
Posicionamento - influencia como os elementos são percebidos.Normalmente inicia-se o olhar no canto superior esquerdo da tela.
*ESPAÇAMENTO*
Os espaços tornam tudo mais claro.No Design Web há tres aspectos de espaçamentos a considerar:
linhas de texto - ache um meio termo entre os espaços das linhas de texto, já que o espaçamento padrão é muito apertado.Controle esse aspecto por meio do seletor line-height do CSS.
Padding - como regra geral, o texto nunca deve tocar outros elementos. O termo padding se refere ao espaço entre o texto e os elementos, que sempre deve existir.
Espaçamento em branco - é um espaço, não necessariamente em branco mas vazio em uma página, que geralmente dá mais balanço, proporção e contraste à uma página, tornando-a elegante e sofisticada.
*CONSTRUÇÃO*
Há alguns aspectos a serem considerados nas etapas iniciais de construção de um site.Um deles é a viabilidade.Embora os layouts CSS facilitaram muito a vida dos designers, se não for escolhida uma fonte html padrão, sem chance.Mesmo com o posicionamento CSS ainda hoje algumas coisas são difíceis de alcançar, como o alinhamento vertical que deve ser muito bem pensado.
Elementos que se cruzam costumam dar complexidade à construção da página.Procure um balanço, mantendo o que é bonito e aplicando pequenas mudanças que facilitam a construção.
*USABILIDADE*
Há muita informação a ser transmitida ao internauta em um site. E para que isso ocorra, o design deve ser usável.Confira alguns aspectos relevantes:
Aderência aos padrões -nesse aspecto seu site deve fazer quase tudo o que as pessoas esperam dele.
Ações dos usuários - crie um protótipo, é uma boa ferramenta para testar um design.Você saberá o momento certo de usar interações como caixa de mensagens, botões e formulários.
Tarefas - liste os diferentes tipos de tarefas que as pessoas podem fazer no site, como elas irão alcançar esse resultado e com que facilidade você quer que elas consigam.Pode-se tratar simplesmente de uma caixa de busca sempre acessível.
*NAVEGAÇÃO*
Tenha dois aspectos em mente na navegação:
Navegação(aonde você pode ir)- os botões de navegação pelo site devem estar bem localizados e se parecer com botões de navegação e serem bem descritos com um texto que explique para onde eles levam.
Por último garanta que a navegação seja usável.
Orientação(onde você está agora) - Há diversas maneiras de se fazer isso. Em pequenos sites, pode ser feito com a ajuda de um cabeçalho com uma versão modificada do botão referente à página que você está no menu.Já em um site maior, faça uso da técnica de breadcrumbs, subtítulos e um mapa da página.
*ANÚNCIOS*
Se você aumentar o número de pessoas qe vêem o anúncio,maiores as chances delas clicarem neles.Para issovocê deve saber para onde os internautas estão olhando.Procure fazê-los acima da "dobra da página", pois éo local onde há o maior número de cliques. Outra posição que costuma dar bons resultados é o lado esquerdo da tela.
*CONSISTÊNCIA*
Significa fazer tudo combinar.Tudo deve fazer parte de um tema que torne seu design coerente de uma maneira geral.Isso mostra profissionalismo.Procure tomar decisões cedo e prenda-se a elas.Ter um bom conjunto de folhas de estilo
CSS facilita muito essa tarefa. Defina tags essenciais como
criando um padrão em suas páginas.A repetição é uma ótima maneira de manter a consistência de um site, usando, por exemplo, as mesmas cores e tamanhos para títulos, textos de corpo e links.
*ALINHAMENTO*
Resumidamente é ter cuidado para que as coisas estejam dispostas de uma maneira consistente na página.Um bom alinhamento deixa o design mais ordenado e digerível, dando um visual mais acabado.Há diversas ferramentas para você definir como alinhar os elementos de sua página, como a criação de uma grade com a "regra de terceiros", que permite que você monte layouts variados com uma composição equilibrada e agradável aos olhos.Outra técnica é o uso do Phi, número irracional
(1,6180339), para definir a disposição dos elementos.Esse número, conhecido como proporção divina,ocorre frequentemente na natureza e cria composições harmoniosas.
*INTERATIVIDADE*
O usuário quer participar da experiência do seu site. Crie elementos que permitam a interação do internauta com seu site, como links e botões. Utilize ferramentas como o Adobe Flash e o Microsoft SilverLightque podem ser usadas para diversos fins.Procure incluir meios de comunicação em seu site para melhoria da interação, como endereços de e-mail e formulários para contato.
Se há conteúdo atualizado constantemente, permita que os usuários façam comentários.
*TENDÊNCIAS*
Sempre deixe seu site em sintonia com as tendências e novas tecnologias que surgema todo momento na rede mundial.Esteja atualizado com o que rola na rede para que seu desugn não pareça datado. Reserve espaços para botões de RSS, Podcasts,, para cadastros em ferramentas como o Technorati e afins.Pense em uma estrutura não muito rígida, caso seja necessário incluír novos elementos no site.
Aproveite ao máximo as maravilhas da banda larga e inclua recursos de mídias variadas nas páginas.
Nenhum comentário:
Postar um comentário