Piores erros de web design: 10 exemplos de sites ruins

Se você fez cursos na faculdade da comunidade local, cria sites há anos ou é um aprendizado amador à medida que avança, existem algumas coisas que todo web designer deve evitar se quiser que os visitantes aproveitem o tempo que passam no site dele..


Você provavelmente já ouviu o termo “pegajoso” em referência a um site.

Isso significa simplesmente um site em que o visitante deseja permanecer – um site que fica com o navegador e que ele marca e frequenta. Existem tantos elementos que tornam um site grudento que é um tópico totalmente diferente.

No entanto, existem definitivamente alguns erros de design da web que podem tornar um site do qual os visitantes desejam fugir. Aqui está o design não-não que você deve evitar.

Erro # 1: cores chocantes

Cores tão brilhantes que machucam seus olhos ou cores que se chocam podem fazer com que um visitante do site queira fugir de uma página da web.

Ao planejar o tema do seu site, tente escolher cores que se complementam. O amarelo raramente funciona como uma cor principal, embora possa parecer bom como um sotaque. Usar todas as cores do arco-íris raramente é uma boa ideia.

Exemplo de Webs ruinsite: Moradito

Exemplos de mau design Este site usa quase todas as cores imagináveis ​​em um padrão de quebra-cabeça. A única maneira de descrevê-lo é feia.

Erro # 2: gráficos demais

Se você bagunça sua página da Web com gráficos, duas coisas diferentes ocorrem.

Primeiro, a página fica tão ocupada que os visitantes podem não ter certeza de onde clicar ou o que desejam ver primeiro.

Segundo, se um usuário tiver uma conexão mais lenta com a Internet, a página poderá demorar muito para carregar. Após 30 segundos, a maioria das pessoas sai e segue para outro site. Vivemos em uma época em que tudo é imediato. Se você não chamar a atenção do cliente nos primeiros segundos, corre o risco de perdê-lo completamente.

Exemplo de Webs ruinsite: Pine-Sol

Exemplos de mau design Este site tem tantos gráficos que parece confuso. Além dos numerosos gráficos, as imagens se movem por toda a página; portanto, mesmo que o visitante quisesse clicar em uma das imagens, teria que persegui-las com o mouse..

Erro # 3: tempo de carregamento lento

O seu site carrega tão lentamente que o visitante tem tempo para pegar uma xícara de café e um donut antes de voltar?

Adicionar muitos elementos, como flash, som, toneladas de gráficos de alta resolução ou scripts java, pode fazer com que o site seja carregado cada vez mais devagar. Lembre-se de que, embora a maioria dos visitantes tenha alta velocidade, ainda existem clientes rurais que estão discando e não conseguem acessar seu site se ele carregar muito lentamente.

Gorjeta: Faça uso de ferramentas gratuitas de edição de imagens on-line: Canva, Pic Monkey

Exemplo de Webs ruinsite: Ônibus de Peter

Exemplos de mau design Existem vários problemas com os gráficos nesta página. Primeiro, há o ônibus com um fundo branco, em vez de transparente, que é afundado na página e parece amador. As duas fotos à direita também são problemáticas, pois foram ampliadas e redimensionadas sem que as proporções sejam mantidas. As fotos parecem vazias e as pessoas à direita parecem tão esticadas que podem ser gigantes na terra de Lilliput.

Erro nº 6: projeta uma criança de três anos pode criar

Se seu site parece que você abriu o Microsoft Word, criou uma obra de arte do Word e lançou o site na Internet, convém repensar seus elementos de design. Embora a simplicidade seja um alívio bem-vindo de alguns dos sites mais movimentados, se você for simples demais, corre o risco de seu site parecer juvenil e barato.

Exemplo de Webs ruinsite: Cyber ​​D-Sign Clan

Exemplos de mau design O designer nem mudou as cores das palavras do design padrão com o qual a MS começa. Esse design é tão simples que será imediatamente reconhecido como um plano de fundo padrão padrão da Microsoft e Word Art.Exemplos de mau design Além disso, uma página pop-up tenta carregar. Isso pode ser esquecido se o design for melhor depois de pular a introdução e clicar na página principal. No entanto, o design da página vinculada (abaixo) é igualmente decepcionante.

Erro # 7: navegação ruim

Mesmo que um site tenha um design visualmente atraente, os visitantes podem ficar frustrados e deixar a navegação ruim.

Por exemplo, sites sem um link claro ou com tantos itens que é difícil decidir para onde ir. Um problema que muitos proprietários de sites enfrentam é um site pequeno que cresce repentinamente. A navegação que funcionava quando o site tinha cinco páginas simplesmente não funciona quando o site possui 500 páginas. Veja como o site pode ser retrabalhado e reestruturado em categorias e subcategorias, para que os visitantes entendam exatamente aonde ir para o que desejam. Também é inteligente adicionar uma caixa de pesquisa.

Exemplo de Webs ruinseu te: LawnSignDirectory.com

Exemplos de mau design O visitante espera uma direção pesquisável para sua área, mas existem dezenas de links listados no lado esquerdo da página, anúncios à direita e algumas empresas em destaque. Este site pode se beneficiar de uma reformulação da estrutura organizacional, para que os visitantes possam encontrar facilmente os recursos pelos quais estão procurando.

Erro nº 8: problemas de texto

Os designers da Web que usam um plano de fundo ocupado e escolhem uma cor de texto que não oferece contraste suficiente tornam suas páginas da Web ilegíveis. Se os olhos de um visitante doem depois de ler um artigo, por que ele ficava lendo mais páginas do seu site? Se você precisar escolher um plano de fundo movimentado, coloque pelo menos uma caixa, camada ou tabela de conteúdo com um plano de fundo sólido e escolha uma cor de texto oposta. Tente evitar cinza em cinza, mas escolha branco em vermelho escuro, preto em rosa claro, etc..

Palavras que se sobrepõem também são difíceis de ler, assim como parágrafos que parcialmente cobrem gráficos e parcialmente sobre um fundo sólido.

Exemplo de Webs ruinsite: Triângulo das Bermudas

Exemplos de mau design Não apenas existem questões de contraste neste site, mas o texto se sobrepõe a outros textos, tornando quase impossível a leitura.

Erro # 9: erros de digitação

Nada grita não profissional mais do que erros de digitação e gramática gritantes. Embora ninguém seja perfeito, você pode tentar se aproximar. Peça a amigos e familiares que examinem suas páginas e o ajudem a encontrar esses erros ou contrate um editor profissional para revisar suas páginas. O exemplo abaixo é apenas para diversão. Esta não é uma empresa real de web design, mas um olhar direto sobre a aparência profissional de algumas empresas.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map