Concevoir sans dark patterns
Guide à l’intention des designers

6.10. Abonnement

Temps de lecture de la page : 3 min 30 

→ L’abonnement correspond à une étape importante selon le modèle économique choisi. Il est essentiel que ce parcours se passe le mieux possible pour l’utilisateur et respecte son libre arbitre. Pour ce faire, il faut :

Ne pas pousser à l’abonnement

L'utilisateur ne doit pas être poussé à s’abonner. 

On voit souvent l’utilisateur incité à s’abonner grâce à différentes techniques :

  • l’utilisateur s’abonne sans s’en rendre compte ;
  • abonnement obligatoire pour commander ;
  • navigation compliquée poussant l’utilisateur vers l’abonnement.
Exemple
page amazon, avec le titre “Nous vous offrons 30 jours d’essai GRATUIT à Prime” le détail, les avantages et 2 boutons. Un bouton secondaire “Continuer sans la livraison accélérée Prime” et un bouton primaire “Continuer avec Prime - Payer plus tard”

Service poussant à l’abonnement

Lors d’un parcours d’achat d’Amazon, un bouton pour s’abonner à Amazon Prime est ajouté. Ce bouton est trompeur, car :

  • mis en bouton primaire (hiérarchie) ;
  • formulation incitant à l'abonnement.

L’utilisateur risque de s’abonner sans s’en rendre clairement compte

Exemple
Publicité sur Spotify entre deux chansons. Replongez dans une expérience d’écoute optimale. Avec Premium, écoutez les titres de votre choix, à tout moment.

Service poussant à l’abonnement

Spotify rend l’expérience de l’utilisateur compliquée pour le pousser à s’abonner.
Le service augmente le nombre de publicités bien qu'elles ne servent pas à financer le service. Vantant les mérites de l’offre premium, elles sont uniquement là pour ajouter de la friction.

Bonnes pratiques

L’utilisateur doit pouvoir comprendre qu’il s’abonne et avoir le choix de le faire ou non.

Le service ne doit pas rendre :

  • l’expérience utilisateur plus compliquée qu'elle pourrait l'être, particulièrement si c'est pour pousser l’utilisateur à s’abonner ;
  • l’abonnement obligatoire (lorsque ce n'est pas nécessaire).

Faciliter la sortie d’un abonnement

L’utilisateur doit pouvoir facilement et à tout moment se désinscrire d’un abonnement. L'utilisateur doit pouvoir facilement trouver :

  • les informations concernant la désinscription ;
  • le bouton pour se désinscrire.


L’article 25 du Digital Service Act interdit de “rendre la procédure de désinscription d'un service plus compliquée que l'inscription à celui-ci”.

Exemple
4 écrans pour se désabonner de Amazon Prime. Premier écran “Prénom vous avez encore 30 jours d'essai gratuit pour profiter d’amazon prime” suivi de 3 boutons “M’envoyer un rappel plus tard”, “Continuer à annuler” et “Conserver mes avantages”. En cliquant sur continuer à annuler, nous arrivons sur le 2e écran “souhaitez-vous changer pour Amazon Prime annuel?” suivi de 3 boutons “M’envoyer un rappel plus tard”, “Continuer à annuler” et “Conserver mes avantages”. En cliquant sur continuer à annuler, nous arrivons sur le 3e écran “Prénom, nous sommes désolés de vous voir partir” suis de 3 boutons “M’envoyer un rappel plus tard”, “Conserver mon abonnement” et “Annuler mon abonnement”.  En cliquant sur Annuler mon abonnement, nous arrivons sur une pop up “Nous sommes désolés de vous voir partir. Aidez-nous à améliorer nos services en répondant à ce questionnaire en ligne d’une durée de 2 minutes.” avec un bouton “Démarrer le questionnaire”

Désinscription difficile

Une fois le bouton pour se désinscrire trouvé, l’utilisateur passe par quatre étapes pour la valider. L'ajout de ces nombreuses étapes ajoute de la friction. Elles poussent l’utilisateur à ne pas aller au bout de sa désinscription.
Cas du service d'Amazon Prime.

Pour aller plus loin :

Prévenir en cas de débit à venir

L'utilisateur doit être prévenu avant tout débit ou prélèvement bancaire.
Cela lui permettra :

  • d’être au courant ;
  • de choisir s’il veut continuer l’abonnement, ou non.


C'est particulièrement pertinent dans le cas d'une fin de période d’essai. L’utilisateur peut choisir librement s’il continue ou non l’abonnement.