Todos nós já experimentamos sites que são difíceis de navegar e que podem ter guiado você em círculos ou ocultado as páginas que você mais queria visitar.

A usabilidade é um aspecto importante do design de um site. Porque como um sistema de transporte de massa, se feito corretamente, ele irá fluir os visitantes através e para o destino pretendido de forma suave e eficiente..

Por outro lado, um site mal projetado pode fazer com que os visitantes saiam frustrados por não terem encontrado o que procuravam, possivelmente para não retornarem..

Então, quais são os truques que os bons designers de website empregam?

  • Escolhemos os melhores serviços de hospedagem na web aqui

Aprendendo com mídia impressa

Embora os sites não sofram das mesmas limitações que restringem a mídia impressa, a forma como as pessoas lêem uma página da Web é muito semelhante à abordagem de um jornal ou revista..

Tradicionalmente, a identidade do site está no topo da página, abaixo estão as grandes manchetes e, em seguida, as histórias fluem pela página e, possivelmente, até as páginas seguintes..

Não há nada de errado em ter uma estória de banner com 'vá para a página 8 para ler sobre ela' abaixo, e nesse aspecto ter links em um site para conteúdo enterrado no fundo é inteiramente aceitável.

O que é importante na página padrão que qualquer um que chega ao site vai encontrar primeiro é manter as coisas simples e organizadas, porque sobrecarregar o visitante com opções é uma receita para confusão..

Gráficos, em vez de texto, podem ser um meio de criar uma estrutura simples para seguir e levar os visitantes até a subseção que desejam encontrar..

O objetivo da página inicial é criar um modelo e uma estrutura que os usuários possam entender e seguir durante toda a visita. Portanto, uma vez que o modelo tenha sido definido, nunca crie subpáginas que usem um sistema diferente de menus e posicionamento de informações..

Também é útil diferenciar cada seção usando cores, permitindo que os visitantes, por exemplo, associem ajuda com um tom e vendas com outro. Essas paletas devem ser definidas na página inicial e mantidas em todo.

Aqui estão 10 coisas que qualquer design de site deve sempre visar, seguidas por outras 10 que devem ser evitadas a todo custo.

Design do

1. Esteja consciente da idade

Considere a idade média dos leitores ao escolher os tipos e tamanhos de fontes. Evite fontes com serifa, pois sua legibilidade é geralmente ruim.

2. Use o logotipo

Cada página deve ter o logotipo da empresa nela (geralmente na parte superior esquerda), e clicar nela deve levá-lo de volta à página inicial..

3. Use um rodapé

Um rodapé que contém links 'Sobre' e 'Termos e Condições' - além de quaisquer links de ajuda - é útil e deve estar em todas as páginas.

4. Lembre-se de usuários móveis

Teste o design do site em plataformas móveis e faça ajustes na versão para dispositivos móveis caso isso não funcione bem em um smartphone ou tablet. Lembre-se de que os usuários de dispositivos móveis podem apreciar gráficos com resolução mais baixa para um carregamento de página mais rápido.

5. Velocidade é crítica

A página inicial deve carregar o mais rápido de todas as páginas, pois é o único lugar que todos visitarão. Portanto, torne-o o mais limpo e eficiente possível.

6. Considere os deficientes

Antes de começar a criar seu site, considere a leitura de algumas diretrizes de design de sites para usuários da Web com deficiências, como as criadas pela Iniciativa de Acessibilidade na Web (WAI). Uma proporção de todos os visitantes será desativada, e ajudá-los a aproveitar ao máximo o site é importante.

7. Conte esses cliques

Uma vez que o seu site esteja operacional, você pode determinar as páginas mais visitadas pelos visitantes. Conte quantos cliques a partir da página inicial requer e tente reduzir o número de acordo.

8. Mostrar controle de cores

Idealmente, um site deve usar a paleta de cores do logotipo da empresa, juntamente com alguns tons adicionais projetados para trabalhar ao lado deles para realçar ou contrastar. Quando estes tiverem sido escolhidos, você deve verificar como eles afetarão alguém com deficiência visual ou daltonismo.

9. Use fotos maiores

Os grandes gráficos atraem visitantes, mas eles podem aumentar os tempos de carregamento da página e também são mais difíceis de renderizar para os usuários com máquinas menos potentes. Considere reduzir as cores ou usar monocromático para imagens grandes, tornando-as mais rápidas para renderizar.

10. Botões grandes

Tenha grandes botões "Chamada para ação" para direcionar os visitantes para onde você mais gostaria de ir. Estas podem ser páginas de produtos ou de e-commerce - onde quer que seja mais comercial direcioná-las.

Design não faça

1. Fique longe de algumas tecnologias web

Geralmente, evite elementos animados complexos que exigem Flash ou JavaScript para funcionar, pois eles só funcionarão em alguns sistemas, e essas tecnologias têm problemas de segurança inerentes.

2. Não use barras laterais

Tornou-se a norma de marketing para mensagens promocionais serem colocadas em barras laterais, o que significa que ajustá-las tornou-se uma segunda natureza para os internautas.

3. Mantenha as fontes sob controle

Nunca use mais de três fontes, e se você puder se ater a apenas um par, isso é ainda melhor. Observe que isso inclui diferentes tamanhos de ponto ou variações (negrito, itálico e assim por diante) da mesma fonte. Quanto mais fontes você adicionar, mais o site ficará parecido com a seção de pequenos anúncios de um jornal - e destruirá a continuidade do design.

4. Limite de rolagem

Não crie um site que requeira que cada página role para ser lida. Os usuários podem não deslizar para baixo e ler a parte crítica que eles queriam ver, especialmente se não estiverem usando o mouse para navegar.

5. Nunca sublinhe o texto

Os usuários esperam que seja um link clicável e ficarão confusos quando não forem levados para outra página.

6. Evite formulários longos

Quanto mais informações você solicitar que as pessoas preencham, menos provável será que elas preencham o formulário e cliquem em enviar. Depois de estabelecer um canal de comunicação, você pode sempre acompanhar e obter mais informações deles.

7. Não seja rude

Nunca peça que um questionário seja preenchido imediatamente após a chegada de um visitante à página inicial. Embora isso seja uma prática comum em alguns sites, é rude e ignora o fato de que o usuário chegou ao site com um propósito. Além disso, é improvável que eles preencham um questionário quando tiverem acabado de atravessar as portas.

8. Não seja prolixo

Não apresente conteúdo com mais de 20 palavras de largura e mantenha os parágrafos adequadamente curtos também, não indo muito mais do que 50 palavras de forma ideal. Páginas amplas e parágrafos longos significam pouca legibilidade e muitas vezes desconectam o leitor do conteúdo.

9. Nunca sobrecarregue uma página

O espaço em branco aumenta a legibilidade e permite que os visitantes digam o conteúdo de uma página com mais facilidade. Se uma página estiver desordenada, considere mover parte do conteúdo em outro lugar e vinculá-la a ela.

10. Evite objetos de execução automática

Chegar em um site e depois ser bombardeado com música ou vídeo que você não iniciou pode ser chato, então evite fazer isso com seus clientes em potencial.

Pensamentos finais

Todos nós já navegamos em sites suficientes para saber quando um design funciona e quando ele falha horrivelmente. Mas pode ser difícil ver um problema - ou de fato conceber uma solução - quando você sabe onde tudo está e por que uma página está localizada em um local específico.

Portanto, é muito importante garantir que uma pessoa que nunca tenha visto o site ou tenha alguma parte em seu desenvolvimento esteja envolvida no teste do site. Invariavelmente, eles notarão coisas que alguém mais familiarizado com o projeto perderá, e esse tipo de feedback é vital.

Para aqueles que estão começando do zero, a melhor política é pegar 10 sites que você visita regularmente e escrever uma pequena lista de coisas que você gosta e não gosta delas..
No final deste processo, você terá uma lista de elementos que você gostaria de ver no novo design, e também armadilhas para evitar.

No entanto, quebrar algumas regras e inovar também faz parte do brief, então esteja preparado para considerar fazer algo que normalmente não é visto na web, pois isso vai diferenciar o site e torná-lo memorável..

O truque é desafiar o visitante com coisas que ele não está esperando, sem confundir ou incomodar com as metáforas visuais que eles não entendem ou navegação que parece aleatória.

Também é útil aceitar que a maioria dos designs de sites passa por alguns ajustes no início de sua vida, e muito poucos são ótimos desde o início..

  • Estes são os melhores serviços de hospedagem na web