Erros mais comuns de web design - caixão para um site

Publicados: 2017-02-25

Todos os dias, muitos sites são lançados com tantos conceitos de design, encontramos alguns dos melhores designs que já vimos e, por outro lado, às vezes nos deparamos com sites projetados tão bobos que provam ser um caixão para esse site. Qualquer novo visitante que chegue a esse site em particular se perderá e abandonará o site com esse tipo de design. Então, agora a grande questão é como devemos projetar nosso site ou quais são os erros mais comuns de web design que os web designers cometem?

Construir um site pode ser assustador, mas o verdadeiro desafio está em torná-lo utilizável. O problema é que a maioria dos web designers esquecem que o site não foi criado para eles mesmos, mas para resolver as necessidades dos usuários. Eles dão prioridade à criatividade sobre praticidade e usabilidade.

Vamos ver alguns,

Erros mais comuns de web design

De muitos erros que podemos ou não ter visto, vamos falar sobre o erro mais crasso que os web designers cometem.

#1 Pesquise na 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á oculto no site, com a caixa de pesquisa, as chances são de que os visitantes consigam o que desejam.

Sugestões: A Pesquisa personalizada do Google é uma maneira simples, simples 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 pronto, você tem uma função de pesquisa diretamente em seu site.

#2 Fraca legibilidade e falta de clareza

Este é um elemento crucial do web design. É claro que um bom design de interface atrairá a atenção dos usuários, mas os usuários precisam ler o texto para conseguir captar as informações que desejam. Alguns sites usam os estilos e tamanhos de fonte 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.

  1. Compare os esquemas de cores da maioria dos principais sites e observe como as cores melhoram a legibilidade. Um bom lugar para experimentar diferentes esquemas de cores é o Adobe Kuler .
  2. Use um tipo de letra sem serifa , pois permite uma leitura fácil na web

#3 Layout de conteúdo confuso

O conteúdo de um site é o que direciona o tráfego para ele. A forma como o conteúdo está 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 vasculham as informações e escolhem pontos de interesse em uma página da web. Alguns designers simplesmente colocam um bloco de texto na página da web e negligenciam totalmente títulos, 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.

No 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 preocupar 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 o conteúdo do seu site usando HTML e CSS deve ser usado na hora de criar o design de suas páginas.

  1. Crie espaço em branco suficiente entre seu texto e imagens usando margens.
  2. Atualize e seja consistente . O objetivo da atualização não é apenas adicionar novos conteúdos, mas identificar e corrigir erros do passado.

#4 Problemas de navegação

A navegação dentro de um site deve ser perfeita. Os usuários devem ser capazes de se orientar facilmente. Embora não haja um padrão para navegação em um site, especialmente agora que surgem mais novas tecnologias de desenvolvimento da Web, é imperativo entender que a navegação deve ser intuitiva e consistente.

Se o texto for usado como navegação, deve ser conciso. As metáforas visuais não devem ser reinventadas. Se forem usados ​​hiperlinks, eles devem se destacar do corpo do texto. Links mortos não devem ter lugar em qualquer 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 liga à página inicial.

Sugestões:

  1. Facilite a navegação 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 Flash ou Javascript.
  2. Organize e estruture sua navegação de acordo com o tema do site. Sites pessoais podem ser mais criativos e acessíveis, mas um site de negócios requer mais eficiência e clareza.

Lembre-se, se os usuários não encontrarem o que desejam em menos de 3 cliques, a maioria sairá imediatamente.

#5 Planejamento de Interface Desigual

O excesso de criatividade 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 é de forma alguma confuso para o usuário. E totalmente irritante. Não importa quão notável e atraente seja um site, se a aparência geral não for consistente, os usuários não poderão se relacionar com ele e se sentirão menos no controle. Assim, partindo assim que chegaram.

Sugestões:

  1. Use um modelo consistente padrão para cada página com links para as seções principais do site.
  2. A palavra-chave é simples. Crie designs esteticamente simples e os usuários nunca ficarão confusos em seu site.

#6 Não responsividade

Tenho certeza de que visitamos sites em que você precisa rolar horizontalmente. Este é um absoluto não-não no web design moderno. Um bom designer desenvolverá sites que se encaixam na maioria dos tamanhos de tela. O layout atualmente otimizado para sites atualmente é de 1024 x 768 pixels.

Sugestões: é difícil e quase impossível adequar o design a todas as resoluções, especialmente quando os visitantes agora estão navegando em telefones celulares e netbooks, mas podemos ter uma ideia aproximada de quais são as resoluções de tela geralmente usadas das seguintes maneiras:

  • Verifique suas estatísticas – serviços analíticos como o Google Analytics fornecem informações sobre qual resolução de monitor eles estão usando. Essas são informações úteis que você deve saber antes de iniciar sua próxima reformulação.
  • Estatísticas do navegador do W3 Schools – O W3 Schools fornece listas claras dos navegadores mais populares usados ​​pelos internautas e os classifica de acordo com a popularidade. Existem outras estatísticas interessantes e importantes também.

#7 Formulários de registro complexos

Os formulários de inscrição são complicados. Quanta informação você precisa do usuário? Longe vão os dias em que um usuário precisava 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, usuários, visite um site para adquirir informações. Não o contrário.

O formulário simples do Someecard torna o registro indolor.

Sugestões: Compare os formulários de registro em comunidades na web e entenda quais informações básicas são exigidas do usuário durante o processo de registro.

Mais: 9 Erros Comuns de Usabilidade no Web Design – Este post na Smashing Magazine analisa detalhadamente os formulários de registro, entre outros erros de usabilidade.

#8 Imagens enganosas no site

Muitas imagens em uma página da web é um grande desligamento. As imagens podem ser usadas para capturar 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. Principalmente quando usado adequadamente. Quando é um ciclo ou simplesmente demais em uma página da web, isso dá nos nervos dos usuários. Os usuários não têm paciência, tempo ou recursos, então os designers devem oferecer 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 do Flash, especialmente a parte Breaks Web Fundamentals .

#9 Páginas Embaralhadas, Mais Espaço em Branco

Muitos designers esquecem o espaço em branco e sua importância. Eles estão tão envolvidos em sua própria criatividade de design que esquecem que não é sobre eles. Assim, eles tentam enfiar o máximo que podem em uma única página. Resultado final? Uma página ocupada, desordenada e ilegível.

O kylestanding faz bom uso do espaço em branco em seu design.

Aqui estão alguns artigos para lhe dar uma boa idéia da importância do espaço em branco no 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 Música de fundo, grande contratempo

Os usuários não querem cool, eles buscam eficiência. E sim, 99% não se importam com a música em seu site. Alguns designers pioram a situação colocando uma música de fundo diferente em cada página da web.

Sugestões: Não use música de fundo , mas se precisar, crie um quadro para o código e os controles do usuário. Dessa forma, a música faz um loop contínuo, em vez de mudar cada vez que uma nova página é carregada dentro do site. E o usuário pode parar ou pausar quando quiser.

EMPACOTANDO

KISS é a linha de fundo, oh eu quis dizer Keep It Simple, Stupid. E isso é realmente o que as pessoas mais gostam em um site, se for simples, é facilmente utilizável.

Espero que você tenha aprendido muito sobre os erros comuns de web design.

Com os erros, também vêm as inspirações, então não se esqueça de ler as 10 principais tendências de web design e algumas maneiras de tornar seu site facilmente acessível.