21 erros comuns de design de interface de usuário (UI) que estão custando muito para sua empresa

Os consumidores de hoje estão mais exigentes do que nunca, principalmente quando se trata do mundo digital. Eles esperam uma interface intuitiva e com design atraente que carrega em segundos quando eles navegam em um site e votam com seus olhos se encontrarem algo que não atenda aos seus padrões exatos.

De fato, estatísticas coletadas em uma ampla gama de indústrias sugerem que:

• 38% dos visitantes sairão de um site se acharem o layout básico ou o conteúdo pouco atraente
• 47% das pessoas esperam que uma página da web carregue em menos de dois segundos;
• A grande maioria (95%) das pessoas acredita que o elemento mais importante de qualquer site é a experiência do usuário (UX); e
• Se a qualidade do web design se degradar, 94% das pessoas deixarão de confiar ou usar um site completamente.

Muitas empresas que consideram seu site como um elemento integral de sua estratégia de marketing on-line podem não perceber que um design de interface do usuário ruim pode estar custando muito em termos de visualizações de página, cliques e taxas de conversão.

Aqui estão 21 erros comuns de design de interface do usuário

#1. Layout Desordenado

Os usuários acham sites muito confusos muito frustrantes. Eles não têm ordem visual e podem sobrecarregar as pessoas enquanto lutam para entender quais são os elementos mais importantes e onde devem concentrar sua atenção. Normalmente, uma página de site pode parecer confusa se:

• Há muito conteúdo – especialmente texto – na tela;
• Não aparece lógica ou ordem na forma como o conteúdo é exibido; e
• O design visual não é atraente ou as cores e as fontes se chocam de forma muito estridente.

[Tweet ““Web design não é apenas criar layouts bonitos. Trata-se de entender o desafio de marketing por trás do seu negócio. ― Mohamed Saad ””]

Não saber onde ou o que procurar em uma página pode fazer com que os visitantes se desviem, significando uma venda perdida ou uma conversão potencial.

“Um erro que vejo com frequência é não usar conteúdo autêntico durante a fase de design. O texto (como exemplo) desempenha um papel significativo nos designs modernos, mas uma vez que o produto é lançado, exemplos de texto perfeitos são substituídos por conteúdo real. É aí que a harmonia termina e surgem vários problemas: frases longas que não se encaixam, rótulos desalinhados, lacunas entre linhas e desordem (e isso antes mesmo de entrar nos desafios de localização).”
– Gil Bouhnick é o CTO e Cofundador da Missbeez e proprietário da Mobile Spoon. Siga-o no Twitter @GilBouhnick

#2. CTAs não convidativos (chamadas para ações)

Indiscutivelmente, os botões CTA (Call to Action) são o elemento mais importante em qualquer página de destino. Eles são o dispositivo que converte um visitante aleatório de um site em um cliente em potencial. É, portanto, vital que os botões de CTA sejam proeminentes, atraentes e fáceis de usar para que os visitantes sejam diretos a realizar as ações que você deseja, seja direcioná-los para uma página de produto, carrinho de compras ou instalação de checkout .

[Tweet ““Obedecer a um chamado profético à ação traz benefícios positivos.” ― Sherry K. White, Andando nas Riquezas do Pai: A Prosperidade da Filiação”]

Ao avaliar se seus botões de CTA são eficazes, as empresas precisam se fazer as seguintes perguntas:

• O CTA é claro e inequívoco? É orientado para a ação e induz um senso de urgência por parte do visitante?
• O botão está posicionado no lugar certo da página? Pode ser facilmente localizado? e
• O quão fácil é de se usar? Ele se destaca do resto da página e chama a atenção do visitante.

#3. Navegação não intuitiva

Um site deve ser organizado e fácil de navegar. Isso significa que deve ter uma hierarquia e uma ordem lógica que seja fácil de seguir, com títulos e subtítulos que se relacionem claramente entre si e sejam redigidos de forma clara e inequívoca,

[Tweet ““A bússola moral do ser humano ainda não funciona em mundos onde o instinto navega pela vida.” ― Toba Beta, meu ancestral era um antigo astronauta”]

Sempre forneça um menu e localize-o onde os usuários esperam encontrá-lo – verticalmente no lado esquerdo da página como uma barra lateral ou horizontalmente na parte superior da página. E não inclua muitos itens em seu cardápio – seis ou menos é a quantidade recomendada.

A navegação tem que ser intuitiva para o usuário comum – se eles acharem muito complicado ou não souberem onde procurar, eles simplesmente irão para outro lugar.

#4. Imagens genéricas

Imagens genéricas são o uso de fotos de banco de imagens e outras imagens obviamente falsas para vender ou promover produtos ou serviços. Os problemas com esses tipos de imagens são duplos – não apenas as imagens em si não são genuínas, mas são genéricas – as mesmas imagens podem ser encontradas em vários sites.

Uma imagem vale mais que mil palavras, e uma boa imagem cativante que pode ser uma poderosa ferramenta de marketing, gerando um sentimento ou confiança e até bem-estar em um cliente. Mas uma imagem genérica apenas mina essa confiança imediatamente.

#5. Sem prova social

A prova social é a ideia de que as pessoas se conformarão com as normas para serem apreciadas ou aceitas pela sociedade. Os consumidores compram produtos que os fazem sentir-se bem consigo mesmos, mas estão procurando razões pelas quais o que estão fazendo é a coisa certa. Isso significa que eles procuram análises de produtos on-line, depoimentos e ícones de confiança para orientá-los ao tomar uma decisão de compra.

Pesquisas mostram que 85% das pessoas lêem avaliações online antes de tomar uma decisão de compra. Eles agem como uma parte valiosa do processo de compra.

[Tweet ““O homem é um ser social; não é de surpreender que adoremos provas sociais, elas vendem marcas rapidamente” ― Bernard Kelvin Clive”]

Se o seu site não tiver avaliações on-line ou depoimentos de clientes anteriores ou existentes, não há prova social e os visitantes têm muito menos probabilidade de prosseguir com uma venda.

#6. A ausência de um guia de estilo

Um guia de estilo é um conjunto de padrões visuais para a formatação e design de um site. Eles garantem a uniformidade do design em um site, ajudando a evitar inconsistências, como fontes e tamanhos de texto, cores ou tamanhos diferentes ou o uso de estilos diferentes.

A prática recomendada sugere que um designer de interface do usuário deve criar seu Guia de estilo depois de entender o resumo de um site, mas antes de começar a projetar as páginas individuais. Isso não apenas garante consistência, mas economiza muito tempo – muitos dos elementos gráficos já existirão e não precisam ser criados do zero.

#7. Proporção de Texto e Gráficos/Imagem

Muito texto e poucas imagens ou conteúdo gráfico podem prejudicar a experiência do usuário de um site. Não existe uma fórmula exata sobre qual é o equilíbrio certo, embora alguns especialistas sugiram um mínimo de 60% de texto e um máximo de 40% de gráficos ou imagens.

Sugestões de Boas Práticas:

• Encontre o equilíbrio que faz sentido para o seu negócio;
• Use texto suficiente no corpo de sua mensagem para que os espectadores possam obter todos os pontos-chave sem sobrecarregá-los;v
• Adote um uso mais pesado de imagens para pessoas que visualizam sites em dispositivos móveis, pois são mais fáceis de visualizar do que resmas de texto;
• Teste as proporções de texto para imagem continuamente para determinar a configuração ideal para os negócios.

#8. Velocidade de carregamento de página lenta

Por melhor que seja o resto do seu design, se suas páginas da web demorarem muito para carregar, você perderá automaticamente muito do seu tráfego. A pesquisa mostrou que 47% das pessoas esperam que uma página da web seja carregada em dois segundos ou menos. O mesmo estudo também demonstrou o custo para as empresas de apenas um segundo de atraso no tempo de carregamento da página – 11% menos visualizações de página e 7% menos conversões.

Além disso, a velocidade de carregamento da página também afeta as classificações no Google e em outros mecanismos de pesquisa.

[Tweet “73% dos usuários de internet móvel dizem que encontraram um site que estava muito lento para carregar.” ―Neil Patel”]

#9. Fazendo o usuário pensar

O objetivo de um site para uma empresa é principalmente atuar como uma ferramenta de marketing. Deve explicar o que você está vendendo, quanto custa e como obtê-lo da forma mais simples e concisa possível. O objetivo final é converter um visitante do site em um cliente o mais rápido e indolor possível.

Se, no entanto, um usuário tiver que pensar sobre a decisão ou tiver que resolver algo por si mesmo, é provável que ele mude de ideia e vá para outro lugar. Torne a experiência do usuário suave e perfeita para eles, para que não precisem pensar por si mesmos.

#10. Projetando para você

Um erro comum cometido por muitos web designers é projetar para si mesmos sem ter em mente o usuário final. Isso pode ser apenas auto-indulgente e não atender às necessidades e requisitos que o potencial visitante de um site terá. Em vez disso, um web designer deve trabalhar em estreita colaboração com as equipes de marketing e vendas para garantir que o design seja otimizado primeiro da perspectiva do usuário. E os sites devem ser testados em usuários reais e modificados de acordo com seus comentários.

#11. Os Estados Vazios Muito Vazios

Em termos de interface do usuário, um estado vazio é o que um visitante de um site vê quando não há dados para exibir na tela. Isso pode ocorrer por vários motivos: um usuário acabou de se inscrever; eles próprios limparam os dados ou houve um erro.

Um estado vazio em si não é uma coisa ruim – eles podem ser usados ​​para dizer ao espectador para que serve, por que eles estão vendo e como podem preenchê-lo.

No entanto, eles também podem ser frustrantes para os espectadores se não houver orientação fornecida sobre o que deve acontecer a seguir. Por isso, recomenda-se que não sejam deixados muito vazios, mas preenchidos com uma ilustração, ícone ou bloco de texto sugerindo os próximos passos.

#12. Falta de hierarquia de tipografia

Em qualquer projeto de design, a hierarquia visual é importante: ela diz às pessoas para onde olhar e quais coisas na tela. A hierarquia na tipografia organiza e ordena os elementos do texto em um design. Ele diz ao leitor o que é importante e torna a leitura muito mais fácil. Sem ele, os visitantes podem se perder ou se distrair e perder mensagens importantes ou ficar frustrados e sair de um site.

[Tweet ““A tipografia precisa ser audível. A tipografia precisa ser sentida. A tipografia precisa ser experimentada.” — Helmut Schmid, designer gráfico e tipógrafo”]

#13. Demais De Tudo

Quando se trata de web design, às vezes menos é melhor que mais. Isso é especialmente verdadeiro para grandes blocos de texto, mas também pode se aplicar a imagens. Se houver muita informação para absorver, as pessoas não se incomodarão em lê-la. Mantenha as informações simples e concisas, use imagens e gráficos em vez de palavras sempre que possível e tente não espremer demais em nenhuma página.

#14. Projetando para um público muito amplo

Embora você queira que seus produtos ou serviços atraiam o maior público possível, existe o perigo de tornar sua mensagem muito ampla e não atrair nenhum grupo ou segmento específico. Antes de projetar seu site, pesquise seu público em potencial e adapte o material e as mensagens de marketing que provavelmente atrairão diretamente a eles. Adaptar o conteúdo a um público-alvo é uma maneira muito mais eficaz de marketing e garantirá muito mais conversões do que adotar uma abordagem aleatória.

#15. Projetando para apenas um tamanho de tela

Um erro comum que muitos web designers cometem é que eles projetam seus sites apenas para telas cheias, sem verificar primeiro se eles podem ser visualizados em telas menores ou dispositivos móveis primeiro. Este é um grande erro. Quase 70% dos consumidores atuais consomem mídia ou visualizam páginas da Web primeiro em seus smartphones, mesmo que posteriormente façam suas compras em um laptop ou desktop. Se o seu site não estiver otimizado para todas as telas, você estará potencialmente descartando um grande número de conversões em potencial.

#16. Ignorando o teste do usuário

O teste do usuário é vital para altas taxas de conversão. Embora os web designers, a equipe de marketing e vendas de uma organização possam ter uma boa ideia do que os visitantes podem querer ou como será a experiência do usuário, não há substituto para fazer com que usuários reais testem seu site e seu desempenho e incorporem seus comentários.

Na verdade, o teste do usuário deve ser um processo contínuo, mesmo quando um site está no ar, para que o desempenho do seu site esteja sempre sendo otimizado.

#17. Muitos pop-ups

Pop-ups funcionam. Estudos de pesquisa mostraram que sites que usam pop-ups podem ter um aumento de até 400% nas conversões. Eles são eficazes porque atraem a atenção das pessoas e podem transmitir mensagens-chave de uma forma facilmente digerível.

O problema, porém, é que eles atrapalham os designers e os impedem de projetar sites acessíveis e atraentes. Eles ocupam espaço e podem interferir no conteúdo da página. No entanto, o principal problema com os pop-ups é que eles podem ser intensamente irritantes. Muitas pessoas preferem ler por si mesmas ou aproveitar a experiência do usuário sem serem constantemente lembradas dessas imagens ou avisos.

Se os pop-ups forem usados, eles devem ser usados ​​com responsabilidade e com moderação, para informar os visitantes sem sobrecarregá-los ou bombardeá-los.

Há outra razão pela qual muitos pop-ups devem ser evitados. A partir de janeiro de 2017, o Google começou a penalizar sites que tinham muitos pop-ups intrusivos em seus rankings de busca globais.

#18. Usar cópia de formato longo

Uma cópia de formato longo é a versão da internet de uma antiga tradição de redação e é frequentemente usada como uma ferramenta de marketing para tentar pressionar os visitantes a comprar usando técnicas como destaque amarelo, manchetes vermelhas e setas piscando. Pode ser bem-sucedido em determinadas circunstâncias, como vender para clientes em potencial frios que precisam resolver um problema específico, porque destaca o produto sem distrações.

No entanto, essas técnicas estão associadas a campanhas de pagamento por clique que não são apenas mais caras do que antes, mas também fazem com que os visitantes da Web fiquem cautelosos ao clicar nelas, devido ao aumento da prevalência de malware e vírus na Web. , E, o mais importante de tudo, a cópia de formato longo é uma forma agressiva de publicidade, e é provável que você aliene mais visitantes do que atraia.

#19. Fontes difíceis de ler e contraste de cores ruim

Infelizmente, nem todo mundo tem visão perfeita e é capaz de distinguir tons e cores sutis. De fato, pessoas com deficiência visual têm problemas para ler textos que não contrastam com o fundo. E os homens, em particular, muitas vezes sofrem de uma deficiência de cor, principalmente na distinção de vermelhos de verdes. Isso significa que, se você usar fontes difíceis de ler ou contrastes de cores ruins em seu site, poderá tornar as páginas difíceis de ler e verá a taxa de rejeição da página começar a aumentar.

#20. Direito do usuário à privacidade

Os sites estão constantemente pedindo às pessoas que confiem neles informações confidenciais e pessoais. Mas, quanto mais um usuário é obrigado a revelar, maior a importância que o designer e proprietário do site precisa dar à proteção de dados. Portanto, ao projetar um site ou qualquer formulário online que colete informações privadas e proprietárias, as empresas precisam ter políticas e procedimentos claros em vigor sobre como os dados do usuário serão coletados e armazenados. Isso também precisa ser comunicado aos visitantes na forma de uma política de privacidade e nos termos e condições de um site.

Esta não é apenas uma exigência legal. O não cumprimento de suas obrigações sob legislação como o GDPR (Regulamento Geral de Proteção de Dados) pode custar às empresas milhares ou até centenas de milhares de dólares em multas e acusações criminais contra os proprietários da empresa.

#21. Oferecendo muita escolha

Projetar um site com muitas opções, muitos botões para clicar ou alternar pode levar à paralisia do usuário. Eles não sabem o que fazer em seguida, muitas vezes acabam não fazendo nada. O princípio de ouro do design do site é que menos é mais.

Conclusão

Pode ser difícil apreciar o valor de um site bem projetado para o seu negócio – até você perceber que um site mal projetado ou que não funciona bem pode custar muito à sua empresa ou organização quando se trata de perda de vendas e conversões.

Isso significa que seu site precisa ser limpo, atraente, bem definido e organizado e fácil de ler e navegar. Ele também precisa ser rápido, fácil de carregar e visível em todos os dispositivos ou tamanhos de tela. Tenha seu público-alvo em mente, valorize a prova social e lembre-se do preceito geral de que menos é mais.

Por último, mas certamente não menos importante, não assuma que uma vez que um site foi lançado e seu trabalho está feito. Longe disso. Um site deve estar em constante evolução, incorporando feedback contínuo de clientes e usuários para tentar garantir que ele seja otimizado o máximo possível e que o maior número possível de cliques e conversões seja alcançado.