Directives provisoires concernant l'expérience utilisateur pour le programme proposant un système de facturation alternatif sans choix pour l'utilisateur au sein de l'EEE

Remarque :Google va abandonner l'implémentation manuelle des consignes provisoires concernant l'expérience utilisateur. Pour en savoir plus sur les délais de migration, cliquez ici. Si vous proposez la facturation au choix de l'utilisateur via des API de système de facturation alternatif, vous pouvez répondre aux exigences concernant l'expérience utilisateur en intégrant et en utilisant les API côté client. Dans ce cas, vous n'avez pas besoin de suivre séparément les consignes provisoires concernant l'expérience utilisateur décrites dans cet article.

Présentation

Ces directives s'adressent aux développeurs qui participent à notre programme qui propose un système de facturation autre que celui de Google Play sans choix pour l'utilisateur au sein de l'EEE. Les développeurs disposant d'utilisateurs au sein de l'EEE qui participent au pilote sur la facturation au choix de l'utilisateur et qui proposent un autre système de facturation en plus du système de celui de Google Play doivent utiliser les directives concernant l'expérience utilisateur pour la facturation au choix de l'utilisateur. Ces consignes relatives à l'expérience utilisateur visent à garantir une expérience cohérente en obligeant les développeurs à afficher un écran d'informations auprès de chaque utilisateur la première fois qu'il effectue un achat. Les messages destinés aux utilisateurs et les spécifications de l'interface utilisateur pour l'écran d'informations doivent être implémentés conformément aux consignes suivantes.

Application du développeur

Écran d'informations pour les utilisateurs

Sélectionner une langue

Sélectionnez la langue de vos utilisateurs pour afficher les chaînes de texte d'interface utilisateur correspondantes dans les spécifications de conception ci-dessous.

Afficher toutes les langues Sélectionner une langue Bulgare Catalan Croate Tchèque Danois Néerlandais Anglais Estonien Finnois Français Allemand Grec Hongrois Islandais Italien Letton Lituanien Norvégien Polonais Portugais (brésilien) Portugais (européen) Roumain Slovaque Slovène Espagnol Suédois

Sélectionnez une optionSélectionner une langue

• Afficher toutes les langues
• Sélectionner une langue
• Bulgare
• Catalan
• Croate
• Tchèque
• Danois
• Néerlandais
• Anglais
• Estonien
• Finnois
• Français
• Allemand
• Grec
• Hongrois
• Islandais
• Italien
• Letton
• Lituanien
• Norvégien
• Polonais
• Portugais (brésilien)
• Portugais (européen)
• Roumain
• Slovaque
• Slovène
• Espagnol
• Suédois

Informations pour les utilisateurs

L'écran d'informations aide les utilisateurs à comprendre l'impact de cette modification.

Quand afficher l'écran

L'écran d'informations doit être présenté à un utilisateur au début de son premier achat. Il n'est pas nécessaire que ce message s'affiche lors des achats ultérieurs du même utilisateur. Affichez l'écran d'informations immédiatement après qu'un utilisateur a effectué une action explicite pour réaliser un achat.

Quand afficher le prix

Le prix d'achat doit être bien visible avant que l'écran d'informations ne s'affiche.

Comment afficher l'écran

L'écran d'informations doit s'afficher dans une bottom sheet modale. Une bottom sheet modale est semblable à une fenêtre de dialogue modale qui s'anime de bas en haut et reste épinglée en bas. Elle est placée au-dessus de tous les éléments de l'interface utilisateur sur l'écran sous-jacent. L'écran sous-jacent est obscurci avec un fond sombre pour indiquer qu'il ne répond pas à l'interaction de l'utilisateur.

Reportez-vous à Google Material Design pour en savoir plus sur la conception et l'implémentation des bottom sheets modales.

Actions de l'utilisateur

La bottom sheet doit être déclenchée lorsqu'un utilisateur appuie sur un bouton ou un autre élément d'interface de votre application pour effectuer un achat. L'utilisateur peut effectuer trois actions depuis l'écran d'informations :

OK

Lorsque l'utilisateur appuie sur "OK", l'écran d'informations se ferme et le prochain écran de votre parcours de paiement s'ouvre.

En savoir plus

Lorsque l'utilisateur appuie sur "En savoir plus", un article du centre d'aide de Google s'ouvre dans un navigateur Web.

Fermer

Si l'utilisateur souhaite fermer la bottom sheet et revenir à l'écran sous-jacent, il peut la fermer en :

• appuyant sur une zone extérieure à la bottom sheet ;
• appuyant sur le bouton "Retour" du système Android.

Après qu'un utilisateur a appuyé sur "Ignorer" ou "OK", il n'est pas nécessaire de lui représenter l'écran d'informations.

Exemple : Lorsqu'un utilisateur appuie sur un bouton pour effectuer un achat dans votre application, l'écran d'informations s'ouvre.

Spécifications de conception

L'écran d'informations est divisé en trois composants : titre, message et boutons. Les trois composants sont obligatoires et doivent contenir précisément le texte et les éléments d'interface utilisateur spécifiés dans ces directives. N'incluez pas de texte ni d'images supplémentaires sur cet écran. Vous pouvez toutefois le faire sur d'autres écrans.

1. Titre
2. Texte 1
3. Texte 2
4. Boutons
5. Bottom sheet
6. Fond

Titre

Texte	Sélectionner une langue
Police	Roboto (appliquer à toutes les polices)
Taille de la police	18 sp
Couleur de la police	#202124

Texte 1

Utilisé pour mettre en évidence des points clés considérés comme des informations critiques

Texte	Sélectionner une langue
Taille de la police	14 sp
Hauteur des lignes	20
Couleur de la police	#5F6368

Texte 2

Utilisé pour les informations secondaires de priorité inférieure

Texte	Sélectionner une langue
Taille de la police	12 sp
Hauteur des lignes	16
Couleur de la police	#5F6368

Bouton 1

Texte	Sélectionner une langue
Alignement du texte	Centré
Taille de la police	14 sp
Épaisseur de la police	Medium
Couleur de la police	#01875F
Couleur du fond	#FFFFFF
Dimensions	Hauteur : 36, Largeur : adaptée au conteneur
Arrondi d'angle	4 dp
Contour	1 dp, #DADCE0
Lien	Redirige vers l'article d'aide de Google Play

Bouton 2

Texte	Sélectionner une langue
Alignement du texte	Centré
Taille de la police	14 sp
Épaisseur de la police	Medium
Couleur de la police	#FFFFFF
Couleur du fond	#01875F
Dimensions	Hauteur : 36, Largeur : adaptée au conteneur
Arrondi d'angle	4 dp
Lien	Redirige vers le prochain écran de votre parcours de paiement

Bottom sheet

Dimensions	Hauteur : variable, Largeur : 100 %
Arrondi d'angle	8 dp, 8 dp, 0, 0
Arrière-plan	#FFFFFF
Marge intérieure	Gauche : 24 dp, Droite : 24 dp, Haut : 32 dp, Bas : 24 dp
Élévation	8 dp

Paysage

En mode paysage, la bottom sheet est plus large qu'en mode portrait, mais elle respecte les mêmes spécifications de conception et fonctionnalités.

Bottom sheet	Largeur : 500 dp maximum, Marge intérieure : 24 dp
Titre	Identique au mode Portrait
Message	Identique au mode Portrait
Boutons	Hauteur : 36, Largeur : adaptée au conteneur

Pour en savoir plus sur le programme proposant un système de facturation alternatif sans choix pour l'utilisateur au sein de l'EEE et voir les questions fréquentes, veuillez consulter notre Centre d'aide.