4 hacks de design que vão disparar suas taxas de conversão
Publicados: 2018-11-024 truques de design -
Você tem um site de ótima aparência que ganhou elogios de clientes e críticos. Seus produtos são tão bons que as pessoas não podem deixar de amá-los. E graças ao seu marketing, seu tráfego continua subindo a cada mês.
Mas há um problema: ninguém realiza nenhuma ação em seu site. Os visitantes aparecem, passam minutos no site e saem sem fornecer o endereço de e-mail.
Esta é a realidade de tantos sites hoje. Eles podem ostentar um design impecável e marketing estelar, mas suas taxas de conversão permanecem baixas devido a más decisões de design.
Neste artigo, compartilharei 4 dicas de design que você pode usar imediatamente para disparar suas conversões, não importa em que nicho você esteja.
1. Destaque seus CTAs
Um dos maiores erros que você pode cometer em web design é fazer com que seus CTAs se misturem com o resto do seu site. Se o CTA não gritar virtualmente “clique em mim!”, seus visitantes irão ignorá-lo.
O truque é fazer um CTA que se destaque sem ser uma distração. Deve ser óbvio para qualquer usuário que o CTA é clicável. Ele também deve ser colocado em uma área de alto tráfego de cursor altamente visível na página.
Aqui estão algumas coisas que você pode fazer para fazer seus CTAs aparecerem:
- Cores contrastantes: escolha uma cor de CTA que contraste com o esquema de cores dominante da sua página da web. Se a cor do seu site for azul, por exemplo, escolha um CTA laranja. Como essa cor é diretamente oposta ao azul na roda de cores, ela se destacará em uma página.
- Efeitos: adicione efeitos e elementos sutis ao CTA para torná-lo pop. Colocar uma borda, adicionar um ícone ou usar um efeito de sombra pode deixar claro para os visitantes que o CTA é clicável. Seu objetivo é fazer com que o CTA pareça diferente de outros elementos da página.
- Posicionamento: os usuários não devem se esforçar para encontrar seu CTA. Coloque-os em áreas de alto tráfego de cursor ou de alta visibilidade da página, como acima da dobra ou no menu de navegação.
- Tamanho: Elementos maiores em qualquer página atraem nossa atenção. Faça seu CTA um pouco maior do que os elementos não clicáveis. Se você tiver dois botões lado a lado e quiser enfatizar um, aumente o tamanho.
Tenha cuidado ao tornar o CTA muito proeminente. Isso pode fazer com que pareça spam (lembre-se daqueles botões gigantescos de 'download' em sites de torrent?) e desencorajar cliques.
Por exemplo, este CTA no Workamajobs usa a cor azul e é colocado em uma área de alta visibilidade da página. Observe como ele contrasta com o cinza do CTA de “inscrição”:
2. Faça melhor uso das cores
Pense na marca Coca-Cola. Você pode visualizá-lo sem sua conhecida cor vermelha brilhante? Você acha que a marca teria o mesmo impacto se fosse azul?
Não designers nem sempre percebem isso, mas a cor desempenha um papel enorme na otimização da marca e da taxa de conversão. Cores diferentes evocam emoções diferentes nas pessoas. O azul é a cor do céu e tem um efeito calmante sobre as pessoas. É também uma cor “séria”. Quando você pede às pessoas para fazerem coisas com cores “brilhantes”, elas raramente escolhem azul.
(É por isso que tantas empresas usam azul em seus logotipos – IBM, GE, Samsung, AT&T, WalMart, etc.)
Seu objetivo deve ser alinhar sua escolha de cor com sua marca. Não escolha uma cor maçante para uma marca jovem. E não escolha rosa brilhante se estiver competindo com empresas B2B corporativas.
Aqui está um guia rápido das qualidades que associamos a diferentes cores:
- Vermelho é a cor da paixão, energia e juventude. Você o encontrará frequentemente usado em marcas jovens, especialmente em empresas de alimentos. Exemplos incluem Kelloggs, Coca-Cola, Nintendo.
- O rosa é uma cor feminina e está associada ao amor, calma e carinho. Marcas que o utilizam frequentemente atendem mulheres, como Cosmopolitan, Victoria's Secret, etc.
- O verde é a cor das plantas e, portanto, está associado ao crescimento, à restauração e ao meio ambiente. Você descobrirá que é frequentemente usado por marcas que desejam se associar à “restauração”, como Holiday Inn, Starbucks, The Body Shop, etc.
- O amarelo é uma cor brilhante, enérgica e alegre. Você a associa ao sol. Marcas que usam amarelo têm uma vibe energética. Pense nos arcos dourados do McDonald's ou no cavalo empinado da Ferrari.
- Laranja como o amarelo é uma cor associada ao calor e otimismo. Pense em marcas como Harley Davidson, Fanta e Nickelodeon.
Selecionar as cores certas para sua marca pode exigir muita reflexão e contemplação. Existem muitas combinações de cores diferentes que podem ser usadas, como o esquema de cores monocromático, complementar ou triádico. Muitas vezes você começará com a cor principal, como verde, que você prefere e construirá seu esquema de cores a partir disso. Se você precisar de um pouco de ajuda para selecionar a paleta de cores da sua marca, existem ferramentas úteis que você pode usar, como esta criada pela Bold Web Design. Ele exibe todas as paletas de cores da Fortune 500, incluindo suas cores secundárias e primárias.
Consulte esta imagem para uma rápida visão geral da psicologia das cores e como as marcas a usam:
3. Adicione várias maneiras de se inscrever
Coleta e-mails, mas tem apenas um botão “inscrever-se” em sua página da web?
Então você está seriamente perdendo um truque.
A coleta de assinantes, opt-ins e outras informações úteis é tanto sobre repetição quanto sobre design. Quando as pessoas veem algo repetido em todo o seu site, é provável que pensem que é importante.
Analise como você está usando os formulários de inscrição no momento. Faça uma lista de todas as posições em que o formulário aparece. Se for menos de três vezes, você não está repetindo o formulário o suficiente.
Aqui estão alguns lugares onde você deve adicionar seu formulário:
- No carregamento do site como um tapete de boas-vindas/pre-roll
- Acima do menu de navegação como uma barra superior
- No menu de navegação
- Na página inicial na seção de imagem principal
- Na parte superior, dentro e na parte inferior das páginas de conteúdo
- No rodapé
- Em um pop-up
Escolha três ou quatro locais e use seu formulário de inscrição lá. Embora você corra o risco de irritar alguns usuários, o aumento nas taxas de conversão geralmente vale a pena.
4. Use Prova Social
Você está viajando por uma nova cidade e precisa tomar café da manhã. Enquanto você dirige, você vê dois cafés de café da manhã. O primeiro tem uma longa fila de pessoas fora dele. O outro parece mais deserto que o Saara.
Em qual você vai?
A primeira, claro.
Os seres humanos olham para as pistas sociais para determinar se algo vale o seu tempo. Um restaurante, empresa ou marca que é bem-amado por outros (ou pelo menos percebido como bem-amado por outros) é visto como tendo o maior valor.
No caso de compras com pouca informação (ou seja, onde o comprador não sabe muito sobre o produto, nem se preocupa em saber mais), a prova social torna-se uma forma poderosa de avaliar as ofertas. Qualquer coisa que pareça ser popular chamará sua atenção.
Tente adicionar prova social em seu site:
- Compartilhamento de depoimentos de clientes. Quanto maior a autoridade do cliente, mais poderoso será o depoimento (ou seja, um depoimento de celebridade tem mais peso do que um de um usuário comum).
- Adicionando avaliações e classificações a produtos (como a Amazon). Quanto mais classificações e críticas, mais forte a “prova social”.
- Use a prova social da autoridade mostrando uma lista de sites autorizados em que você foi publicado ou prêmios que recebeu.
Por exemplo, o Buffer mostra uma lista de clientes de prestígio em sua página inicial. Isso funciona como uma forte prova social, pois os clientes do Buffer provavelmente respeitarão essas organizações:
Para você
O design não é apenas fazer as coisas parecerem boas; trata-se também de atingir os objetivos de negócios de um site. Embora muitos designers possam criar designs incríveis, aumentar as conversões continua sendo um desafio.
Use esses quatro truques de design para tirar mais proveito do seu site. Ao usar prova social, adicionar mais opt-ins e melhorar seus CTAs, você disparará suas taxas de conversão.