11 erros comuns de web design (tolices)
Há toneladas de sites na Internet, e centenas ou provavelmente milhares são criados por dia. Aqui está uma coisa muito interessante para refletir - Quais são os elementos de um bom site?
Construir um site pode ser assustador, mas o verdadeiro desafio está em torná-lo utilizável. O problema é que a maioria dos web designers esquece que o site não foi criado para si, mas para resolver as necessidades dos usuários. Eles dão prioridade criatividade sobre praticidade e usabilidade.
Neste artigo, gostaríamos de destacar 11 erros de web design que desenvolvedores e designers da web fazem e algumas sugestões de como esses erros podem ser facilmente evitados.
1. Onde está a caixa de pesquisa??
A web é como um arquivo de informações. Seja um site corporativo ou apenas um blog, uma caixa de pesquisa é essencial. O visitante pode estar procurando por algo que está escondido dentro do site, com a caixa de pesquisa, as chances são de que os visitantes consigam o que querem.
Sugestões:Pesquisa personalizada do Google é uma maneira simples, prática e eficaz de começar. Ele permite que os visitantes pesquisem seu site de maneira eficiente. Basta copiar o código HTML do painel de controle e colá-lo em seu site e voilá, você tem uma função de pesquisa no seu site.
Aqui está um código de formulário simples para exibir o mecanismo de pesquisa do Google no seu site também. Tudo o que você precisa fazer é mudar o nome do site para o nome do seu site. Além disso, você pode modificar o valor de envio para qualquer coisa que você gosta.
Mais: Criando a caixa de pesquisa sagrada: exemplos e melhores práticas- Este artigo detalha diretrizes para projetar a caixa de pesquisa.
2. Má Legibilidade e Legibilidade.
Este é um elemento crucial do web design. Naturalmente, um bom design de interface atrairá a atenção dos usuários, mas os usuários terão que ler o texto para poder captar as informações desejadas. Alguns sites usam os estilos e tamanhos de fontes mais bizarros que tornam a leitura uma dor.
Sugestões:Felizmente, existem maneiras simples que você pode fazer para melhorar a experiência de leitura dos usuários em seu site.
- Compare os esquemas de cores da maioria dos principais sites e observe como as cores melhoram a legibilidade. Um bom lugar para experimentar esquemas de cores diferentes é Adobe Kuler.
- Use um Fonte sem serifa como permite uma leitura fácil na web.
Mais: Aqui está um bom artigo que lhe dará mais dicas sobre como melhorar a legibilidade - Legibilidade - Facilitando a leitura de páginas da Web.
3. Layout de Conteúdo Desorganizado.
O conteúdo de um site é o que direciona o tráfego para ele. Como o conteúdo é estruturado é o que o tornará um sucesso ou um fracasso. Os usuários não lêem a menos que seja absolutamente necessário, mas digitalizam informações e selecionam pontos de interesse em uma página da web. Alguns designers apenas colocam um bloco de texto na página da Web e negligenciam totalmente cabeçalhos, subtítulos, marcadores, palavras-chave, parágrafos, etc..
Use um título de página apropriado para cada página da Web para que os usuários saibam exatamente onde estão. Alguns designers até esquecem de nomear a página da web.
Em geral, o pior nesta categoria será colocar conteúdo impreciso, inacessível, insignificante ou desatualizado em seu site. O conteúdo deve coincidir com o tema geral do site e ser útil. Se uma página está em construção, por que se incomodar em colocá-la? Se um designer realmente precisa, então é apenas temporário e 3 semanas não serão mais consideradas temporárias.
Sugestões: Organizar conteúdo em seu site usando HTML e CSS deve ser usado ao criar o design de suas páginas.
- Crie espaço em branco suficiente entre o seu texto e as imagens usando margens.
- Atualize e seja consistente. O objetivo da atualização não é apenas adicionar novos conteúdos, mas identificar e corrigir erros do passado. Jakob Nielsen sugere que você contrate um rede “jardineiro”.
Orçamento para contratar um jardineiro da Web como parte de sua equipe. Você precisa de alguém para erradicar as ervas daninhas e replantar as flores à medida que o site muda, mas a maioria das pessoas prefere gastar seu tempo criando novos conteúdos do que em manutenção. Na prática, a manutenção é uma maneira barata de melhorar o conteúdo do site, já que muitas páginas antigas mantêm sua relevância e devem ser vinculadas às novas páginas. É claro que algumas páginas devem ser removidas completamente do servidor após a data de expiração. - Jakob Nielsen
4. Navegação Ruim.
A navegação dentro de um site deve ser perfeita. Os usuários devem ser capazes de encontrar o caminho facilmente. Embora não exista um padrão para navegação em um site, especialmente agora, à medida que mais novas tecnologias de desenvolvimento da web surgirem, é imperativo entender que a navegação deve ser intuitiva e consistente..
Se o texto for usado como navegação, ele deverá ser conciso. Metáforas visuais não devem ser reinventadas. Se hiperlinks são usados, eles devem se destacar do corpo do texto. Links mortos não devem ter lugar em nenhuma página da web. Isso aumenta a confusão do usuário e desperdiça tempo. E um que é ainda pior é ter um link na página inicial que leva à página inicial.
Sugestões:
- Torne a navegação suave usando descrições textuais para todos os links. Forneça texto alternativo para imagens. Use técnicas alternativas de descrição de texto para links em Flash ou Javascript.
- Organize e estruture sua navegação em conjunto com o tema do site. Os sites pessoais podem ser mais criativos e acessíveis, mas um site de negócios exige mais eficiência e clareza.
Lembre-se, se os usuários não conseguirem encontrar o que querem em menos de três cliques, a maioria sairá imediatamente.
Mais: Implementando a Navegação Efetiva no Site - Este artigo fornece mais informações sobre a implementação de uma navegação eficaz para seu website.
5. Design de Interface Inconsistente.
Criatividade excessiva pode ser apenas isso. Excessivo! Alguns designers levam isso a outro nível ao criar sites criando designs diferentes para cada página da Web em um site. Isso não é confuso para o usuário. E totalmente irritante. Não importa o quanto o site seja excelente e atraente, se a aparência geral não for consistente, os usuários não poderão se identificar com ele e sentirão menos controle. Assim, saindo assim que chegaram.
Sugestões:
- Use um modelo consistente padrão para cada página com links para as principais seções do site.
- A palavra chave é simples. Crie designs esteticamente simples e os usuários nunca ficarão confusos em seu website.
6. Resolução de tela hostil.
Tenho certeza de que visitamos sites nos quais você precisa rolar horizontalmente. Este é um absoluto não-não em web design moderno. Um bom designer irá desenvolver sites que se encaixam na maioria dos tamanhos de tela. O atual layout otimizado para sites atualmente é de 1024 x 768 pixels.
Sugestões:É difícil e quase impossível atender o design para se adequar a todas as resoluções, especialmente quando os visitantes estão agora navegando de celulares e netbooks, mas podemos ter uma ideia aproximada do que são as resoluções de tela geralmente usadas das seguintes maneiras:
- Verifique suas estatísticas - Os serviços analíticos, como o Google Analytics, fornecem informações sobre qual resolução de monitor eles estão usando. Estas são informações úteis que você deve saber antes de iniciar sua próxima renovação.
- W3 Escolas Estatísticas do Navegador - O W3 Schools fornece listas claras do navegador mais popular usado pelos internautas e os classifica de acordo com a popularidade. Existem outras estatísticas interessantes e importantes também.
7. Formulários de Registro Complicados.
Formulários de inscrição são complicados. Quanta informação você requer do usuário? Longe estão os dias em que um usuário tinha que inserir um zilhão de detalhes para se registrar em seu site. Alguns sites tornam a maioria dos campos de registro obrigatórios e validam os campos na medida em que o usuário fica frustrado após algumas tentativas. Lembre-se, os usuários visitam um site para adquirir informações. Não o contrário.
A forma simples de Someecard torna o registro indolor.
Sugestões:Compare os formulários de registro nas comunidades da Web e entenda quais informações básicas são necessárias para o usuário durante o processo de registro.
Mais: 9 erros comuns de usabilidade em web design - Este post na Smashing Magazine analisa em profundidade os formulários de registro, entre outros erros de usabilidade.
8. Uso inescrupuloso de imagens / animações.
Muitas imagens em uma página da web é um grande desligamento. As imagens podem ser usadas para captar a atenção dos usuários, mas também podem ser uma distração ou simplesmente agravantes. As imagens devem ser usadas para ilustrar e orientar o usuário quando apropriado.
As animações são incríveis e um meio poderoso. Especialmente quando usado adequadamente. Quando é um ciclo ou apenas muito em uma página da web, fica com os nervos dos usuários. Os usuários não têm paciência, tempo ou recursos para que os designers ofereçam alternativas ou, melhor ainda, o botão "pular", se for uma animação de página inteira.
Mais: Flash: 99% ruim - Use o Flash adequadamente. Já se passaram quase 10 anos desde que Jakob Nielsen publicou este artigo, mas ainda é relevante em termos de usabilidade em Flash, especialmente Quebras dos Fundamentos da Web peça.
9. Páginas desordenadas, mais espaço em branco.
Muitos designers esquecem espaço em branco e sua importância. Eles estão tão envolvidos em sua própria criatividade que se esquecem de que não é sobre eles. Assim, eles tentam empinar o máximo possível em uma única página. Resultado final? Uma página ocupada, desordenada e ilegível.
kylestanding aproveitam bem o espaço em branco em seu design.
Aqui estão alguns artigos para lhe dar uma boa ideia sobre o importância do espaço em branco em web design:
- Uma comparação de quatro layouts de espaço em branco
- O valor do espaço em branco
- Espaço em branco
10. Nenhuma música de fundo, por favor!
Os usuários não querem legal, eles buscam eficiência. E sim, 99% não se importam com a música em seu site. Alguns designers tornam isso pior colocando música de fundo diferente em todas as páginas da web.
Sugestões:Não use música de fundo, mas se você precisar, crie um quadro para os controles de código e usuário. Dessa forma, a música faz um loop contínuo, em vez de mudar cada vez que uma nova página é carregada no site. E o usuário pode parar ou pausar sempre.
11. Teste, teste e teste.
Isso não pode ser super enfatizado. Quantas vezes já fomos a páginas da Web que só podem ser visualizadas em um determinado navegador? Os desenvolvedores da Web precisam ter uma lista de verificação ao testar sites.
- O site pode ser visualizado em diferentes ambientes??
- O layout de design é consistente em todos os navegadores?
- O site pode ser visualizado em diferentes configurações, como Imagens desativadas, JavaScript desativado, etc.?
Sugestões:O W3C oferece ferramentas para testar a garantia de qualidade. Confira Caixa de ferramentas de garantia de qualidade W3C e Validação de Página da Web.
Conclusão:
Mantenha isso simples, estúpido (K.I.S.S). Essa é a linha de fundo. Se é simples, é utilizável. Ao todo, grandes sites mantêm-no simples e utilizável. Faça sua lição de casa e é fácil e natural.
Quais são as suas experiências em projetos de web design? Que outras dicas e pensamentos você gostaria de compartilhar sobre erros de web design??
Nota do editor: Este post foi escrito por Brujo Owoh para Hongkiat.com. Brujo Owoh é graduado em Sistemas Multimídia, especializado em Web Design e Animação 2D. Ele gosta de ler ficção, sair com seus amigos e acompanhar as tendências de design no Twitter. Visite o blog do Brujo.