UI-Design für die geschützte Bestätigung

Die Benutzeroberfläche der geschützten Bestätigung besteht aus sechs erforderlichen Elementen. Einige Elemente können angepasst werden, müssen aber bestimmte Anforderungen erfüllen. Beachten 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, muss für dieses Element die aufgeführte Property verwendet werden.

In den folgenden Richtlinien wird die Schriftfamilie Roboto verwendet, die Sie von Google Fonts herunterladen können.

Benutzeroberfläche mit Hardware-Buttons

Bei der Android geschützten Bestätigung können Hardware-Tasten auf dem Gerät verwendet werden, um Eingaben zu bestätigen und abzubrechen.

Designlayout

Abbildung 1 : Designlayout

Symbole

In diesem Abschnitt werden die auf der Benutzeroberfläche verwendeten Symbole beschrieben.

Schildsymbol

Symbol Symbol für die Bestätigung des Schutzes (Schild)
Herunterladen Sicherheitsschild
Symbolgröße 32dp

Pfeilsymbol

Symbol Tastatursymbol mit Pfeil
Herunterladen Rechtspfeil auf der Tastatur
Symbolgröße 24dp
Eckenradius des Containers 4dp

Eingabenachrichten

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

Bestätigungsstring

In der Nachricht muss angegeben werden, welcher Button als Bestätigung verwendet wird.

Nachricht Zum Bestätigen zweimal auf (Button) drücken
Zulässige Höchstlänge Anforderung: Die Bestätigungs nachricht darf nicht länger als zwei Zeilen sein.
Farbe #000000 87%
Schriftart Roboto-Medium
Schriftgröße Anforderung: 14 sp
Zeilenhöhe Anforderung: 20 dp

Abbruchstring

Die Abbruchnachricht muss gut sichtbar sein und sich leicht vom Bestätigungsbutton unterscheiden. Verwenden Sie die folgenden Properties zusammen mit dem einzelnen Wort Abbrechen:

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

Text der Überschrift

Fügen Sie den Überschriftstext Android geschützte Bestätigung in die Trusted UI ein, um die Funktion zu identifizieren. Verwenden Sie die folgenden Properties für den Überschriftstext:

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

Text

Verwenden Sie die folgenden Properties, wenn Sie das Element „Text“ implementieren. Die eigentliche Nachricht wird vom API-Entwickler (App-Entwickler) verfasst.

Nachricht Der Text wird vom App-Entwickler bereitgestellt, der die geschützte Bestätigung aufruft.
Farbe #000000 87%
Schriftart Roboto-Regular
Schriftgröße Anforderung: 16 sp
Zeilenhöhe Anforderung: 24 dp

Unterüberschrift

Verwenden Sie die Unterüberschrift, um zu erklären, warum der Nutzer den Bildschirm „Geschützte Bestätigung“ sieht. Platzieren Sie diesen Text unten auf dem Bildschirm und verwenden Sie die folgenden Properties:

Nachricht Anforderung: Diese Bestätigung bietet eine zusätzliche Sicherheitsebene für die Aktion, die Sie ausführen möchten.
Zulässige Höchstlänge Anforderung: Die Bestätigungsnachricht darf maximal vier Zeilen lang sein.
Farbe #000000 87%
Schriftart Roboto-Regular
Schriftgröße Anforderung: 14 sp
Zeilenhöhe Anforderung: 20 dp

Benutzeroberfläche mit Software-Buttons

Bei der geschützten Bestätigung von Android können Software-Buttons verwendet werden, um Eingaben zu bestätigen und abzubrechen. In den folgenden Richtlinien wird die Benutzeroberfläche mit Software-Buttons beschrieben:

Bestätigungs-UI – Software-Design-Layout

Abbildung 2 : Software-Designlayout der Bestätigungs-Benutzeroberfläche

Schildsymbol

Laden Sie das Symbol unter Android geschützte Bestätigung – Schildsymbol herunter. Platzieren Sie das Symbol oben auf dem Bildschirm.

Schildsymbol

Abbildung 3 : Schildsymbol

Das Schildsymbol der geschützten Bestätigung ist ein erforderliches Element. Sie können die Farbe des Schilds anpassen, es muss aber gut sichtbar sein.

Eingabe

Abmessungen von Software-Schaltflächen

Abbildung 4 : Abmessungen der Software-Buttons

Verwenden Sie die Form eines primären und eines sekundären Buttons für die Bestätigungs- und Abbrucheingaben.

Schaltflächenlabel Verwenden Sie für Schaltflächenlabel die korrekte Groß- und Kleinschreibung.
Radius der Schaltfläche 4dp
Akzentfarbe #1a73e8
Schriftart Roboto-Medium
Schriftgröße Anforderung: 14 sp

Text der Überschrift

Fügen Sie den Überschriftstext Android geschützte Bestätigung in die Trusted UI ein, um die Funktion zu identifizieren. Verwenden Sie die folgenden Properties für den Überschriftstext:

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

Text

Verwenden Sie die folgenden Properties, wenn Sie das Element „Text“ implementieren. Die eigentliche Nachricht wird vom App-Entwickler verfasst.

Nachricht Der Text wird vom App-Entwickler bereitgestellt, der die geschützte Bestätigung aufruft.
Farbe #000000 87%
Schriftart Roboto-Medium
Schriftgröße Anforderung: 16 sp
Zeilenhöhe Anforderung: 24 dp

Unterüberschrift

Verwenden Sie die Unterüberschrift, um zu erklären, warum der Nutzer den Bildschirm „Geschützte Bestätigung“ sieht. Platzieren Sie diesen Text unten auf dem Bildschirm und verwenden Sie die folgenden Properties:

Nachricht Anforderung: Diese Bestätigung bietet eine zusätzliche Sicherheitsebene für die Aktion, die Sie ausführen möchten.
Zulässige Höchstlänge Anforderung: Die Bestätigungsnachricht darf maximal vier Zeilen lang sein.
Farbe #000000 54%
Schriftart Roboto-Medium
Schriftgröße Anforderung: 14 sp
Zeilenhöhe Anforderung: 20 dp

Lokalisierung

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