10 erros de Design que sua empresa pode estar cometendo e não sabe!
Na concepção de um site ou e-commerce, os critérios visuais e técnicos devem andar lado a lado, certo? Todas as empresas querem construir uma página visualmente atraente e tecnicamente performática. Afinal, de nada adianta levar em conta o design se a usabilidade é ruim.
Nesse post, aponto alguns erros de design que podem comprometer o desempenho da principal porta de entrada de seus potenciais clientes no ambiente digital. Procure avaliar ponto a ponto e tentar aplicar em seu site ou loja virtual. Prontos para começar? Então vamos lá:
1)Imagens muito pesadas
O principal erro na maioria dos sites e e-commerces. As imagens são as maiores responsáveis pelo tempo de carregamento da página, e podem significar a desistência do visitante/cliente. Também é importante considerar que muitos usuários acessam a web pelo celular, com uso restrito de dados. Você não quer ser o responsável por acabar com o pacote de dados do seu cliente, certo?
Solução: Otimize as imagens, e as substitua por imagens mais leves. O ideal é que imagens grandes não passem de 100kb e imagens pequenas tenham no máximo 50kb. Ícones, botões e demais objetos menores não podem passar de 10kb. Você pode usar ferramentas como o Tinypng para reduzir suas imagens sem perdas perceptíveis de qualidade ou mesmo transparência.
2)Imagens Pixeladas
As imagens ficam com aparência “pixelada” por duas razões: imagens muito grandes que foram comprimidas ou imagens muito pequenas que foram expandidas. É um erro bem comum e fácil de ser corrigido.
Solução: Use imagens no tamanho correto para que elas não percam em qualidade.
3)Objetos “flutuando”, sem sombra
Como todos os demais elementos, os objetos e imagens fazem parte do design de seu site ou loja virtual. Sendo assim, eles precisam estar inseridos na página. Lembre-se: os objetos produzem sombra quando expostos a fontes de luz. Da mesma forma, as imagens da web representam objetos reais, e precisam da sombra própria. Atente para isso antes de incluir imagens no site sem sombra.
Solução: Lembre-se de conferir cada imagem antes de publicá-la no site a fim de evitar que os objetos pareçam flutuar.
4)Imagens muito chamativas
Nem sempre chamar a atenção do cliente pode ser benéfico para sua página. Seu visitante fica perdido quando é bombardeado visualmente. Pondere! Se sua imagem prende muito a atenção, ela pode vir a atrapalhar o foco principal da sua página – navegação, interação e conversão.
Solução: Use imagens somente quando necessário. Observe se sua imagem não desvia o foco principal da página. Ferramentas de Heatmap são muito úteis para essa conferência.
5)Cores sem contraste ou com muito contraste
A escolha de cores é fundamental para a boa visualização do seu site. O contraste correto é responsável pelo entendimento do seu conteúdo. Usar cores muito parecidas ou muito opostas pode dificultar a visualização da sua página.
Solução: De modo geral, não use cores claras em fundos claros nem tons escuros em fundos escuros. Veja no exemplo abaixo:
6) Cores que não combinam
Ainda no exemplo acima, veja como os tons de vermelho e verde não harmonizam entre si. Também é importante seguir um padrão. Se uma página do seu site tem design mais voltado para o laranja, não convém usar outros detalhes em roxo, por exemplo.
Solução: Uma rápida pesquisa sobre Teoria das Cores pode dar boas dicas para a escolha correta da paleta de tons mais adequada.
7)Estilos diferentes de design
Sabe aquela dica básica de moda que xadrez e listrado não combinam? Você pode usá-la em seu site também. Usar diferentes estilos na mesma seção do site não convém. Se você usa ícones para suas subseções, continue usando ícones para todas; se sua página é mais voltada ao flat, não convém usar objetos muito realistas, ou mesmo sombras que não sigam esse estilo.
Solução: Procure seguir um padrão nas diversas seções de seu site para manter a harmonia de todo o conjunto de elementos.
8)Diferenças de alinhamento
O alinhamento dos elementos é ideal para a organização do seu site. Com os alinhamentos padronizados você transmite mais firmeza e confiança. Uma página bagunçada pode soar como desleixo ou amadorismo.
Solução: Revise conteúdos e imagens publicados e, se necessário, realinhe esses elementos para dar um ar mais profissional ao site.
9)Espaços em branco
Um erro muito comum e que muitas vezes não é notado pelo desenvolvedor, mas percebido facilmente pelos clientes. Muitos espaços ficam vazios, sem conteúdo, e simplesmente não acrescentam nada a sua página.
Solução: Lembre-se que organização é fundamental. Preencha esses espaços com material relevante para a navegação.
10)Falta de espaço
Erro oposto ao anterior, mas também muito comum. É bem desconfortável pegar o ônibus lotado, né? Também é muito desconfortável navegar em um site lotado de informações e estímulos. Perdido em meio à poluição visual, o usuário não se sente confortável no site.
Solução: O ideal é sempre deixar um espaço suficiente entre os elementos para que eles possam respirar e conviver harmoniosamente.
Espero que as dicas acima possam ser úteis para aprimorar ainda mais a qualidade do seu site e profissionalizar a forma como você se apresenta aos seus clientes na web.
fonte: ecommercenews
