HEY

Participe au prochain Webflow Challenge

Pop-up : Les 10 erreurs à ne pas commettre pour éviter une mauvaise expérience utilisateur.

Loin d’être apprécié, il s’avère qu’une pop-up reste très efficace pour augmenter notre base de leads, faire des annonces ou pour demander l’avis.

Mis à jour le

20/4/2021

Les Pop-ups sont utilisées depuis des décennies et sont ne sont pas dans la plupart des cas appréciées par les internautes. En effet, elles pénalisent fortement l’expérience utilisateur. Dans 95% des cas, elles sont aussitôt fermées à peine qu’elles s’affichent.

Toutefois, les pop-ups sont très efficaces pour augmenter notre base de leads, faire des annonces ou encore pour demander l’avis des internautes. Cette efficacité n’est prouvée que si et seulement si les pop-ups sont conçues de la bonne manière.

Voyons ensemble les erreurs qu’il faut impérativement éviter. Tu vas découvrir qu’en matière de pop-ups, il est question de bon “timing”.

Remarque générale: Google pénalise les sites qui utilisent des pratiques rendant le contenu moins accessible aux utilisateurs, en particulier sur les écran mobiles.

🌈Sondage

Quel est ton avis sur les pop-ups ? Tu les utilises ?
A- Oui, j’utilise les pop-ups cars elles sont efficaces.
B- J’évite de les utiliser.
C- Je déteste les pop-ups, je ne les utilises jamais.
Donne-moi ton avis en commentaire !

Sommaire

Popup & Timing

  1. Montrer une pop-up avant même de voir le contenu
  2. Montrer une pop-up juste après l’inscription
  3. Demander une adresse e-mail avant même de voir le contenu
  4. Demander l’avis du visiteur avant même d’interagir avec le contenu
  5. Demander l’avis du visiteur lors d’une tâche critique
  6. Montrer plusieurs pop-ups l’une après l’autre
  7. Montrer une pop-up avant de passer sur un nouveau sous-domaine
  8. Interrompre le visiteur lors de la lecture d’un article de blog
  9. Montrer une pop-up pour le GDPR & Consentement Cookie
  10. Proposer au visiteur de passer à l’application mobile

Vidéo

Conclusion

1.Montrer une pop-up avant même de voir le contenu

Quelle que soit la variante utilisée, une pop-up ne doit jamais apparaître avant que les utilisateurs ont eu le temps de tirer profit de ton site Web ou de ton application.

Cette tendance est très intrusive car la tâche des utilisateurs est interrompue avant même qu'ils n'atterrissent sur la page. Les gens se sont habitués à voir des fenêtres pop-up prématurées sur les sites Web et les ignorent généralement ou cherchent immédiatement le moyen le plus rapide de la fermer.

💎Solution: Ajoute un délais raisonnable de par exemple 180 secondes de manière que ton visiteur a le temps de marquer son intérêt pour ton contenu.

Le seul cas d'utilisation où il est acceptable d'afficher un type quelconque de fenêtre pop-up avant le chargement du contenu de la page est celui où ton site est légalement obligé de demander le consentement des utilisateurs pour accepter l'utilisation de cookies ou vérifier leur âge.

A ne pas imiter: https://www.uncommongoods.com/

2. Montrer une pop-up juste après l’inscription

Une pop-up affichée juste après la connexion de l'utilisateur est tout aussi gênante qu'une pop-up affichée avant le chargement du contenu de la page.

Lorsque les utilisateurs se connectent à leur compte, ils pensent à une étape particulière ou une tâche subséquente en tête - sinon pourquoi se seraient-ils connectés ! De plus, ils risquent d'être frustrés par l'interruption, par le temps supplémentaire et le coût de l'interaction nécessaire pour fermer la fenêtre contextuelle ou la déplacer.

💎Solution : Laisse aux utilisateurs le temps et l'espace nécessaires pour accomplir leurs tâches après s'être connectés à leur compte. N'affiche donc pas les fenêtres pop-up tout de suite.

En règle générale, privilégie toujours des méthodes moins intrusives, telles que les infobulles, pour communiquer sur ces éléments.

A imiter: https://www.wildsouls.gr/en

3. Demander une adresse e-mail avant même de voir le contenu

De nombreux sites et applications utilisent des pop-ups pour demander l'adresse email des utilisateurs avant même qu'ils aient eu la possibilité d'interagir avec le contenu. Les sites et applications de commerce électronique, d'actualités et les blogs sont les plus grands contrevenants dans cette catégorie.

Cette approche est problématique, car non seulement les utilisateurs sont gênés par celle-ci, mais ça donne l’impression au visiteur que la newsletter sera moins qualitative et atterrira dans la boîte de SPAM.

💎Solution : Plutôt que d'afficher des fenêtres pop-up d'e-mail dès le début, réfléchi au moment où les utilisateurs sont le plus à l'aise pour partager leur adresse e-mail.

A ne pas imiter: https://www.wildsouls.gr/en

4. Demander l’avis du visiteur avant même d’interagir avec le contenu

Recevoir des commentaires de tes utilisateurs est important, mais tu ne devrais pas inonder les gens de demandes de commentaires avant qu'ils aient fait quoi que ce soit sur ton site. Le plus souvent, les utilisateurs ferment rapidement la pop-up, sans avoir l'intention de la consulter à nouveau.

💎Solution : Demande aux utilisateurs de donner leur avis immédiatement après avoir effectué une tâche importante sur ton site. Cette approche minimise les interruptions et garantit que le retour d'information sera basé sur une interaction réelle.

Par exemple, le logiciel de vidéoconférence demande aux utilisateurs de donner leur avis après la fin d'une réunion.

5. Demander l’avis du visiteur lors d’une tâche critique

Les utilisateurs détestent être interrompus. Pourtant, les exemples de sites Web et d'applications qui dérangent les utilisateurs avec des pop-ups de retour d'information au milieu de tâches critiques sont nombreux. La plupart du temps, donner un avis n'est pas la raison principale de la visite de tes utilisateurs, alors ne le dérange pas non plus avec des fenêtres pop-up au milieu de tâches critiques.

💎Solution: En plus de demander aux utilisateurs de ne donner leur avis qu'une fois les tâches critiques terminées, offre-leur un moyen statique et non intrusif de donner leur avis, quand ils le souhaitent. Un onglet sur le côté de l'écran, un lien dans le pied de page ou un lien dans la navigation sont tous des alternatives acceptables.

A ne pas imiter: dans un CRM, tu crées un nouveau contact et l’outil te demande de laisser un avis.

6. Montrer plusieurs pop-ups l’une après l’autre

L'affichage de plusieurs pop-ups les uns sur les autres donne à ton site une apparence non professionnelle, désespérée et désorganisée.

Cela submerge également les utilisateurs et les oblige à faire des efforts pour fermer chacune d'entre elles.

💎Solution: Si tu dois présenter des informations critiques (par exemple, des avertissements, annonces, nouveautés) dans une fenêtre pop-up, assure-toi de n'en afficher qu'une à la fois.

A ne pas imiter: https://www.uncommongoods.com/

7. Montrer une pop-up avant de passer sur un nouveau sous-domaine

Affichage d'une pop-up avant que l'utilisateur ne passe à un nouveau sous-domaine ou site externe : certains sites Web d'entreprise renvoient à du contenu ou à des applications qui vivent sur des sous-domaines et des sites externes.

Avant que les utilisateurs ne quittent le site principal, une pop-up apparaît pour les avertir de la transition imminente. Ce type de fenêtre contextuelle est problématique car il met trop l'accent sur la transition, ce qui donne aux utilisateurs un sentiment de perte et de confusion, surtout si les sous-sites s'ouvrent dans un nouvel onglet du navigateur.

💎Solution : Supprime les pop-ups, minimise les transitions entre les sites et conserve toujours la navigation vers le site principal lorsque tu lies les utilisateurs à des propriétés externes.

Par exemple, si tes utilisateurs doivent être avertis lorsqu'ils quittent ton site, utilise une option moins intrusive, comme une infobulle sur le lien, pour rendre la transition plus subtile.

A ne pas imiter: https://www.uncommongoods.com/

8. Interrompre le visiteur lors de la lecture d’un article de blog

Une pop-up qui apparaît immédiatement après le chargement d'un article ou d'un autre élément de contenu long (comme ceux que l'on trouve généralement dans les sections "À propos de nous" ou "Actualités" des sites Web) donne l'impression que le site conditionne l'accès à ce contenu.

💎Solution : Permet aux utilisateurs de consommer le contenu immédiatement, sans interruption. Remplace la fenêtre pop-up par une bannière fine, facile à supprimer, en haut de la page.

9. Montrer une pop-up pour le GDPR & Consentement Cookie

Les utilisateurs rejettent déjà hâtivement les pop-ups car ils supposent que rien de bon n'en sortira. Pour communiquer des informations importantes liées au GDPR et à l'utilisation des cookies.

💎Solution : Privilégie les bannières fines placées en bas ou sur le côté de la page. Elles sont beaucoup moins intrusives et permettent aux utilisateurs de poursuivre leurs tâches.

Veille à fournir suffisamment d'informations sur la manière dont les données personnelles des utilisateurs sont collectées et utilisées.

Exemple: https://www.uber.com/be/fr/

10. Proposer au visiteur de passer à l’application mobile

Il est courant de voir des pop-ups qui encouragent le passage d'un site Web mobile à une application mobile associée - notamment sur les sites Web de commerce électronique ou d'actualité.

Ces superpositions sont perturbatrices et problématiques dans de nombreuses situations : souvent, les internautes sont des utilisateurs ponctuels qui n'ont aucun intérêt à télécharger une application pour une tâche occasionnelle.

💎Solution: Fait connaître l'application mobile de votre organisation, mais pas au prix d'une intrusion dans la tâche en cours de l'utilisateur. Privilégie les approches discrètes, comme une bannière supérieure standard, et souligne les avantages de l'utilisation de l'application pour faciliter la transition vers ce canal.

Conclusion

Tu te demande peut-être quand il est acceptable d'utiliser des fenêtres pop-up ; la réponse est : avec parcimonie. Résiste à l'envie de suivre la foule et n'inonde pas tes utilisateurs d'interruptions pour renforcer les mesures à court terme. Explore des approches alternatives qui respectent les besoins de tes utilisateurs et préservent l'intention de ton business à recueillir des commentaires, d'informer les utilisateurs de la collecte de données, d'acquérir des adresses électroniques ou d'encourager les transitions de canaux.

Commentaires

FORMATION GRATUITE

Commence par suivre la Formation Gratuite, tu y découvriras les bases de Webflow et un avant gout de ce qui t’attend dans la formation Webflow Expert et Business Créatif.

Commence gratuitement

Pause cafe

4 articles que tu pourrais aimer

FORMATION GRATUITE

Enregistre-toi ici pour accéder à la
la Formation Gratuite

Commence par suivre la Formation Gratuite, tu y découvriras les bases de Webflow et un avant gout de ce qui t’attend dans la formation Webflow Expert et Business Créatif.

Commence la formation gratuite