5 idées de conception de pop-up qui n'ennuieront pas les utilisateurs

En ce qui concerne la conception de sites Web, les options sont extrêmement variées. En fonction de la fonctionnalité et des objectifs de génération de leads que les entreprises souhaitent atteindre, elles doivent choisir des mises en page qui plaisent à l'utilisateur, les encouragent à passer plus de temps sur leurs pages et à s'engager.

Par contre, ce n'est pas toujours le cas.

Avez-vous déjà navigué sur un site Web, en profitant d'un contenu, lorsqu'une fenêtre contextuelle apparaît soudainement et vous empêche de continuer ? Frustrant, n'est-ce pas ?

Une telle expérience est très susceptible de vous faire partir et de trouver les informations dont vous avez besoin ailleurs. En effet, les pop-ups peuvent être intrusifs et détourner l'attention des utilisateurs de leur intention.

En fait, selon une enquête HubSpot, 73 % des personnes n'aiment pas le plus les pop-ups en ligne de tous les types de publicités. De plus, 64% des utilisateurs d'AdBlock installent le logiciel car ils jugent les pop-ups gênants et souhaitent notamment s'en débarrasser !

Cependant, bien que les pop-ups divisent et, le plus souvent, interrompent ce que font les gens et nuisent à l'UX, de nombreux propriétaires de sites Web parviennent à les utiliser avec succès.

De plus, s'ils sont correctement conçus et optimisés pour le référencement, ils peuvent même augmenter votre taux de conversion de 3 %, voire plus !

Dans cet article, nous parlerons des conceptions de pop-up, expliquerons les directives et les meilleures pratiques UX, et fournirons 5 idées de conception de pop-up dont vous pouvez bénéficier.

Qu'est-ce qu'un pop-up ?

En un mot, les pop-ups sont des fenêtres de navigateur qui s'affichent sur le contenu principal d'une page lorsque l'utilisateur effectue une certaine action ou atteint un seuil prédéfini. L'objectif est d'attirer l'attention de l'utilisateur, de lui montrer un appel à l'action (CTA) et de l'encourager à s'engager.

Les pop-ups peuvent avoir différents messages : faire la publicité d'un produit ou d'un service propriétaire ou tiers, demander des commentaires, afficher une boîte d'abonnement, suggérer une offre, exprimer sa gratitude, etc.

Les conceptions de pop-up existent depuis 15 à 20 ans et elles sont définitivement là pour rester. Ils permettent aux propriétaires de sites Web de cibler des clients potentiels, d'attirer leur attention et d'augmenter leurs chances de les convertir en acheteurs.

Il existe différentes façons d'utiliser les pop-ups pour améliorer les performances de votre site Web. Cependant, vous devez toujours agir en gardant à l'esprit l'intention et les préférences de l'utilisateur, et vous assurer que la fenêtre contextuelle est pertinente.

Habituellement, les pop-ups éloignent les visiteurs lorsqu'ils viennent d'un tiers et n'ont aucun lien direct avec ce que l'utilisateur recherche. Par exemple, un utilisateur lit un article sur la façon de trouver un bon avocat et tout à coup, le contenu est bloqué par une fenêtre contextuelle l'invitant à un séminaire Amazon FBA.

C'est également une très mauvaise pratique de placer des publicités qui ouvrent une nouvelle fenêtre ou qui amènent le visiteur vers un site Web complètement différent.

Outre la pertinence, l'autre chose qui définit votre succès est la conception du pop-up. Il doit correspondre au style général et aux couleurs du site Web, être intelligent et concis, et avoir un CTA clairement défini. Vous pouvez également envisager d'ajouter un élément ludique, opter pour des couleurs contrastées vibrantes pour faire ressortir les informations, ou toute autre chose qui, selon vous, pourrait attirer l'attention de l'utilisateur et l'encourager à s'engager.

Cependant, gardez à l'esprit que plus la fenêtre contextuelle est flashy, plus elle semble suspecte et plus l'utilisateur est susceptible de s'énerver et peut-être même de partir.

Comment booster les performances des pop-ups

Pour vous assurer que vos pop-ups fonctionnent bien et booster les conversions, au lieu de faire fuir les clients, vous devez les concevoir correctement :

Fournir une valeur instantanée

Ce qui distingue une annonce efficace d'une annonce ratée, c'est la valeur.

Vous devez comprendre votre public et savoir ce qu'il attend du produit ou du service que vous fournissez. De cette façon, vous pourrez leur proposer la bonne solution sur place !

De plus, les pop-ups avec un contenu pertinent se convertissent à plus de 40 %

Créer une urgence

Créer de l'urgence est la voie ultime pour augmenter les ventes, car l'utilisateur dispose d'un temps limité pour prendre une décision. Avoir un compte à rebours sur votre annonce pop-up a un taux de conversion de 8% supérieur à ceux qui n'en ont pas.

La source

Promouvoir la notoriété de la marque

Les publicités pop-up sont difficiles à ignorer, ce qui contribue à la visibilité de votre marque et de vos produits.

De plus, ils constituent une excellente tactique de génération de prospects et, s'ils sont placés stratégiquement sur votre site Web, ils peuvent vous aider à accroître votre audience et votre trafic.

Par exemple, vous pouvez introduire une fenêtre contextuelle de défilement lorsque les visiteurs arrivent à mi-parcours des articles. De cette façon, vous pouvez suggérer de leur envoyer un contenu similaire par e-mail et créer une liste de diffusion solide.

Concentrez-vous sur les conversions

Comme mentionné ci-dessus, une conception de pop-up bien implémentée et ciblée peut vraiment faire la différence dans vos taux de conversion.

En fin de compte, votre objectif ultime est d'augmenter les ventes et de rendre plus de visiteurs accros à vos produits et services. À cette fin, assurez-vous de positionner les pop-ups au bon endroit et au bon moment tout au long du parcours de l'utilisateur sur votre site Web.

N'oubliez pas non plus d'inclure un CTA clair et simple pour guider les gens vers l'étape suivante.

Demandez des commentaires sur place

Les pop-ups sont un excellent moyen d'obtenir une réaction immédiate et d'inviter vos clients à dire ce qu'ils pensent de vos produits.

Demandez-leur de laisser un commentaire et d'évaluer leur expérience avant de quitter votre site Web.

Par exemple, vous pouvez utiliser une fenêtre contextuelle NPS (Net Promoter Score), suivie d'une zone de commentaire dans laquelle l'utilisateur peut fournir des informations supplémentaires.

Ces types de pop-up vous permettent de mieux connaître vos clients et d'affiner vos services afin de mieux répondre à leurs besoins. La prochaine chose que vous savez, vous êtes sur la voie rapide du succès. C'est dans le sac!

Conception de pop-up : les directives

En ce qui concerne les pénalités Google, vous devez toujours être vigilant et suivre les directives. Si un utilisateur clique sur un résultat de moteur de recherche après avoir tapé une requête, et que cela déclenche une page avec une fenêtre contextuelle qui l'invite à cliquer sur une source non pertinente, c'est un drapeau rouge.

Cependant, les pop-ups peuvent toujours être très efficaces. Assurez-vous simplement que les visiteurs n'atterrissent pas sur une page avec une fenêtre contextuelle juste après avoir cliqué sur un résultat SERP. Chronométrez correctement l'apparition de l'annonce pour vous assurer qu'ils ont eu suffisamment de chance de parcourir votre contenu en premier.

Selon Google Search Central, les interstitiels promotionnels sont des dialogues intrusifs qui empêchent Google et les autres moteurs de recherche de comprendre votre contenu. Il est important de rendre vos pop-ups aussi petites que possible afin qu'elles ne couvrent pas tout l'écran ou des parties clés de la page. Les dimensions optimales pour une conception de pop-up sont jusqu'à 15% de la taille de l'écran de l'utilisateur.

Cependant, Google reconnaît que certains interstitiels sont obligatoires, tels que les restrictions d'âge et les alertes de confidentialité :

La source

Pour rester prudent, assurez-vous que les fenêtres contextuelles ne masquent pas le contenu de la page. Cela facilite l'exploration et l'indexation, et réduit le risque de nuire à l'expérience utilisateur.

De plus, évitez de rediriger les requêtes HTTP entrantes vers une page différente de celle où se trouvait l'utilisateur avant l'annonce.

Lorsque cela est possible, utilisez des bannières au lieu d'interstitiels et utilisez des plug-ins pour les conceptions de pop-up standard telles que l'inscription à une newsletter ou une invite de commentaires.

La source

5 idées de conception de pop-up conviviales

Voyons maintenant comment concevoir correctement vos pop-ups, afin qu'ils puissent causer moins de frustration à l'utilisateur et obtenir de meilleures performances :

Choisissez le bon style de conception

Créer une conception de pop-up efficace UX peut être délicat. Vous voulez que la fenêtre contextuelle soit perceptible, mais pas si envahissante qu'elle détourne les gens. Dans le même temps, le design doit être étroitement aligné sur l'identité de votre marque. Et enfin, il est important de garder la conception globale simple, en utilisant peu de couleurs, de polices et d'images.

Lorsqu'il est bien fait, un pop-up peut être un outil inestimable pour augmenter les conversions et générer des prospects.

Cependant, si la conception est trop chargée ou écrasante, cela ne fera que frustrer les utilisateurs et les repousser. Prenez donc le temps de créer un pop-up qui reflète fidèlement votre marque et offre une expérience utilisateur positive.

Position sur l'écran

Une autre chose à garder à l'esprit est que les pop-ups doivent être faciles à fermer.

Parce qu'elles interrompent l'expérience de navigation de l'utilisateur, les fenêtres contextuelles au premier plan doivent généralement être réservées aux informations importantes qui comptent pour l'utilisateur.

La source

Cependant, étant donné le large éventail de positions possibles pour un pop-up, les concepteurs ont une grande flexibilité dans la façon dont ils peuvent être utilisés.

Par exemple, un pop-up dans le coin de l'écran peut être moins intrusif qu'un devant et au centre.

Une approche populaire consiste à faire glisser la publicité contextuelle depuis le haut ou le bas de l'écran. Cela permet à l'utilisateur de continuer à interagir avec le site tant que la fenêtre contextuelle est présente. Avec cette méthode, le visiteur peut choisir quand (et si) il souhaite interagir avec la fenêtre contextuelle. Cependant, gardez à l'esprit que si la fenêtre contextuelle couvre trop l'écran et devient distrayante, elle peut toujours éloigner les utilisateurs.

Une autre approche conviviale consiste à rendre la fenêtre contextuelle moins intrusive en incluant un bouton de fermeture clairement visible ou vous pouvez simplement réduire la taille de la conception elle-même. De cette façon, les visiteurs peuvent toujours voir le contenu de votre page et sont plus susceptibles d'interagir avec votre pop-up.

Ciblez chaque visiteur

Avec une mise en page simple et une copie simple, il est très important d'adapter votre conception de pop-up à chaque visiteur de la page individuellement. Identifiez les pages clés où cela déclenchera une conversion.

Créer une expérience personnalisée pour les clients est un exercice d'équilibre délicat. D'une part, ne pas personnaliser du tout peut représenter une opportunité manquée pour les marques. D'autre part, selon Gartner, la sur-personnalisation rend les utilisateurs 3 fois plus susceptibles d'abandonner une marque.

Par conséquent, les points de données individuels peuvent être utiles pour créer une expérience plus personnalisée, mais il est important de les utiliser judicieusement. Trop de personnalisation peut être rebutante, il est donc important de trouver un équilibre qui sera apprécié par le client.

Horaire

Lorsqu'un utilisateur arrive sur votre site Web, idéalement, vous voulez qu'il s'engage d'abord avec votre contenu et qu'il navigue. Plus un visiteur passe de temps sur un site, moins il est susceptible de partir (et le plus sûr est de lui présenter une publicité pop-up).

La source

La source

Assurez-vous d'analyser le temps que les utilisateurs passent sur une page, c'est-à-dire la session moyenne. Utilisez Google Analytics pour suivre le trafic que vous recevez et agir en conséquence.

Cependant, si vous craignez de gâcher le timing d'apparition et de faire fuir les utilisateurs, voici quelques suggestions :

Fenêtres contextuelles d'entrée

Placer une fenêtre contextuelle dès qu'un utilisateur arrive sur une page peut faire des merveilles lorsqu'il suggère des offres ou des forfaits limités. Cependant, il n'est généralement pas recommandé par les moteurs de recherche lorsqu'il s'agit de sites Web de commerce électronique.

Défilement des fenêtres contextuelles

Si vous voulez vous assurer que les visiteurs de votre site ont passé un temps décent sur une page et sont suffisamment informés, un pop-up défilant est une bonne alternative. Vous pouvez configurer votre pop-up pour qu'elle apparaisse après avoir parcouru un certain pourcentage de la page en plaçant un ou plusieurs seuils pertinents.

Quitter les fenêtres contextuelles

Les fenêtres contextuelles de sortie sont également appelées publicités de départ trop tôt. Ils apparaissent lorsque votre curseur se déplace vers le bouton Précédent, ou lorsque vous êtes sur le point de fermer une page ou de cliquer sur un lien pour passer à une autre. La conception de pop-up de sortie peut être utilisée dans les dernières secondes qu'un visiteur passe sur une page pour suggérer une offre de dernière minute.

Cliquez sur les fenêtres contextuelles

Les fenêtres contextuelles de clic sont des boîtes de dialogue qui apparaissent à la suite d'un clic sur un bouton ou un lien pertinent. Ce sont probablement les types de pop-up les plus authentiques et les moins frustrants car ils surviennent après que l'utilisateur a déjà interagi avec le contenu de la page et pris une action.

Dans l'exemple ci-dessous, une fenêtre contextuelle d'inscription par e-mail est apparue après que j'ai cliqué sur le bouton "Rejoindre la liste d'attente":

La source

Avoir un ton de voix plein d'esprit/créatif/décontracté/décalé

Si vous souhaitez accrocher vos utilisateurs et les faire rester plus longtemps, détendez-vous un peu et rendez votre copie contextuelle pertinente et mémorable. Il n'a pas besoin d'être agressif ou grossier, ni 100% commercial.

Pensez simplement à qui est votre public, suivez son comportement, son emplacement, ses données démographiques et ses préférences, afin de pouvoir dresser un portrait de votre utilisateur moyen. Ensuite, concevez votre pop-up pour afficher quelque chose qui pourrait leur plaire.

résumer

Bien, tu l'as maintenant! Nous avons examiné une variété de pop-ups et d'exemples de publicités pop-up et discuté de conseils pratiques pour les rendre plus efficaces. J'espère que cela vous a donné quelques idées pour votre propre site Web.

Si vous avez besoin d'aide pour concevoir ou mettre en œuvre des pop-ups sur votre site, n'hésitez pas à contacter les experts en conception de sites Web de DevriX. Nous pouvons vous aider à créer une expérience attrayante et conviviale qui génère des résultats.