10 règles à suivre pour les popups et les fenêtres modales

Les popups habilement utilisés ou les fenêtres modales non cliquées sont probablement les meilleurs moyens d'attirer des abonnés à la newsletter, de vendre des produits et de faire remarquer votre message en général. Mais ils sont tellement ennuyeux !

Le problème est qu'ils sont parfois beaucoup trop envahissants et que les utilisateurs le détestent lorsqu'ils sont bombardés de popups constants. C'est pourquoi vous devez trouver le bon équilibre entre l'utilisation de popups à des fins marketing et la satisfaction de vos visiteurs. Voici 10 règles de base à suivre pour rendre vos popups un peu moins ennuyeux.

1. Rendre le popup/modal simple

Comme une popup est vraiment visible, vous pourriez être tenté d'y inclure plein de choses. C'est une énorme erreur ! Premièrement, lorsque vous incluez beaucoup de choses sur un petit endroit, cela devient encombré et il devient très facile de manquer les choses importantes à cause de tous les détails mineurs qui l'enterrent.

Deuxièmement, plus vous mettez de choses dans une fenêtre contextuelle, plus l'utilisateur a de chances de partir. Par exemple, si vous utilisez une fenêtre contextuelle pour gagner des abonnés à la newsletter, il est sage de demander à l'utilisateur d'entrer son adresse e-mail, mais ne faites pas de la fenêtre contextuelle un formulaire avec des dizaines de zones de texte à remplir par l'utilisateur. Si vous demandent trop de données, l'utilisateur fermera simplement la fenêtre contextuelle et il pourrait même quitter complètement votre site.

Par conséquent, les éléments que vous pouvez inclure dans une fenêtre contextuelle sont votre logo, un champ pour l'adresse e-mail, éventuellement un champ Nom, un bouton S'abonner et, bien sûr, un bouton Fermer. Si vous le devez vraiment, vous pouvez inclure une courte vidéo dans la fenêtre contextuelle, mais comme cela ralentira le chargement de la fenêtre contextuelle et sera plus gênant, soyez très prudent lorsque vous le faites.

2. Placez le bouton de fermeture dans un endroit visible

Pour les utilisateurs, le bouton Fermer est le composant le plus important d'une fenêtre contextuelle qu'ils n'aiment pas. Vous n'avez pas besoin de rendre le bouton Fermer énorme mais vous devez le rendre assez grand et surtout – le mettre dans un endroit visible. Vous pourriez penser que s'il n'y a pas de bouton Fermer, comme dans la capture d'écran ci-dessous, vous obtiendrez un taux de conversion plus élevé, mais ce n'est pas le cas. Lorsqu'un utilisateur n'aime pas la popup et qu'il ne voit pas de moyen facile de la fermer, il ne lui reste plus qu'à quitter votre site. De cette façon, vous perdez non seulement une vente mais aussi un visiteur.

3. Ne placez pas de popups sur absolument toutes les pages

Plus un visiteur rencontre souvent une fenêtre contextuelle, plus il devient irrité. Par conséquent, à moins que vous ne vouliez que vos lecteurs vous détestent, ne placez pas de popups sur absolument toutes les pages. Vos choix ici varient en fonction du plugin popup que vous utilisez, mais presque tous les bons plugins/scripts popup permettent d'affiner le calendrier d'affichage. Vous pouvez choisir d'afficher un popup sur des pages particulières uniquement, sur chaque Nième page, après que l'utilisateur a effectué une action particulière (c'est-à-dire qu'il a passé 30 secondes ou plus sur la page, ce qui suggère qu'il est intéressé par le contenu de la pages), etc...

4. Autoriser l'utilisateur à se désabonner complètement

Certaines fenêtres contextuelles vous permettent de donner à vos utilisateurs le choix de se désabonner complètement des fenêtres contextuelles. C'est une bonne idée de donner ce choix à vos utilisateurs, car s'ils ne veulent pas voir les popups, vous ne pouvez pas leur en donner envie. Ne pleurez pas pour la vente perdue - lorsque les utilisateurs ne voient pas de popups, ils peuvent cliquer sur d'autres publicités à la place, il ne s'agit donc pas de trafic indésirable.

5. N'utilisez pas le popup comme laissez-passer vers votre site

Il y a quelques semaines, je suis parfois tombé sur l'impensable - un popup qui dit que vous ne pouvez pas avancer à moins de remplir une offre. Je suppose que c'était une sorte d'offre d'affiliation du type qui rapporte une commission au propriétaire du site, mais j'ai été choqué par cette approche. Je suis vraiment désolé de ne pas avoir noté l'URL du site pour le donner comme exemple d'une très mauvaise utilisation de popup mais malheureusement, je ne peux pas imaginer que ce soit le seul site qui utilise cette pratique totalement inacceptable.

N'utilisez pas la fenêtre contextuelle comme laissez-passer pour accéder à votre site, surtout si vous demandez à l'utilisateur d'effectuer un achat. Cela ne fonctionne tout simplement pas – les utilisateurs ne sont pas si stupides !

6. Évitez (complètement) le son et le flash dans les popups

Une fenêtre contextuelle de texte et d'image peut vous sembler trop maigre et vous pourriez être tenté de la pimenter un peu, mais vous devez le faire avec prudence. Je me souviens qu'il y a de nombreuses années, lorsque le Net était jeune, chaque débutant en design manquait rarement d'inclure de la musique et de l'animation sur sa page. C'était vraiment irritant et je le classerais comme une chose du passé mais malheureusement de temps en temps je vois une utilisation insipide du son et du Flash sur le Web, y compris dans les popups. Comme pour les vidéos, ne le faites que si vous y êtes absolument obligé.

7. Testez plusieurs versions de popup

Vous pourriez être un génie et penser que vous enfoncerez le clou la première fois que vous essayez, mais si vous avez une vision plus réaliste de la vie, vous admettrez que vous ne pouvez jamais être sûr de l'avoir fait du premier coup. C'est pourquoi, avant de commencer à diffuser vos popups à tous vos visiteurs, faites des tests sur un petit échantillon avec plusieurs versions de popup et voyez quelle version se convertit le mieux.

8. Rendez vos popups rapides

L'une des pires erreurs que vous puissiez commettre avec un popup est de le rendre si gros qu'il faut des années pour l'afficher et des millénaires pour que la page se charge. Les vidéos, le son et Flash contribuent à un gros popup, mais même les images seules (surtout si elles ne sont pas stockées localement mais téléchargées ailleurs) peuvent ralentir un popup. La vitesse est une raison de plus pour garder vos popups simples.

9. Considérez les popups de sortie

Peu importe à quel point vous êtes miséricordieux envers vos utilisateurs, les popups sur la page sont irritants. Afin d'éviter cela, vous pouvez envisager des popups de sortie. Les fenêtres contextuelles de sortie sont moins irritantes car elles ne s'affichent qu'une seule fois - lorsque l'utilisateur est sur le point de quitter votre page. Cependant, étant donné que les fenêtres contextuelles de sortie existent en plusieurs versions, sachez que les boîtes d'alerte de sortie JavaScript (illustrées dans la capture d'écran ci-dessous) sont certainement irritantes, vous pouvez donc également réduire leur utilisation.

10. Testez vos popups

Habituellement, les bons plugins/scripts popup sont déjà testés pour vous et tout ce que vous avez à faire est d'ajouter votre texte/images et vous êtes prêt à partir, mais si vous voulez vous assurer que tout va bien, vous devez tester votre popup avec différents navigateurs ou même sur différentes plateformes. Si possible, vous pouvez demander à un petit groupe de vos utilisateurs les plus fidèles de les tester également, donc s'il y a des problèmes, vous les repérerez avant de lancer la fenêtre contextuelle pour que tout le monde puisse les voir.

Lorsqu'ils sont utilisés à bon escient, les popups font un excellent travail. Faites juste attention à ne pas franchir la ligne entre l'utilisation et l'abus, et vous serez du bon côté. Ce n'est qu'alors que vous pourrez profiter des avantages des popups plutôt que de traiter avec des visiteurs en colère.