L'interfaccia utente (UI) di Conferma protetta è composta da sei elementi obbligatori. Alcuni elementi possono essere personalizzati, ma devono essere soddisfatti alcuni requisiti. Segui le linee guida riportate di seguito per personalizzare l'interfaccia utente e assicurarti che i requisiti siano soddisfatti. Se un elemento è contrassegnato con Requisito:, deve utilizzare la proprietà indicata.
Le seguenti linee guida utilizzano la famiglia di caratteri Roboto, che puoi scaricare da fonts.google.com.
Interfaccia utente con pulsanti hardware
La conferma protetta Android può utilizzare i pulsanti hardware del dispositivo per confermare e annullare l'input.
Icone
Icona di uno scudo
| Icona |  |
|---|---|
| Scarica | Scudo di sicurezza |
| Dimensioni icona | 32dp |
Icona a forma di freccia
| Icona |  |
|---|---|
| Scarica | Freccia destra sulla tastiera |
| Dimensioni icona | 24dp |
| Raggio d'angolo del contenitore | 4dp |
Inserisci messaggi
In Conferma protetta vengono utilizzati due tipi di input: conferma e annulla.
Stringa di conferma
Questo messaggio deve indicare quale pulsante viene utilizzato come conferma.
| Messaggio | Premi due volte (pulsante) per confermare |
|---|---|
| Lunghezza massima | Requisito: il messaggio di conferma non può contenere più di due righe. |
| Colore | #000000 87% |
| Tipo di carattere | Roboto-Medium |
| Dimensioni carattere | Requisito: 14 sp |
| Altezza riga | Requisito: 20 dp |
Annulla stringa
Il messaggio di annullamento deve essere chiaramente visibile e facilmente distinguibile dal pulsante di conferma. Utilizza le seguenti proprietà insieme alla singola parola Annulla.
| Messaggio | Annulla |
|---|---|
| Colore | #000000 87% |
| Tipo di carattere | Roboto-Medium |
| Dimensioni carattere | Requisito: 14 sp |
| Altezza riga | Requisito: 20 dp |
Testo dell'intestazione
Includi il testo dell'intestazione Conferma protetta Android nell'interfaccia utente attendibile per identificare la funzionalità. Utilizza le seguenti proprietà per il testo dell'intestazione.
| Messaggio | Requisito: Android Protected Confirmation |
|---|---|
| Colore | #000000 87% |
| Tipo di carattere | Roboto-Regular |
| Dimensioni carattere | Requisito: 22 sp |
| Altezza riga | Requisito: 28 dp |
Corpo del testo
Utilizza le seguenti proprietà per implementare l'elemento di testo del corpo. Il messaggio effettivo viene scritto dallo sviluppatore dell'API (sviluppatore di app).
| Messaggio | Il testo del corpo viene fornito dallo sviluppatore dell'app che chiama Conferma protetta. |
|---|---|
| Colore | #000000 87% |
| Tipo di carattere | Roboto-Regular |
| Dimensioni carattere | Requisito: 16 sp |
| Altezza riga | Requisito: 24 dp |
Testo del sottotitolo
Utilizza il testo del sottotitolo per spiegare perché l'utente visualizza la schermata Conferma protetta. Posiziona questo testo nella parte inferiore dello schermo e utilizza le seguenti proprietà.
| Messaggio | Requisito: questa conferma fornisce un ulteriore livello di sicurezza per l'azione che stai per intraprendere. |
|---|---|
| Lunghezza massima | Requisito: il messaggio di conferma non può contenere più di quattro righe. |
| Colore | #000000 87% |
| Tipo di carattere | Roboto-Regular |
| Dimensioni carattere | Requisito: 14 sp |
| Altezza riga | Requisito: 20 dp |
Interfaccia utente con pulsanti software
La conferma protetta di Android può utilizzare pulsanti software per confermare e annullare l'inserimento. Le seguenti linee guida descrivono l'interfaccia utente che utilizza pulsanti di software.
Icona di uno scudo
Scarica l'asset icona all'indirizzo Android Icona scudo di conferma protetta. Posiziona l'icona nella parte superiore dello schermo.
L'icona a forma di scudo di conferma della protezione è un elemento obbligatorio. Il colore dell'emblema può essere personalizzato, ma deve essere ben visibile.
Input
Utilizza il formato di un pulsante principale e secondario per gli input di conferma e annullamento.
| Etichetta del pulsante | Usa la lettera maiuscola per le etichette dei pulsanti. |
|---|---|
| Raggio del pulsante | 4dp |
| Colore di contrasto | #1a73e8 |
| Tipo di carattere | Roboto-Medium |
| Dimensioni carattere | Requisito: 14 sp |
Testo dell'intestazione
Includi il testo dell'intestazione Conferma protetta Android nell'interfaccia utente attendibile per identificare la funzionalità. Utilizza le seguenti proprietà per il testo dell'intestazione.
| Messaggio | Requisito: Android Protected Confirmation |
|---|---|
| Colore | #000000 87% |
| Tipo di carattere | Roboto-Medium |
| Dimensioni carattere | Requisito: 24 sp |
| Altezza riga | Requisito: 20 dp |
Corpo del testo
Utilizza le seguenti proprietà per implementare l'elemento di testo del corpo. Il messaggio effettivo viene scritto dallo sviluppatore dell'app.
| Messaggio | Il testo del corpo viene fornito dallo sviluppatore dell'app che chiama la conferma protetta |
|---|---|
| Colore | #000000 87% |
| Tipo di carattere | Roboto-Medium |
| Dimensioni carattere | Requisito: 16 sp |
| Altezza riga | Requisito: 24 dp |
Testo del sottotitolo
Utilizza il testo del sottotitolo per spiegare perché l'utente visualizza la schermata Conferma protetta. Posiziona questo testo nella parte inferiore dello schermo e utilizza le seguenti proprietà.
| Messaggio | Requisito: questa conferma fornisce un ulteriore livello di sicurezza per l'azione che stai per intraprendere. |
|---|---|
| Lunghezza massima | Requisito: il messaggio di conferma non può contenere più di quattro righe. |
| Colore | #000000 54% |
| Tipo di carattere | Roboto-Medium |
| Dimensioni carattere | Requisito: 14 sp |
| Altezza riga | Requisito: 20 dp |
Localizzazione
Puoi trovare le localizzazioni per i componenti descritti in un'implementazione C autonoma di una tabella di ricerca nell'ambito di AOSP.