Geschütztes Konfirmationsdesign

Die Benutzeroberfläche (UI) der geschützten Bestätigung besteht aus sechs erforderlichen Elementen. Einige Elemente können angepasst werden, es gibt jedoch Anforderungen, die befolgt werden müssen. Befolgen Sie beim Anpassen der Benutzeroberfläche die folgenden Richtlinien und stellen Sie sicher, dass die Anforderungen erfüllt sind. Wenn ein Element mit „Anforderung“ gekennzeichnet ist: Dieses Element muss die aufgeführte Eigenschaft verwenden.

In den folgenden Richtlinien wird die Schriftfamilie Roboto verwendet, die Sie unter fonts.google.com herunterladen können.

Benutzeroberfläche mit Hardwaretasten

Android Protected Confirmation kann Hardwaretasten am Gerät zum Bestätigen und Abbrechen von Eingaben verwenden.

Gestaltungs Entwurf

Symbole

Schild-Symbol

Symbol Geschütztes Bestätigungsschild-Symbol
Herunterladen Sicherheitsschild
Symbolgröße 32dp

Pfeilsymbol

Symbol Pfeilsymbol der Tastatur
HerunterladenTastaturpfeil nach rechts
Symbolgröße 24dp
Eckenradius des Containers 4dp

Eingabenachrichten

Bei der geschützten Bestätigung werden zwei Eingabetypen verwendet: Bestätigen und Abbrechen.

Bestätigungszeichenfolge

Diese Meldung muss angeben, welche Schaltfläche als Bestätigung verwendet wird.

Nachricht Zum Bestätigen zweimal (Taste) drücken
Maximale Länge Voraussetzung: Die Bestätigungsnachricht darf nicht mehr als zwei Zeilen umfassen.
Farbe #000000 87%
Schriftart Roboto-Medium
Schriftgröße Bedarf: 14sp
Zeilenhöhe Anforderung: 20dp

Zeichenfolge abbrechen

Die Abbruchmeldung muss deutlich sichtbar und leicht von der Bestätigungsschaltfläche zu unterscheiden sein. Verwenden Sie die folgenden Eigenschaften zusammen mit dem einzelnen Wort Cancel .

Nachricht Stornieren
Farbe #000000 87%
Schriftart Roboto-Medium
Schriftgröße Bedarf: 14sp
Zeilenhöhe Anforderung: 20 dp

Überschrift

Fügen Sie den Headertext „Android Protected-Bestätigung“ in die vertrauenswürdige Benutzeroberfläche ein, um die Funktion zu identifizieren. Verwenden Sie die folgenden Eigenschaften für den Kopftext.

Nachricht Voraussetzung: Android Protected Bestätigung
Farbe #000000 87%
Schriftart Roboto-Regular
Schriftgröße Bedarf: 22sp
Zeilenhöhe Anforderung: 28dp

Hauptteil

Verwenden Sie die folgenden Eigenschaften, wenn Sie das Textkörperelement implementieren. Die eigentliche Nachricht wird vom API-Entwickler (App-Entwickler) geschrieben.

Nachricht Der Textkörper wird vom App-Entwickler bereitgestellt und nennt sich „Geschützte Bestätigung“.
Farbe #000000 87%
Schriftart Roboto-Regular
Schriftgröße Bedarf: 16sp
Zeilenhöhe Anforderung: 24dp

Untertiteltext

Erklären Sie mithilfe des Untertiteltexts, warum dem Benutzer der Bildschirm „Geschützte Bestätigung“ angezeigt wird. Platzieren Sie diesen Text am unteren Bildschirmrand und verwenden Sie die folgenden Eigenschaften.

Nachricht Voraussetzung: Diese Bestätigung bietet eine zusätzliche Sicherheitsebene für die Aktion, die Sie durchführen möchten.
Maximale Länge Voraussetzung: Die Bestätigungsnachricht darf nicht mehr als vier Zeilen umfassen.
Farbe #000000 87%
Schriftart Roboto-Regular
Schriftgröße Bedarf: 14sp
Zeilenhöhe Anforderung: 20dp

Benutzeroberfläche mit Softwaretasten

Android Protected Confirmation kann Softwaretasten zum Bestätigen und Abbrechen von Eingaben verwenden. Die folgenden Richtlinien beschreiben die Benutzeroberfläche mithilfe von Softwareschaltflächen.

Designlayout der Bestätigungs-UI-Software

Schild-Symbol

Laden Sie das Symbol-Asset unter Android Protected Confirmation Shield Icon herunter. Platzieren Sie das Symbol oben auf dem Bildschirm.

Schild-Symbol

Das Schildsymbol „Geschützte Bestätigung“ ist ein erforderliches Element. Die Farbe des Schildes kann individuell angepasst werden, es muss jedoch deutlich sichtbar sein.

Eingang

Abmessungen der Software-Tasten

Nutzen Sie für die Bestätigungs- und Abbrucheingaben die Form einer primären und sekundären Schaltfläche.

Knopfbeschriftung Verwenden Sie für Schaltflächenbeschriftungen die Groß-/Kleinschreibung.
Knopfradius 4dp
Akzentfarbe #1a73e8
Schriftart Roboto-Medium
Schriftgröße Bedarf: 14sp

Überschrift

Fügen Sie den Headertext „Android Protected-Bestätigung“ in die vertrauenswürdige Benutzeroberfläche ein, um die Funktion zu identifizieren. Verwenden Sie die folgenden Eigenschaften für den Kopftext.

Nachricht Voraussetzung: Android Protected Bestätigung
Farbe #000000 87%
Schriftart Roboto-Medium
Schriftgröße Bedarf: 24sp
Zeilenhöhe Anforderung: 20dp

Hauptteil

Verwenden Sie die folgenden Eigenschaften, wenn Sie das Textkörperelement implementieren. Die eigentliche Nachricht wird vom App-Entwickler geschrieben.

Nachricht Der Textkörper wird vom App-Entwickler mit der Bezeichnung „Protected Confirmation“ bereitgestellt
Farbe #000000 87%
Schriftart Roboto-Medium
Schriftgröße Bedarf: 16sp
Zeilenhöhe Anforderung: 24dp

Untertiteltext

Erklären Sie mithilfe des Untertiteltexts, warum dem Benutzer der Bildschirm „Geschützte Bestätigung“ angezeigt wird. Platzieren Sie diesen Text am unteren Bildschirmrand und verwenden Sie die folgenden Eigenschaften.

Nachricht Voraussetzung: Diese Bestätigung bietet eine zusätzliche Sicherheitsebene für die Aktion, die Sie durchführen möchten.
Maximale Länge Voraussetzung: Die Bestätigungsnachricht darf nicht mehr als vier Zeilen umfassen.
Farbe #000000 54%
Schriftart Roboto-Medium
Schriftgröße Bedarf: 14sp
Zeilenhöhe Anforderung: 20dp

Lokalisierung

Lokalisierungen für die beschriebenen Komponenten finden Sie in einer eigenständigen C-Implementierung einer Lookup-Tabelle als Teil von AOSP .