Le Manuel Ultime des Secrets de ClaudeJ’y vais
Parlons-en

8 min de lecture

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

20/4/2021
Web Design,Freelance,SEO

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. Vous allez 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 votre avis sur les pop-ups ? Vous les utilisez ?
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.
Donnez-moi votre 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

YouTube video player

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 votre site Web ou de votre 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:Ajoutez un délais raisonnable de par exemple 180 secondes de manière que votre visiteur a le temps de marquer son intérêt pour votre 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ù votre 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 : Laissez aux utilisateurs le temps et l'espace nécessaires pour accomplir leurs tâches après s'être connectés à leur compte. N'affichez donc pas les fenêtres pop-up tout de suite.

En règle générale, privilégiez 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 vos utilisateurs est important, mais vous ne devriez pas inonder les gens de demandes de commentaires avant qu'ils aient fait quoi que ce soit sur votre site. Le plus souvent, les utilisateurs ferment rapidement la pop-up, sans avoir l'intention de la consulter à nouveau.

💎Solution: Demandez aux utilisateurs de donner leur avis immédiatement après avoir effectué une tâche importante sur votre 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 vos utilisateurs, alors ne les dérangez 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, offrez-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, vous créez un nouveau contact et l’outil vous 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 à votre 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 vous devez présenter des informations critiques (par exemple, des avertissements, annonces, nouveautés) dans une fenêtre pop-up, assurez-vous 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: Supprimez les pop-ups, minimisez les transitions entre les sites et conservez toujours la navigation vers le site principal lorsque vous liez les utilisateurs à des propriétés externes.

Par exemple, si vos utilisateurs doivent être avertis lorsqu'ils quittent votre site, utilisez 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égiez 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.

Veillez à 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: Faites 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égiez les approches discrètes, comme une bannière supérieure standard, et soulignez les avantages de l'utilisation de l'application pour faciliter la transition vers ce canal.

Conclusion

Vous vous demandez peut-être quand il est acceptable d'utiliser des fenêtres pop-up ; la réponse est : avec parcimonie. Résistez à l'envie de suivre la foule et n'inondez pas vos utilisateurs d'interruptions pour renforcer les mesures à court terme. Explorez des approches alternatives qui respectent les besoins de vos utilisateurs et préservent l'intention de votre 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.

typeform-embed

Commentaires

Dans la joie et la bonne humeur

Là où créer son Business en Ligne est aussi simple qu’un jeu d’enfant.

Que vous soyez débutant ou expérimenté, la Happy.webacademy vous donne l’énergie, les stratégies et les outils pour avoir plus de liberté et générer des résultats qui propulseront votre chiffre d’affaires dans les étoiles.

Votre Site Web
Votre Coaching
Votre Espace détente
Votre Espace de rencontre
Votre Formation
Certifiés 100%
ULTRA enrichissant et décoiffant!
Propulsez votre vie & votre Business en 30 jours !
Formation

Happy.webacademy.

La seule, l’unique, la vraie où toutes les idées peuvent germer, se développer et aboutir. Chaque phase de développement du Business est pensée jusqu’au moindre détail (même le plus rikiki) pour vous accompagner dans votre projet.

Fondations, développement, accompagnement, entraide, coaching, Site Web, outils Web et même les cookies. Rejoindre la Happy.webacademy c’est faire partie de cet écosystème sans risque, il n’y a qu’à sauter le pas et se laisser guider.
L'IA activée pour accélérer votre transformation 🤖
12 Modules à jour
On vous offre une formation de dingue avec des plans d'action, des mises à jour régulières, un accès pour la vie, et un support 24/7, 365 jours par an. Tout ce qu'il vous faut (et même plus) pour faire briller votre vie, votre business et développer vos compétences.
Votre propulseur
Communauté
On met tout en place pour que vous soyez toujours au top de vos questions et que vous puissiez grandir avec une communauté qui a les mêmes rêves que vous, et que vous puissiez rencontrer des personnes super inspirantes.
Plus jamais seul
Votre Site Web !
Qui de mieux que des experts du Web pour vous créer un Site Web clé en main et vendre vos offres rapidement sans devoir vous casser la tête avec la technique. Terminées les nuits blanches à vous arracher les cheveux, on a tout prévu pour accélérer votre croissance en ligne!
On va vous créer
un Astéroïde
12 mois Offerts
On répond à toutes vos questions Business, de Mindset et de Pépètes. C’est aussi le meilleur moyen pour recevoir votre dose de motivation au quotidien, tout est possible !
N’oubliez pas d’amener
des cookies
Stratégie 3.0
Le Web et l'e-commerce évoluent à une vitesse incroyable, et si vous ne tenez pas le rythme, vous allez perdre de l'argent. C'est pourquoi on va vous partager toutes nos dernières astuces, découvertes et innovations (automatisations, intelligence artificielle,...) pour que vous et votre business restiez au TOP!
2 Coachs Business
Kevin & Sophie, 2 coachs sur le terrain depuis 10 ans qui seront là pour vous motiver, booster votre mindset, et bien plus encore! Tout au long de votre aventure entrepreneuriale sur le Web & dans l'e-commerce, on vous soutiendra pour valider des opportunités ou vous aider à optimiser vos performances. Vous ne serez PLUS JAMAIS seul !
Suivi en continu
C'est parfois difficile de prendre du recul sur votre travail quand on débute (même après), c'est pourquoi on sera toujours là pour examiner votre travail en privé AVANT que vous ne dépensiez de l'argent en publicité ou en influenceurs.
Investissement
Créer un business rentable engendre des besoins d'optimisation financière. C'est pourquoi on vous donnera les astuces qu'on utilise nous aussi pour que vous puissiez apprendre à investir l'argent que vous allez gagner à long terme pour vous créer un patrimoine.
Une question ? Parlons-en