Design de UX pop-up: práticas recomendadas, dicas e exemplos

Todo site focado no lucro também está focado em obter mais conversões de seus visitantes: incentivando-os a comprar… ou pelo menos se inscrever.

Os pop-ups são a melhor ferramenta para aumentar as taxas de conversão. Os resultados vistos pelas lojas de comércio eletrônico que começam a usar pop-ups falam por si:

• Kiss My Keto diminuiu sua taxa de abandono de carrinho em 20%
• Christopher Cloos melhorou suas taxas de conversão em 37%
• ESTRONDO! by Cindy Joseph aumentou sua receita de comércio eletrônico em US$ 148.297 em apenas um mês

O segredo do sucesso das campanhas acima foi sua integração com a experiência geral do usuário (UX) de cada site. Essas empresas nunca interromperam os usuários enquanto exibiam pop-ups, mas, em vez disso, os configuraram para aparecer quando pudessem fornecer conteúdo útil e relevante no momento certo.

Se você conseguir fazer isso em seu site, não apenas evitará interromper seu UX, mas também o melhorará .

Neste artigo, veremos 5 maneiras de fazer exatamente isso, começando com…

Os pop-ups de entrada podem ser extremamente perturbadores.

São pop-ups que aparecem assim que um site é carregado. Assim que um visitante começa a se orientar e absorver todas as informações do seu site, ele é interrompido por um pop-up que surge do nada.

Pop-ups de entrada também:

• Impedir que os visitantes tenham acesso ao conteúdo desejado
• Muitas vezes contêm conteúdo irrelevante
• Confundir os visitantes

Em suma, eles são quase sempre mais irritantes do que úteis e degradam o UX do seu site.

Em vez de incomodar seus visitantes com pop-ups de entrada tradicionais, permita que eles conheçam seu site primeiro. Em seguida, você pode mostrar seu pop-up quando o comportamento deles indicar que eles estão prontos para ver uma mensagem secundária.

Aqui estão algumas maneiras típicas de acionar pop-ups com base no envolvimento do usuário:

• Exibir o pop-up após X segundos: esta opção dá aos visitantes algum tempo para navegar na página que estão visualizando. Você pode chamar a atenção deles depois que eles passarem algum tempo na página.

• Mostrar o pop-up após X por cento de rolagem: Você pode configurar seus pop-ups para aparecer depois que um visitante rolar para baixo uma certa porcentagem de sua página da web.
  
  Por exemplo, você pode definir um pop-up que aparece quando um visitante chega ao final de um artigo de blog, o que significa que ele está pronto para um novo conteúdo (talvez oferecendo um e-book gratuito em troca de suas informações de contato).

• Exiba seu pop-up na intenção de saída: Dessa forma, você chamará a atenção dos visitantes que estão prestes a sair do seu site.
  
  Com um pop-up de intenção de saída, você pode impedir que alguém saia sem converter e convencê-los a continuar comprando ou se inscrever em uma lista de e-mail.

Também é vital que você preste atenção à “frequência”, ou o número máximo de vezes que o pop-up está configurado para aparecer. Normalmente, você deseja limitar isso a 1 ou 2 vezes por visitante.

Mostrar vários pop-ups pode ser bom (como veremos abaixo), mas ver o mesmo pop-up repetidamente deixará seus usuários loucos.

Aqui está um bom exemplo de como usar pop-ups com base no envolvimento do usuário. O pop-up de intenção de saída do Obvi só aparece para visitantes que estão abandonando o site.

Não há um pop-up mágico que seja relevante para todos os seus visitantes. Isso porque nem todos precisam ver as mesmas informações críticas ou ofertas de desconto ao mesmo tempo.

Infelizmente, você não pode identificar a solução para os problemas de cada indivíduo e apresentá-los com as soluções em um pop-up.

Em vez disso, o que você pode fazer é segmentar seus visitantes em grupos que compartilham necessidades e características semelhantes.

Esses segmentos variam de acordo com o setor e os tipos de produtos que uma loja vende. No entanto, todas as empresas podem segmentar seus visitantes em grupos com base no estágio em que estão no processo de compra.

Pense na sua “jornada do cliente”: como as pessoas conhecem sua marca pela primeira vez, como chegam à sua página de destino e como encontram os produtos que desejam comprar.

Segmentos em diferentes estágios da jornada do cliente têm necessidades diferentes, e os pop-ups que você mostra precisam refletir isso.

Agora, vamos ver alguns outros fatores que você pode usar para segmentar seus clientes. Também compartilharemos algumas ideias de campanha para diferentes visitantes em diferentes estágios da jornada do cliente.

2.1. Perspectivas frias vs. quentes

“Hot prospects” são clientes que querem comprar algo agora, enquanto “cold prospects” ainda estão explorando suas opções e não estão prontos para comprar nada.

Em vez de tratar todos os seus visitantes como se fossem “prospectos quentes” que estão prontos para comprar imediatamente, você deve criar metas de conversão diferentes para clientes potenciais quentes e frios.

Para clientes em potencial, o objetivo de conversão é simples: compre agora. Sua mensagem precisa levar esses clientes em potencial a uma venda imediata usando um desconto ou acordo por tempo limitado .

Você precisará de uma meta de conversão secundária para clientes em potencial frios, que normalmente é fazer com que eles se inscrevam na sua lista de e-mail. Depois de obter os detalhes de contato, você poderá se comunicar com eles ao longo do tempo e nutrir o relacionamento até que estejam prontos para comprar.

Por esse motivo, você precisa mostrar aos visitantes conteúdo frio que os faça querer se inscrever, como um e-book para download.

Vamos ver como isso funciona em ação. Aqui está um ótimo exemplo de algumas campanhas da BOOM! .

Eles oferecem um e-book como isca digital para prospects frios que estão interessados ​​em sua linha de produtos, mas ainda não estão prontos para fazer uma compra:

Para os clientes em potencial mais interessantes (que manifestaram mais interesse no conteúdo do BOOM! ou estão prestes a abandonar o carrinho), eles usam a oferta de um cupom de 10% de desconto como incentivo para comprar agora e não mais tarde.

2.2. Segmentação geográfica

Se você vende internacionalmente, a segmentação com base na localização ou a segmentação geográfica pode ser uma ótima maneira de aumentar as conversões. Com a segmentação geográfica, você pode criar quantas mensagens diferentes para quantos países de destino desejar.

A segmentação de seus visitantes com base em sua localização permite que você forneça ofertas específicas de cada país, como ofertas de frete. Aqui está um exemplo:.

2.3. Segmente os visitantes com base em seu estágio no processo de compra

Cada um de seus clientes passa pelos seguintes estágios de conscientização:

Os 5 níveis de conscientização descrevem as diferentes mentalidades que os clientes terão ao interagir com seu site. Um cliente que acabou de saber que sua marca existe verá a mesma página de maneira muito diferente de um cliente fiel.

É por isso que você precisa comunicar diferentes mensagens secundárias por meio de seus pop-ups para cada um desses segmentos.

Aqui estão alguns exemplos de mensagens que são adaptadas a um desses grupos.

1. Os visitantes conscientes do problema sabem que têm um problema, mas ainda estão tentando encontrar a melhor maneira de resolvê-lo. Então, neste momento, seu objetivo é ajudá-los a entender melhor seu problema (seja um problema de cuidados com a pele ou a necessidade de um novo par de tênis de corrida) e oferecer possíveis soluções.

Uma maneira de fazer isso é através de posts e e-books. Por exemplo, se você tem um artigo sobre “dicas de corrida para iniciantes”, você também pode promover um e-book com dicas de “como fazer” sobre como correr 10K.

2. Os visitantes atentos à solução sabem que tipo de produto resolverá seu problema e estão avaliando ativamente suas opções (tornando-os um cliente em potencial mais “quente” do que os visitantes atentos ao problema que acabamos de discutir). Isso torna seu objetivo simples: ajudá-los a encontrar o melhor produto para eles em seu site.

Uma abordagem comprovada envolve mostrar a eles os produtos mais populares (ou produtos “tendência”) na categoria em que estão navegando.

3. Os visitantes mais conscientes encontraram um produto específico que adoram e que resolverá seu problema. Tudo o que eles precisam fazer é clicar em “Comprar agora” e passar pelo processo de checkout. Mesmo esses clientes que são seus clientes em potencial “mais atraentes”, eles geralmente precisam de um empurrão final para fazer uma compra.

Uma oferta especial irresistível que está disponível apenas por tempo limitado é a melhor maneira de convencer este segmento a comprar agora e não mais tarde.

2.4. Segmentação avançada

Você também pode levar em consideração o comportamento de seus visitantes no site, permitindo que você crie segmentos de usuários cada vez mais específicos. Quanto mais específica sua segmentação, mais relevante sua mensagem pode ser.

Você pode usar o seguinte comportamento específico do usuário para segmentar ainda mais seus visitantes:

• Estar na subpágina atual por pelo menos X segundos
• São de uma origem de tráfego específica
• Estão atualmente navegando em uma página específica
• Já visitou anteriormente uma(s) página(s) específica(s)
• Tenha itens específicos no carrinho
• Ter um valor de carrinho maior que um limite específico

Isso permite que você:

• Exiba diferentes pop-ups para visitantes provenientes de diferentes origens de tráfego (por exemplo, Facebook x Google Ads).
• Mostre determinadas campanhas para clientes em potencial que visitaram páginas específicas, mas ainda não fizeram uma compra.
• Segmente os visitantes com base nos itens que eles já adicionaram ao carrinho (para vendas adicionais e vendas cruzadas).

Como temos dito: “Se você está vendendo para todos, não está vendendo para ninguém”. Você pode levar isso para o próximo nível com personalização.

Depois de separar seus visitantes em segmentos com base em seus interesses, variáveis ​​demográficas ou geográficas e seu estágio no processo de compra, você pode mostrar a eles as mensagens mais relevantes.

Por exemplo, se você vende eletrônicos e sabe que um visitante específico está interessado em smartphones, “25% OFF Smartphones” é uma mensagem muito mais eficaz do que “25% OFF Selected Products”.

Existem quatro níveis básicos de personalização para as mensagens em seus pop-ups:

1. Todos recebem a mesma mensagem: em outras palavras, você transmite uma oferta geral para todos os visitantes do seu site. Isso não é recomendado.
2. Você faz duas ofertas diferentes para prospects quentes e prospects frios: ou seja, você divide seu público em dois segmentos principais com base no engajamento deles. Mesmo essa segmentação simples pode fazer a diferença.
3. Existem várias ofertas para cada um dos principais grupos de visitantes: Neste caso, você divide seus visitantes em vários grupos diferentes com base em variáveis ​​relevantes e os reengaja com mensagens personalizadas para cada grupo.
4. Todos recebem uma mensagem personalizada usando a Substituição de Texto Dinâmico: Este é o nível mais alto de personalização para seus pop-ups. Cada mensagem é adaptada ao indivíduo específico que a vê.

Com a Substituição de Texto Dinâmico , o texto em seus pop-ups será atualizado automaticamente com base nas variáveis ​​que você escolher.

Isso significa que você pode criar um modelo e alterar o conteúdo para atender às necessidades de cada público visitante. Usar essa abordagem reduz a quantidade de esforço de sua parte e garante que cada um dos segmentos de visitantes veja o conteúdo mais relevante.

Voltando ao nosso exemplo acima, a loja de eletrônicos promove “Smartphones 25% OFF” quando um visitante tenta sair de seu site a partir da página de categoria de smartphone ou de uma página de produto individual dentro da categoria de smartphone.

No entanto, quando um visitante está procurando acessórios para laptop e tenta sair do site, a palavra “smartphone” muda automaticamente para “acessórios para laptop” – atendendo diretamente às necessidades desse cliente.

Para maximizar suas conversões, você deve se limitar a uma meta por pop-up e garantir que sua proposta de valor seja persuasiva.

Uma proposta de valor é um benefício que os clientes podem esperar ao interagir com seu pop-up ou comprar seus produtos. A proposta de valor de um pop- up de inscrição de e-mail pode ser o acesso exclusivo a determinadas vendas ou produtos, enquanto o valor de um pop-up de desconto vem do dinheiro que um visitante pode economizar usando o código do cupom.

Se você estiver tentando atingir vários objetivos no mesmo pop-up, diminuirá as chances de concluir qualquer um deles. Por fim, isso atrapalhará sua mensagem e confundirá os visitantes sobre o valor de sua oferta, tornando as conversões e vendas menos prováveis.

Vários objetivos podem ser alcançados usando pop-ups, mas certifique-se de se limitar a perseguir apenas um deles em cada pop-up.

Aqui estão algumas metas comuns de comércio eletrônico:

1. Impulsionando as vendas
2. Construindo sua lista de e-mail
3. Reduzindo o abandono de carrinho
4. Upselling e cross-selling
5. Melhorando a experiência do cliente

Como acabamos de ver, o sucesso de um pop-up depende do valor que ele agrega aos seus visitantes.

Mas não importa quão valiosa seja sua oferta, se aproveitá-la for muito difícil, ninguém vai querer passar pelo problema.

É por isso que é importante evitar pedir muitas informações. A exibição de muitos campos em um pop-up de inscrição de e-mail, por exemplo, fará com que pareça muito trabalhoso para a maioria dos usuários. Além disso, os novos visitantes podem hesitar em fornecer muitas informações pessoais.

Quanto menos dados você solicitar, mais conversões você terá. Em muitos casos, apenas um endereço de e-mail é suficiente, como no exemplo abaixo.

Muitos sites também pedem um primeiro nome para personalizar suas mensagens no futuro, como neste exemplo do The Oodie.

Quando você sentir a necessidade de solicitar mais informações, é melhor usar um pop-up de várias etapas. Dessa forma, você pode solicitar as informações mais importantes primeiro e, em seguida, ter campos de entrada adicionais na segunda página do seu pop-up.

O pop-up do Oodie tinha uma segunda página onde eles pediam um número de telefone também:

Essa estratégia usada pelo The Oodie é chamada de “Método do Cavalo de Tróia” e gerou uma receita extra de US $ 1,9 milhão para o The Oodie em apenas 30 dias.

Se você quiser “roubar” a estratégia deles, assista ao nosso treinamento gratuito.

Criar pop-ups como designers de UX significa pensar em cada um de seus visitantes como um ser humano e considerar cuidadosamente o estado de espírito em que eles estarão quando um pop-up aparecer.

É por isso que você nunca deve usar um pop-up de entrada e, em vez disso, criar pop-ups com base no envolvimento do usuário com seu site. Definir segmentos de usuários e exibir ofertas relevantes é o próximo passo. E, finalmente, você pode personalizar seus pop-ups usando a Substituição Dinâmica de Texto para adequar suas mensagens a cada usuário.

Ao seguir essas práticas recomendadas, você pode melhorar a experiência do usuário em seu site e, ao mesmo tempo, aprimorar seus esforços de criação de listas e aumentar as vendas!

Comece a usar o OptiMonk gratuitamente e crie pop-ups impressionantes que melhoram a experiência do usuário em apenas alguns minutos.