5 ideias de design pop-up que não incomodarão os usuários

Quando se trata de design de sites, as opções são extremamente variadas. Dependendo da funcionalidade e das metas de geração de leads que as empresas desejam alcançar, elas devem escolher layouts que agradem ao usuário, incentivá-lo a passar mais tempo em suas páginas e engajar.

No entanto, isso nem sempre é o caso.

Você já navegou em um site, curtindo um conteúdo, quando um pop-up aparece de repente e impede você de continuar? Frustrante, não foi?

Essa experiência provavelmente fará com que você saia e encontre as informações de que precisa em outro lugar. Isso porque os pop-ups podem ser intrusivos e distrair os usuários de sua intenção.

Na verdade, de acordo com uma pesquisa da HubSpot, 73% das pessoas não gostam mais de pop-ups online de todos os tipos de anúncios. Além disso, 64% dos usuários do AdBlock instalam o software porque consideram os pop-ups irritantes e querem se livrar deles em particular!

No entanto, embora os pop-ups sejam divisivos e, na maioria das vezes, interrompam o que as pessoas estão fazendo e prejudiquem o UX, muitos proprietários de sites conseguem usá-los com sucesso.

Além disso, se projetados e otimizados para SEO corretamente, eles podem até aumentar sua taxa de conversão em 3%, se não mais!

Neste artigo, falaremos sobre designs de pop-up, explicaremos as diretrizes e práticas recomendadas de UX e forneceremos 5 ideias de design de pop-up das quais você pode se beneficiar.

O que são pop-ups?

Em poucas palavras, pop-ups são janelas do navegador que são exibidas sobre o conteúdo principal de uma página quando o usuário realiza uma determinada ação ou atinge um limite pré-definido. O objetivo é atrair a atenção do usuário, mostrar um call to action (CTA) e incentivá-lo a se envolver.

Os pop-ups podem ter mensagens diferentes – anunciando um produto ou serviço próprio ou de terceiros, solicitando feedback, exibindo uma caixa de assinatura, sugerindo uma oferta, expressando gratidão etc.

Os designs pop-up existem nos últimos 15 a 20 anos e definitivamente estão aqui para ficar. Eles permitem que os proprietários de sites segmentem clientes em potencial, chamem sua atenção e aumentem suas chances de convertê-los em compradores.

Existem diferentes maneiras de utilizar pop-ups para beneficiar o desempenho do seu site. No entanto, você deve sempre agir com a intenção e as preferências do usuário em mente e garantir que o pop-up seja relevante.

Normalmente, os pop-ups afastam os visitantes quando vêm de terceiros e não têm conexão direta com o que o usuário procura. Por exemplo, um usuário está lendo um artigo sobre como encontrar um bom advogado e, de repente, o conteúdo é bloqueado por um pop-up convidando-o para um seminário do Amazon FBA.

Também é uma prática muito ruim colocar anúncios que abrem uma nova janela ou levam o visitante para um site completamente diferente.

Além da relevância, outra coisa que define seu sucesso é o design pop-up. Ele deve corresponder ao estilo geral e às cores do site, ser inteligente e conciso e ter um CTA claramente definido. Você também pode considerar adicionar um elemento lúdico, optar por cores vibrantes e contrastantes para tornar as informações realmente pop, ou qualquer outra coisa que você ache que possa atrair a atenção do usuário e incentivá-lo a se envolver.

No entanto, lembre-se de que quanto mais chamativo o pop-up for, mais suspeito ele parecerá e maior a probabilidade de o usuário ficar irritado e talvez até sair.

Como aumentar o desempenho de pop-ups

Para garantir que seus pop-ups tenham um bom desempenho e aumentem as conversões, em vez de afastar os clientes, você precisa projetá-los corretamente:

Forneça valor instantâneo

O que diferencia um anúncio eficaz de um com falha é o valor.

Você precisa entender seu público e saber o que eles querem do produto ou serviço que você oferece. Dessa forma, você poderá oferecer a solução certa na hora!

Além disso, pop-ups com conteúdo relevante convertem em mais de 40%

Criar urgência

Criar urgência é o melhor caminho para aumentar as vendas, pois o usuário tem tempo limitado para tomar uma decisão. Ter uma contagem regressiva em seu anúncio pop-up tem uma taxa de conversão de 8%% melhor do que aqueles sem uma.

Fonte

Promover o reconhecimento da marca

Os anúncios pop-up são difíceis de ignorar, o que ajuda na visibilidade de sua marca e produtos.

Além disso, eles são uma ótima tática de geração de leads e, se colocados estrategicamente em seu site, podem ajudá-lo a aumentar seu público e tráfego.

Por exemplo, você pode introduzir um pop-up de rolagem quando os visitantes chegarem na metade dos artigos. Dessa forma, você pode sugerir o envio de conteúdo semelhante por e-mail e criar uma lista de e-mail sólida.

Foco nas conversões

Como mencionado acima, um design pop-up bem implementado e direcionado pode realmente fazer a diferença nas suas taxas de conversão.

No final do dia, seu objetivo final é aumentar as vendas e obter mais visitantes viciados em seus produtos e serviços. Para isso, certifique-se de posicionar os pop-ups no local e horário corretos ao longo da jornada do usuário em seu site.

Além disso, não se esqueça de incluir um CTA claro e direto para orientar as pessoas para a próxima etapa.

Peça feedback no local

Os pop-ups são uma ótima maneira de obter uma reação imediata e convidar seus clientes a dizer como se sentem em relação aos seus produtos.

Peça-lhes para deixar um comentário e avaliar sua experiência antes de sair do seu site.

Por exemplo, você pode usar um pop-in de Net Promoter Score (NPS), seguido por uma caixa de comentários onde o usuário pode fornecer informações adicionais.

Esses tipos de pop-ups permitem que você conheça melhor seus clientes e refine seus serviços para atender às necessidades deles de maneira mais eficaz. A próxima coisa que você sabe, você está no caminho mais rápido para o sucesso. Está na bolsa!

Design de pop-up: as diretrizes

Quando se trata de penalidades do Google, você precisa estar sempre alerta e seguir as orientações. Se um usuário clicar em um resultado de mecanismo de pesquisa depois de digitar uma consulta, e isso acionar uma página com um pop-up que o convida a clicar em uma fonte irrelevante, isso é uma bandeira vermelha.

No entanto, os pop-ups ainda podem ser muito eficazes. Apenas certifique-se de que os visitantes não cheguem a uma página com um pop-up logo após clicar em um resultado SERP. Programe a aparência do anúncio corretamente para garantir que eles tenham uma chance suficiente de navegar em seu conteúdo primeiro.

De acordo com a Central de pesquisa do Google, os intersticiais promocionais são caixas de diálogo intrusivas que impedem o Google e outros mecanismos de pesquisa de entender seu conteúdo. É importante tornar seus pop-ups tão pequenos quanto possível para que eles não cubram toda a tela ou partes importantes da página. As dimensões ideais para um design pop-up são de até 15% do tamanho da tela do usuário.

No entanto, o Google reconhece que alguns intersticiais são obrigatórios, como restrições de idade e alertas de privacidade:

Fonte

Para ficar do lado seguro, certifique-se de que os pop-ups não obscureçam o conteúdo da página. Isso facilita o rastreamento e a indexação e reduz a probabilidade de prejudicar a experiência do usuário.

Além disso, evite redirecionar solicitações HTTP recebidas para uma página diferente daquela em que o usuário estava antes do anúncio.

Quando possível, use banners em vez de intersticiais e utilize plug-ins para designs de pop-up padrão, como uma inscrição em um boletim informativo ou um prompt de feedback.

Fonte

5 ideias de design de pop-up fáceis de usar

Agora vamos dar uma olhada em como projetar seus pop-ups corretamente, para que eles possam causar menos frustração ao usuário e obter um melhor desempenho:

Escolha o estilo de design certo

Criar um design pop-up eficaz para UX pode ser complicado. Você quer que o pop-up seja perceptível, mas não tão intrusivo que afaste as pessoas. Ao mesmo tempo, o design deve estar intimamente alinhado com a identidade da sua marca. E, finalmente, é importante manter o design geral simples, usando poucas cores, fontes e imagens.

Quando bem feito, um pop-up pode ser uma ferramenta inestimável para aumentar as conversões e gerar leads.

No entanto, se o design estiver muito ocupado ou sobrecarregado, isso apenas frustrará os usuários e os afastará. Portanto, reserve um tempo para criar um pop-up que reflita com precisão sua marca e forneça uma experiência positiva ao usuário.

Posição na tela

Outra coisa a ter em mente é que os pop-ups devem ser fáceis de descartar.

Como eles interrompem a experiência de navegação do usuário, os pop-ups frontais e centrais geralmente devem ser reservados para informações importantes que são importantes para o usuário.

Fonte

No entanto, dada a ampla gama de posições possíveis para um pop-up, os designers têm muita flexibilidade em como eles podem ser usados.

Por exemplo, um pop-up no canto da tela pode ser menos intrusivo do que um na frente e no centro.

Uma abordagem popular é fazer o anúncio pop-up deslizar da parte superior ou inferior da tela. Isso permite que o usuário continue interagindo com o site enquanto o pop-up estiver presente. Com esse método, o visitante pode escolher quando (e se) deseja interagir com o pop-up. No entanto, lembre-se de que, se o pop-up cobrir muito a tela e se tornar uma distração, ainda poderá afastar os usuários.

Outra abordagem fácil de usar é tornar o pop-up menos intrusivo, incluindo um botão de fechamento claramente visível ou você pode simplesmente diminuir o tamanho do design. Dessa forma, os visitantes ainda podem ver o conteúdo da sua página e são mais propensos a se envolver com seu pop-up.

Segmente cada visitante

Juntamente com um layout simples e uma cópia direta, é muito importante personalizar seu design pop-up para cada visitante da página individualmente. Identifique as páginas-chave onde irá acionar uma conversão.

Criar uma experiência personalizada para os clientes é um ato de equilíbrio delicado. Por um lado, não personalizar nada pode representar uma oportunidade perdida para as marcas. Por outro lado, de acordo com o Gartner, a personalização excessiva torna os usuários 3x mais propensos a abandonar uma marca.

Portanto, os pontos de dados individuais podem ser úteis para criar uma experiência mais personalizada, mas é importante usá-los de forma criteriosa. Muita personalização pode ser desanimadora, por isso é importante encontrar um equilíbrio que seja apreciado pelo cliente.

Cronometragem

Quando um usuário chega ao seu site, o ideal é que ele primeiro se envolva com seu conteúdo e navegue. Quanto mais tempo um visitante passa em um site, menor a probabilidade de ele sair (e o mais seguro é introduzir um anúncio pop-up para ele).

Fonte

Fonte

Certifique-se de analisar o tempo que os usuários gastam em uma página, ou seja, a sessão média. Use o Google Analytics para rastrear o tráfego que você recebe e agir sobre ele.

No entanto, se você tem medo de atrapalhar o tempo de exibição e afastar os usuários, aqui estão algumas sugestões:

Pop-ups de entrada

Colocar um pop-up assim que um usuário acessar uma página pode fazer maravilhas ao sugerir ofertas ou pacotes limitados. No entanto, geralmente não é recomendado pelos mecanismos de pesquisa quando se trata de sites de comércio eletrônico.

Pop-ups de rolagem

Se você quiser ter certeza de que os visitantes do seu site passaram um tempo decente em uma página e estão informados o suficiente, um pop-up de rolagem é uma boa alternativa. Você pode configurar seu pop-up para aparecer depois que ele rolar por uma determinada porcentagem da página, colocando um ou alguns limites relevantes.

Sair dos pop-ups

Os pop-ups de saída também são conhecidos como anúncios de saída cedo demais. Eles aparecem quando o cursor se move em direção ao botão Voltar ou quando você está prestes a fechar uma página ou clicar em um link para ir para outra. O design pop-up de saída pode ser usado nos últimos segundos que um visitante passa em uma página para sugerir uma oferta de última hora.

Clique em pop-ups

Os pop-ups de clique são caixas de diálogo que aparecem como resultado de um clique em um botão ou link relevante. Esses são provavelmente os tipos de pop-ups mais genuínos e menos frustrantes, pois aparecem depois que o usuário já se envolveu com o conteúdo da página e realizou uma ação.

No exemplo abaixo, um pop-up de inscrição de e-mail apareceu depois que eu cliquei no botão “Entrar na lista de espera”:

Fonte

Tenha um tom de voz espirituoso/criativo/casual/peculiar

Se você quiser atrair seus usuários e fazê-los ficar mais tempo, relaxe um pouco e torne sua cópia pop-up relacionável e memorável. Não precisa ser agressivo ou rude, nem 100% vendável.

Basta pensar em quem é seu público, rastrear seu comportamento, localização, dados demográficos e preferências, para que você possa desenhar uma imagem de seu usuário médio. Em seguida, crie seu pop-up para exibir algo que eles possam gostar.

Recapitular

Bem, aí está! Analisamos vários exemplos de pop-ups e anúncios pop-up e discutimos dicas práticas sobre como torná-los mais eficazes. Espero que isso tenha lhe dado algumas ideias para seu próprio site.

Se você precisar de ajuda para projetar ou implementar pop-ups em seu site, não hesite em entrar em contato com os especialistas em web designer aqui da DevriX. Podemos ajudá-lo a criar uma experiência envolvente e amigável que gera resultados.