L'interfaccia utente (UI) di Conferma protetta è composta da sei elementi obbligatori. Alcuni elementi possono essere personalizzati, ma ci sono dei requisiti che devono essere rispettati. Utilizzare le seguenti linee guida durante la personalizzazione dell'interfaccia utente e assicurarsi che i requisiti siano soddisfatti. Se un elemento è contrassegnato con Requisito: quell'elemento deve utilizzare la proprietà elencata.
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 sul dispositivo per confermare e annullare l'input.
Icone
Icona dello scudo
| Icona |  |
|---|---|
| Scaricamento | Scudo di sicurezza |
| Dimensione dell'icona | 32dp |
Icona freccia
| Icona |  |
|---|---|
| Scaricamento | Freccia destra della tastiera |
| Dimensione dell'icona | 24dp |
| Raggio dell'angolo del contenitore | 4dp |
Inserisci messaggi
Esistono due tipi di input utilizzati nella Conferma protetta: conferma e annulla.
Stringa di conferma
Questo messaggio deve indicare quale pulsante viene utilizzato come conferma.
| Messaggio | Premere due volte (pulsante) per confermare |
|---|---|
| Lunghezza massima | Requisito: Il messaggio di conferma non può contenere più di due righe. |
| Colore | #000000 87% |
| Faccia del carattere | Roboto-Medio |
| Dimensione del font | Requisito: 14 sp |
| Altezza della linea | Requisito: 20 dp |
Annulla stringa
Il messaggio di annullamento deve essere ben visibile e facilmente distinguibile dal pulsante di conferma. Utilizzare le seguenti proprietà insieme alla singola parola Cancel .
| Messaggio | Annulla |
|---|---|
| Colore | #000000 87% |
| Faccia del carattere | Roboto-Medio |
| Dimensione del font | Requisito: 14sp |
| Altezza della linea | Requisito: 20 dp |
Titolo
Includi il testo dell'intestazione Conferma protezione Android nell'interfaccia utente attendibile per identificare la funzionalità. Utilizzare le seguenti proprietà per il testo dell'intestazione.
| Messaggio | Requisito: conferma protetta da Android |
|---|---|
| Colore | #000000 87% |
| Faccia del carattere | Roboto-regolare |
| Dimensione del font | Requisito: 22sp |
| Altezza della linea | Requisito: 28 dp |
Corpo del testo
Utilizzare le seguenti proprietà quando si implementa l'elemento del testo del corpo. Il messaggio effettivo viene scritto dallo sviluppatore dell'API (sviluppatore dell'app).
| Messaggio | Il corpo del testo viene fornito dallo sviluppatore dell'app chiamando Conferma protetta. |
|---|---|
| Colore | #000000 87% |
| Faccia del carattere | Roboto-regolare |
| Dimensione del font | Requisito: 16sp |
| Altezza della linea | Requisito: 24 dp |
Testo del sottotitolo
Utilizza il testo del sottotitolo per spiegare perché l'utente visualizza la schermata di 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ò essere più lungo di quattro righe. |
| Colore | #000000 87% |
| Faccia del carattere | Roboto-regolare |
| Dimensione del font | Requisito: 14 sp |
| Altezza della linea | Requisito: 20 dp |
Interfaccia utente con pulsanti software
La conferma protetta Android può utilizzare i pulsanti software per confermare e annullare l'input. Le seguenti linee guida descrivono l'interfaccia utente utilizzando i pulsanti software.
Icona dello scudo
Scarica la risorsa icona su Icona Scudo di conferma protetto Android . Posiziona l'icona nella parte superiore dello schermo.
L'icona dello scudo di Conferma Protetta è un elemento obbligatorio. Il colore dello scudo è personalizzabile ma deve essere ben visibile.
Ingresso
Utilizzare la forma di un pulsante primario e secondario per la conferma e l'annullamento degli input.
| Etichetta del pulsante | Utilizza maiuscole e minuscole per le etichette dei pulsanti. |
|---|---|
| Raggio del pulsante | 4dp |
| Colore accento | #1a73e8 |
| Faccia del carattere | Roboto-Medio |
| Dimensione del font | Requisito: 14sp |
Titolo
Includi il testo dell'intestazione Conferma protezione Android nell'interfaccia utente attendibile per identificare la funzionalità. Utilizzare le seguenti proprietà per il testo dell'intestazione.
| Messaggio | Requisito: conferma protetta da Android |
|---|---|
| Colore | #000000 87% |
| Faccia del carattere | Roboto-Medio |
| Dimensione del font | Requisito: 24 sp |
| Altezza della linea | Requisito: 20 dp |
Corpo del testo
Utilizzare le seguenti proprietà quando si implementa l'elemento del testo del corpo. Il messaggio vero e proprio viene scritto dallo sviluppatore dell'app.
| Messaggio | Il corpo del testo viene fornito dallo sviluppatore dell'app chiamando Conferma protetta |
|---|---|
| Colore | #000000 87% |
| Faccia del carattere | Roboto-Medio |
| Dimensione del font | Requisito: 16sp |
| Altezza della linea | Requisito: 24 dp |
Testo del sottotitolo
Utilizza il testo del sottotitolo per spiegare perché l'utente visualizza la schermata di 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ò essere più lungo di quattro righe. |
| Colore | #000000 54% |
| Faccia del carattere | Roboto-Medio |
| Dimensione del font | Requisito: 14 sp |
| Altezza della linea | Requisito: 20 dp |
Localizzazione
È possibile trovare le localizzazioni per i componenti descritti in un'implementazione C autonoma di una tabella di ricerca come parte di AOSP .