Dialogfelder

Ein Dialog ist ein modales Fenster, das vor einer Anwendung erscheint, um Aufgabeninformationen anzuzeigen, die eine sofortige Benutzerreaktion erfordern.

Ein Dialog kann eine Benachrichtigung sein, die eine Benutzerinteraktion erfordert. Er kann aber auch ein Auswahl- oder Bestätigungsdialog sein, der eine Auswahl oder Bestätigung verlangt. Der Dialog bleibt so lange im Fokus, bis er geschlossen oder die gewünschte Aktion ausgeführt wird. Da Dialoge den Benutzer unterbrechen, sollten sie sparsam eingesetzt werden.

Dialoge sind mit Toasts verwandt (beide gehören zur Familie der Dialogkomponenten), unterscheiden sich aber in Zweck und Priorität, wie in der Tabelle dargestellt.

Komponente Zweck Priorität
Toasts Zeigt eine informative Meldung an. Erfordert keine Benutzerinteraktion. Verschwindet nach 8 Sekunden. Niedrig
Dialog Es werden Informationen und Aufgabenoptionen angezeigt, die eine Benutzerinteraktion erfordern. Ein Dialog behält den Fokus, bis ein Benutzer reagiert. Hoch

Anatomie

Dialoge enthalten Informationstexte und UI-Steuerelemente, die eine Benutzerreaktion erfordern.

1. Dialoghintergrund
2. Kartenkopf
3. Inhaltsbereich
4. Kartenaktionsbereich

Spezifikationen

Hinweissymbol
Schaltflächenkomponente
Spezifikationen, Stilrichtlinien und mehr
Hinweissymbol
Komponentenliste
Spezifikationen, Stilrichtlinien und mehr

Dialog ohne Titel

Dialog mit Titel

Dialog mit zentriertem Titel

Scrollbarer Dialog

Anpassung

Bringen Sie Ihre Marke zum Ausdruck, indem Sie die folgenden Aspekte der Dialoge anpassen:

  • Schriftarten
  • Gestaltung von aktiven, inaktiven und deaktivierten Schaltflächen
  • Abmessungen und Anordnung der Tasten

Beispiele

Dialog mit dem Titel - Tag
Dialog mit dem Titel - Nacht
Scrollbarer Dialog – Tag
Scrollbarer Dialog – Nacht
Dialog in Aktion