Modal
Ein Modal öffnet einen temporären Dialog für zusätzliche Felder, Aktionen oder fokussierte Bearbeitung.
Modale Dialoge erscheinen über dem aktuellen Bildschirm. Sie ermöglichen es Nutzern, eine fokussierte Aufgabe abzuschließen, ohne diesen Inhalt dauerhaft in die Haupt-Detailansicht des Datensatzes aufzunehmen.
Wann es verwendet werden sollte
Verwenden Sie ein Modal, wenn Informationen oder Aktionen bei Bedarf verfügbar sein sollten.
Modale Dialoge sind nützlich für erweiterte Einstellungen, sekundäre Felder, Bestätigungsschritte, Bearbeitungsdialoge oder fokussierte Aufgaben, die den Hauptbildschirm überladen würden, wenn sie immer sichtbar wären.
Vermeiden Sie, wesentliche Alltagsinformationen nur in einem Modal unterzubringen. Wenn Nutzer sie ständig brauchen, gehören sie wahrscheinlich direkt auf die Seite.
Was konfiguriert werden kann
Auslöser
Ein Modal wird über einen Button oder ein ähnliches Steuerelement geöffnet.
- Text oder Icon wählen, auf das Nutzer klicken, um das Modal zu öffnen
- Entscheiden, ob der Auslöser wie eine Hauptaktion, ein kleines Werkzeug oder eine sekundäre Option wirken sollte
- Den Auslöser in der Nähe des Inhalts oder der Aktion platzieren, zu der er gehört
Dialoginhalt
Das Modal kann seinen eigenen Satz von Komponenten enthalten.
- Felder, Buttons, Text, Switches oder andere Komponenten im Modal hinzufügen
- Dem Modal einen klaren Titel geben
- Die Inhalte auf eine Aufgabe oder Entscheidung fokussieren
Größe und Dichte
Das Modal kann passend zur enthaltenen Arbeit dimensioniert werden.
- Ein schmaleres Modal für kurze Formulare oder Bestätigungen verwenden
- Ein breiteres Modal verwenden, wenn Nutzer mehrere Felder bearbeiten müssen
- Vermeiden, das Modal zu einer zweiten vollständigen Seite zu machen, es sei denn, der Workflow braucht es wirklich