Concevoir les écrans d’abonnement mobile : clarifier les offres
Un guide pratique de conception des écrans d’abonnement mobiles : valeur de l’offre, comparaison des abonnements, conditions d’essai et de renouvellement, contexte d’achat et liste de vérification.
Un écran d’abonnement présente un choix au sein d’une expérience produit plus large. La personne doit pouvoir comprendre ce qu’ajoute une offre payante, si elle répond à ses besoins, quel montant lui sera facturé et ce qui se passe si elle poursuit sans s’abonner.
Le travail de conception le plus important commence avant le style visuel. Déterminez ce que la personne vient d’essayer de faire, quel avantage de l’abonnement est pertinent à ce moment et quelles conditions de l’offre doivent être comprises avant l’affichage de la fenêtre d’achat du système. Un examen ciblé permet ensuite de relever les ambiguïtés de l’offre, de la hiérarchie et des possibilités de quitter l’écran.
Points clés à retenir
- Reliez l’offre à un avantage concret du produit et à l’action qui l’a déclenchée.
- Affichez le montant réellement facturé et la périodicité de chaque offre, y compris ce qui suit une offre de lancement.
- Assurez la compréhension de la comparaison des offres, des conditions d’essai, de l’achat, de la restauration, de la connexion et de la fermeture comme un seul parcours.
- Examinez l’écran dans son contexte et dans les états traduits, accessibles et propres aux abonnés de retour.
Partir du moment, pas d’un modèle
Un écran d’abonnement affiché après l’appui sur une fonctionnalité verrouillée n’a pas le même rôle qu’une invitation à s’abonner pendant l’accueil. Nommez la fonctionnalité et expliquez l’avantage précis qui devient disponible. Pendant l’accueil, donnez assez de contexte pour montrer le lien entre l’abonnement et le produit. Une demande sans contexte peut ressembler à une interruption.
Appuyez-vous sur le parcours environnant pour fixer les attentes. Si les personnes peuvent d’abord essayer une partie du produit, laissez cette expérience démontrer sa valeur. Si l’accès est limité, expliquez la limite et quand elle est réinitialisée. Les recommandations d’interface d’Apple préconisent des invitations pertinentes ; Google Play attend des promotions qu’elles précisent si l’application peut être utilisée sans abonnement.
Les personnes déjà abonnées peuvent avoir besoin de se connecter ou de restaurer leur achat. Celles qui ne sont pas prêtes à acheter ont besoin d’un retour clair vers le produit. Concevez ces possibilités comme de vrais parcours et vérifiez qu’elles mènent à une étape utile.
Faciliter la comparaison des offres
Donnez à chaque option un nom court, une durée et un prix clairement formulé. Le montant réellement facturé doit être facile à trouver ; un équivalent mensuel plus discret peut aider à comparer les offres, mais ne doit pas remplacer le montant total débité. Si une offre est sélectionnée par défaut, ce choix doit être visible et sa justification ne doit pas reposer sur une étiquette vague comme « Meilleure offre ».
Une comparaison utile indique ce qui change entre les offres : niveau d’accès, contenu, service, durée ou autre avantage significatif. Ne forcez pas les personnes à déduire la différence d’une couleur ou d’un pourcentage de réduction. S’il n’y a qu’une offre, utilisez l’espace pour expliquer sa valeur et ses conditions.
Les recommandations d’Apple sur les achats intégrés demandent des options, un prix, une durée et un montant total facturé clairement présentés. Google Play met en garde contre la présentation d’un abonnement de longue durée principalement sous forme de mensualités lorsque le paiement réel porte sur toute la période. Faites du montant total l’information principale et ajoutez des détails comparatifs secondaires lorsqu’ils sont utiles.
| Aspect à vérifier | Présentation claire | Question à poser |
|---|---|---|
| Identification de l’offre | Le nom et la durée distinguent chaque option | Peut-on comprendre la différence sans deviner ? |
| Prix | Le montant total et la périodicité de facturation apparaissent ensemble | Le montant dû maintenant ressort-il davantage qu’un équivalent calculé ? |
| Offre de lancement | La durée de l’offre, le prix initial et le prix suivant sont indiqués | Peut-on expliquer ce qui sera payé après la fin de l’offre ? |
| Avantages | Les accès précis inclus sont associés à l’offre | Chaque promesse correspond-elle à ce que le produit fournit pendant tout l’abonnement ? |
Expliquer simplement les essais et le renouvellement
Un essai gratuit est une offre limitée dans le temps qui peut devenir un abonnement payant. Indiquez sa durée, la date du premier paiement, le montant et la périodicité qui suivront, ainsi que le renouvellement automatique éventuel. Placez ces détails près de l’offre et de l’action concernées.
Ne confiez pas toute l’explication au libellé du bouton. « Démarrer l’essai gratuit » décrit l’étape immédiate, mais pas le paiement ultérieur. Accompagnez-le de conditions concises et lisibles. Gardez le texte lisible aux tailles d’affichage courantes, laissez-le s’agrandir selon les réglages de texte et évitez de placer des conditions essentielles dans un faible contraste ou une mise en page susceptible de les couper après traduction.
La fenêtre d’achat du système fait partie du parcours de la plateforme, mais ne remplace pas un écran d’offre cohérent. Apple demande d’utiliser la fenêtre de confirmation par défaut sans l’imiter. Clarifiez le choix et les conditions avant de passer à cette interface système, puis reflétez exactement l’état de l’abonnement obtenu dans l’application.
- La durée et les conditions d’admissibilité de l’essai sont claires pour l’offre affichée.
- La date ou l’événement déclenchant la facturation est compréhensible.
- Le prix après l’essai, la période de facturation et le renouvellement automatique sont visibles avant l’achat.
- Les mêmes conditions restent compréhensibles dans la langue et la devise de la personne.
Examiner tout le parcours d’achat et de retour
Suivez l’action principale jusqu’à la confirmation d’achat native, puis examinez les états de réussite, d’annulation, d’attente et d’échec. Vérifiez qu’un achat annulé ne paraît pas terminé. Examinez ce qui se passe à la réouverture de l’application, lors d’une connexion sur un autre appareil et lorsqu’un abonné actif rencontre l’offre.
Rendez les options de compte et de récupération faciles à trouver. Ne proposez pas à une personne déjà abonnée de racheter le même accès si elle doit plutôt se connecter ou restaurer son achat. Apple recommande de permettre aux abonnés existants de se connecter ou de restaurer leurs achats. La gestion de l’abonnement doit se trouver à un endroit prévisible du compte ou des réglages ; Apple souligne aussi l’importance d’une annulation facile. Sur Google Play, les informations sur l’abonnement et une méthode d’annulation en ligne font partie des exigences actuelles de la plateforme. Suivez les recommandations de mise en œuvre en vigueur pour le mode de facturation concerné.
Comparez l’écran d’abonnement au produit qui l’entoure. Typographie, images et interaction doivent former un ensemble cohérent. Utilisez la bibliothèque d’écrans d’abonnement ScreenKits pour étudier la disposition des prix, avantages, conditions d’essai et contrôles de sortie, puis confrontez ces observations au parcours complet de l’application. La galerie est une référence de conception, et ne prouve ni l’efficacité ni la conformité d’un modèle.
- Une personne déjà abonnée peut-elle se connecter ou restaurer son accès sans recommencer ?
- Sait-on comment fermer l’offre ou continuer avec l’accès gratuit disponible ?
- Les états de réussite, d’annulation et d’erreur de l’achat expliquent-ils ce qui s’est passé et quoi faire ensuite ?
- Peut-on trouver l’état et la gestion de l’abonnement dans les réglages du compte ?
- La traduction, l’agrandissement du texte, le contraste, les lecteurs d’écran et les zones tactiles ont-ils été vérifiés ?
Liste de contrôle pratique pour concevoir un écran d’abonnement
Utilisez cette liste lors d’une critique de design, d’un examen de prototype ou d’une vérification avant publication. Lisez chaque point du point de vue d’une personne qui voit l’offre pour la première fois, puis recommencez comme si elle était déjà abonnée. Si l’écran et son parcours immédiat ne permettent pas de répondre à une question, clarifiez l’interface avant de compter sur l’assistance pour combler la lacune.
| Vérification | Condition de réussite |
|---|---|
| Contexte | La raison de l’apparition de l’offre et l’avantage pertinent sont évidents. |
| Accès | L’écran indique exactement ce qui exige un paiement et ce qui reste disponible sans lui. |
| Comparaison | Chaque option a un nom, une durée et un montant total distincts. |
| Essai | La durée de l’offre, le début de la facturation, le prix suivant et le renouvellement sont visibles ensemble. |
| Action | Le bouton principal décrit l’étape suivante sans masquer les conditions essentielles. |
| Autres possibilités | Les actions de fermeture, de connexion et de restauration sont faciles à trouver lorsqu’elles sont pertinentes. |
| États | La réussite, l’annulation et l’échec de l’achat produisent chacun un résultat compréhensible. |
| Accessibilité | Le texte reste lisible lorsqu’il est agrandi et le contenu fonctionne avec les technologies d’assistance. |
| Traduction | Les prix, devises, dates et textes s’adaptent aux marchés pris en charge sans être coupés. |
| Gestion | Une personne abonnée peut trouver l’état de son abonnement et le chemin pour le gérer dans l’application. |
Questions courantes
Que doit contenir un écran d’abonnement d’une application mobile ?
Expliquez les avantages pertinents de l’abonnement, distinguez chaque offre, affichez le montant total et la périodicité de facturation, présentez les conditions d’essai et de renouvellement lorsqu’elles s’appliquent, et proposez des chemins utiles aux abonnés existants et aux personnes qui n’achètent pas.
Un écran d’abonnement doit-il afficher l’équivalent mensuel d’une offre annuelle ?
Cela peut aider à comparer les durées, mais cette information doit rester secondaire par rapport au montant total facturé et à la périodicité. Le montant réellement débité doit être sans ambiguïté.
Où faut-il afficher un écran d’abonnement ?
À un moment pertinent, par exemple lorsqu’une personne choisit une fonctionnalité payante ou atteint une limite d’utilisation gratuite clairement expliquée. Expliquez pourquoi l’offre apparaît et gardez un chemin clair vers toute expérience gratuite disponible.
