lar  /  Todos os Produtos  / 5 maneiras de fazer com que os pop-ups tenham uma ótima aparência em um dispositivo móvel (para seu site responsivo)

5 maneiras de fazer com que os pop-ups tenham uma ótima aparência em um dispositivo móvel (para sua capacidade de resposta…

18 de julho de 2019
Pop-ups para celular

Nosso mundo tornou-se oficialmente móvel. Analisando a parcela de minutos digitais gastos pelos usuários nos EUA em diferentes dispositivos, os smartphones representaram 62% seguidos por desktops com 29% e tablets com 9% de participação.

Impulsionando a mudança em direção a uma era móvel, o Google anunciou o lançamento de sua indexação mobile-first como padrão para todos os sites a partir de 1º de julho de 2019. Todos esses fatores tornaram a incorporação de práticas de design responsivas no desenvolvimento de sites e aplicativos da web uma obrigação para todos.

Capitalizar a enorme quantidade de fluxo de tráfego móvel que ocorre quando os usuários acessam seu site otimizado para celular requer a elaboração inteligente de uma estratégia pop-up. Aquele que obriga os usuários a converter e inserir seu pipeline de vendas sem afetar negativamente a experiência do usuário ou pior, as classificações de SEO no Google.

Considerações importantes antes de implementar pop-ups móveis

O Google dá a maior importância à experiência perfeita do usuário e, portanto, emitiu diretrizes rígidas quando se trata da incorporação de popups em sites para celular. Ele considera os pop-ups na forma de anúncios intersticiais como intrusivos e obstrutivos à experiência geral do usuário durante a navegação no celular.

Assim, delineou normas rigorosas para melhorar a experiência de pesquisa móvel. Isso envolve penalizar páginas da web que mostram pop-ups obstrutivos nas páginas de destino (aquelas onde os usuários acabam após clicar nos resultados de pesquisa do Google).

 

Aqui está o que você precisa garantir ao criar pop-ups para que as classificações de pesquisa do site não sejam afetadas por eles.

  • Os pop-ups não devem cobrir o conteúdo principal da página enquanto o usuário navega
  • O pop-up deve ter a forma de um intersticial independente que o usuário deve dispensar para acessar o conteúdo principal
  • Acima da parte dobrada do layout da página não deve incluir apenas o pop-up que faz o usuário rolar para baixo para acessar o conteúdo.

Usando pop-ups para aumentar as conversões em dispositivos móveis

Apesar de o Google não favorecer pop-ups móveis e a opinião dos usuários sobre pop-ups ser negativa, sua importância e capacidade de impulsionar conversões do site para o seu negócio é inegável.

Se feitos corretamente, os pop-ups têm o potencial de impulsionar inscrições de usuários e gerar receita favorável. Esteja você projetando um site de comércio eletrônico ou um Site SaaS B2B, projetar pop-ups eficazes que obriguem os usuários a clicar neles é fundamental do ponto de vista comercial.

Aqui estão 5 maneiras de fazer com que os pop-ups do seu site responsivo tenham uma ótima aparência em um dispositivo móvel, sem afetar negativamente as classificações de pesquisa.

1. Projete o pop-up para celular

O design responsivo não significa que o mesmo pop-up exibido na área de trabalho também funcionaria para dispositivos móveis. A quantidade de espaço de tela disponível no caso de telefones celulares é significativamente menor, portanto, ter o mesmo conjunto de pop-ups acabaria invariavelmente sobrecarregando a interface do usuário, diminuindo assim a experiência do usuário.

Além disso, os pop-ups exibidos em sites para desktop não estão sujeitos à penalidade do Google, portanto, você pode exibir pop-ups de página inteira que cobrem o conteúdo e isso não prejudicaria a classificação da sua página da web. Uma estratégia semelhante em dispositivos móveis ao garantir o design responsivo seria.

Projetar diferentes pop-ups para versões do seu site para web e dispositivos móveis oferece uma vantagem no design e oferece margem de manobra para as diretrizes do Google.

2. Cuidado com o alvo de toque

Projetar pop-ups para web e dispositivos móveis é fundamentalmente diferente devido à diferença nos tamanhos de tela e ao tipo de interação do usuário que existe em ambos os casos. Embora os campos de entrada no caso da web possam ser menores para acomodar cliques do mouse, os mesmos precisam ser grandes o suficiente para incorporar alvos de toque.

Um alvo de toque menor dá origem à “síndrome do dedo gordo”. O usuário, em vez de converter, pode acabar abandonando seu site se não conseguir realizar a ação desejada nos dispositivos móveis.

Como regra geral, cada botão clicável em seu site para celular precisa ter no mínimo 44×30 px. Os dispositivos móveis não são o meio de entrada preferido do usuário. Se você estiver solicitando inscrições por e-mail, certifique-se de que o campo de entrada seja grande o suficiente para os usuários clicarem com o toque de um dedo e que o formulário de entrada tenha um fluxo que ofereça o menor atrito para o usuário.

3. Mantenha o tamanho do pop-up limitado

Um banner pop-up na parte inferior da tela que não cobre o conteúdo principal da página da web é uma estratégia popular para incorporar pop-ups na página de destino. Como não cobre o conteúdo principal do site que fica acima da dobra, não viola as especificações do Google.

Também é menos obstrutivo para os usuários do que um pop-up modal de página inteira. O único desafio de incorporar essa estratégia pop-up é que você fica com uma quantidade limitada de espaço disponível para fornecer valor suficiente para a conversão de seus clientes.

Como o pop-up é menor, ele pode fugir da atenção do usuário. Além disso, os campos de entrada menores podem representar um desafio para os usuários que desejam se inscrever na sua lista.

4. Não bombardeie o usuário com pop-ups

Os pop-ups exibidos assim que o usuário acessa sua página da web são um desligamento instantâneo. Incorpore-os de forma que sejam acionados posteriormente durante a jornada de navegação do usuário, uma vez que ele tenha tido a oportunidade de consumir o conteúdo primeiro. Não deixe o pop-up ser exibido imediatamente ou segundos após a chegada do visitante.

Outra estratégia viável é exibir o popup na segunda página que o usuário visitar. Dessa forma, não há violação das diretrizes do Google e como o usuário teve tempo suficiente para consumir um conteúdo que seja valioso, as chances de conversão também são maiores.

5. Entenda a intenção e agregue valor

Os pop-ups que oferecem valor fazem com que o usuário clique neles voluntariamente. Esses pop-ups absorvem-se na jornada do usuário por meio de seu site para celular e também resultam em uma experiência de usuário perfeita.

Compreender a psicologia do usuário e decifrar a intenção com a qual ele está visitando a página da web fornece as pistas necessárias para redigir uma proposta de valor atraente. Um botão de call to action é então incorporado na página de destino em vez de um pop-up. Ao clicar no CTA, o pop-up é exibido.

Ao contrário de outros tipos de pop-ups nos quais os usuários clicam por frustração (para fechá-los) ou clicam acidentalmente devido ao seu posicionamento, os pop-ups de CTA são mais bem integrados. Como os usuários clicam voluntariamente nele, é garantida uma experiência aprimorada do usuário.

Não importa a estratégia escolhida, o design dos pop-ups e de todo o site móvel como um todo precisa ser feito tendo em mente a experiência geral do usuário. Compreender a psicologia do visitante e atender às suas necessidades é a chave para o sucesso do negócio e o aumento das conversões.

Rahul Varshneya é o cofundador e presidente da Arkenea. Rahul tem sido apresentado como líder em tecnologia em vários canais de mídia, como Bloomberg TV, Forbes, HuffPost, Inc, entre outros.