L’interface utilisateur (UI) de confirmation protégée se compose de six éléments obligatoires. Certains éléments peuvent être personnalisés, mais certaines exigences doivent être respectées. Utilisez les directives suivantes lors de la personnalisation de l’interface utilisateur et assurez-vous que les exigences sont remplies. Si un élément est marqué avec Exigence : cet élément doit utiliser la propriété répertoriée.
Les instructions suivantes utilisent la famille de polices Roboto, que vous pouvez télécharger sur fonts.google.com .
Interface utilisateur avec boutons matériels
Android Protected Confirmation peut utiliser des boutons matériels sur l'appareil pour confirmer et annuler la saisie.
Icônes
Icône de bouclier
| Icône |  |
|---|---|
| Télécharger | Bouclier de sécurité |
| Taille de l'icône | 32dp |
Icône de flèche
| Icône |  |
|---|---|
| Télécharger | Flèche du clavier vers la droite |
| Taille de l'icône | 24dp |
| Rayon d'angle du conteneur | 4dp |
Messages d'entrée
Il existe deux types d'entrée utilisés dans la confirmation protégée : confirmer et annuler.
Chaîne de confirmation
Ce message doit indiquer quel bouton est utilisé comme confirmation.
| Message | Appuyez deux fois sur (bouton) pour confirmer |
|---|---|
| Longueur maximale | Condition : Le message de confirmation ne peut pas dépasser deux lignes. |
| Couleur | #000000 87% |
| Visage de police | Roboto-Medium |
| Taille de police | Exigence : 14sp |
| Hauteur de la ligne | Exigence : 20 dp |
Annuler la chaîne
Le message d'annulation doit être clairement visible et facilement distinguable du bouton de confirmation. Utilisez les propriétés suivantes avec le seul mot Cancel .
| Message | Annuler |
|---|---|
| Couleur | #000000 87% |
| Visage de police | Roboto-Medium |
| Taille de police | Exigence : 14sp |
| Hauteur de la ligne | Exigence : 20 dp |
En-tête
Incluez le texte d’en-tête Android Protected Confirmation dans l’interface utilisateur approuvée pour identifier la fonctionnalité. Utilisez les propriétés suivantes pour le texte d'en-tête.
| Message | Condition : Confirmation protégée par Android |
|---|---|
| Couleur | #000000 87% |
| Visage de police | Roboto-Régulier |
| Taille de police | Exigence : 22sp |
| Hauteur de la ligne | Exigence : 28 dp |
Le corps du texte
Utilisez les propriétés suivantes lors de l'implémentation de l'élément de texte du corps. Le message lui-même est rédigé par le développeur de l'API (développeur d'application).
| Message | Le corps du texte est fourni par le développeur de l'application qui appelle la confirmation protégée. |
|---|---|
| Couleur | #000000 87% |
| Visage de police | Roboto-Régulier |
| Taille de police | Exigence : 16sp |
| Hauteur de la ligne | Exigence : 24 dp |
Texte du sous-en-tête
Utilisez le texte du sous-en-tête pour expliquer pourquoi l'utilisateur voit l'écran de confirmation protégée. Placez ce texte en bas de l'écran et utilisez les propriétés suivantes.
| Message | Condition : Cette confirmation fournit une couche de sécurité supplémentaire pour l'action que vous êtes sur le point d'entreprendre. |
|---|---|
| Longueur maximale | Condition : Le message de confirmation ne peut pas dépasser quatre lignes. |
| Couleur | #000000 87% |
| Visage de police | Roboto-Régulier |
| Taille de police | Exigence : 14sp |
| Hauteur de la ligne | Exigence : 20 dp |
Interface utilisateur avec boutons logiciels
Android Protected Confirmation peut utiliser des boutons logiciels pour confirmer et annuler la saisie. Les instructions suivantes décrivent l'interface utilisateur à l'aide des boutons logiciels.
Icône de bouclier
Téléchargez l'icône sur l'icône du bouclier de confirmation protégé Android . Placez l'icône en haut de l'écran.
L’icône du bouclier de confirmation protégée est un élément obligatoire. La couleur du bouclier peut être personnalisée mais elle doit être bien visible.
Saisir
Utilisez la forme d'un bouton principal et secondaire pour les saisies de confirmation et d'annulation.
| Etiquette du bouton | Utilisez la casse des phrases pour les étiquettes des boutons. |
|---|---|
| Rayon du bouton | 4dp |
| Couleur d'accentuation | #1a73e8 |
| Visage de police | Roboto-Medium |
| Taille de police | Exigence : 14sp |
En-tête
Incluez le texte d’en-tête Android Protected Confirmation dans l’interface utilisateur approuvée pour identifier la fonctionnalité. Utilisez les propriétés suivantes pour le texte d'en-tête.
| Message | Exigence : Confirmation protégée par Android |
|---|---|
| Couleur | #000000 87% |
| Visage de police | Roboto-Medium |
| Taille de police | Exigence : 24 sp |
| Hauteur de la ligne | Exigence : 20 dp |
Le corps du texte
Utilisez les propriétés suivantes lors de l'implémentation de l'élément de texte du corps. Le message lui-même est rédigé par le développeur de l'application.
| Message | Le corps du texte est fourni par le développeur de l'application appelant la confirmation protégée. |
|---|---|
| Couleur | #000000 87% |
| Visage de police | Roboto-Medium |
| Taille de police | Exigence : 16sp |
| Hauteur de la ligne | Exigence : 24 dp |
Texte du sous-en-tête
Utilisez le texte du sous-en-tête pour expliquer pourquoi l'utilisateur voit l'écran de confirmation protégée. Placez ce texte en bas de l'écran et utilisez les propriétés suivantes.
| Message | Condition : Cette confirmation fournit une couche de sécurité supplémentaire pour l'action que vous êtes sur le point d'entreprendre. |
|---|---|
| Longueur maximale | Condition : Le message de confirmation ne peut pas dépasser quatre lignes. |
| Couleur | #000000 54% |
| Visage de police | Roboto-Medium |
| Taille de police | Exigence : 14sp |
| Hauteur de la ligne | Exigence : 20 dp |
Localisation
Vous pouvez trouver des localisations pour les composants décrits dans une implémentation C autonome d'une table de recherche dans le cadre d' AOSP .