Zum Hauptinhalt springen

Zeitplaner

Überblick​

Das Zeitplaner-Muster ist ein Formularmuster, mit dem Sie entweder einmalige Aktionen oder wiederkehrende Aktionen basierend auf Zeitintervallen planen können.

Zu verwenden​

  • So planen Sie ein Ereignis, z. B. eine Bereitstellung, einen Build oder einen Termin
  • In Formularen auf ganzen Seiten, in Assistenten, in Modalen oder in Seitenbereichen (Drawer)

Aufbau​

Das Zeitplaner-Muster wird aus vorhandenen Jutro-Komponenten erstellt. Eine ausführliche Aufschlüsselung des Musteraufbaus finden Sie im folgenden Abschnitt:

Aufbau des Zeitplaner-Musters

  1. Umschaltfläche: Verwenden Sie diese Option, um zwischen dem Standard- und dem cron-Format zu wechseln.
  2. Dropdown-Auswahl: Wird verwendet, um die Häufigkeit eines Ereignisses anzugeben. Mögliche Werte für dieses Feld sind: Nicht wiederholt, Minuten, Stunden, Tage, Wochen und Monate.
  3. Mehrfach-Combobox: Wird verwendet, um die Wochentage anzugeben, an denen ein Ereignis auftritt.
  4. Datumsauswahl: Wird verwendet, um das Startdatum für ein Ereignis anzugeben.
  5. Zeitauswahl: Verwenden Sie diese zur Auswahl von Zeit und Zeitzone.
  6. Komponenten für Enddatum: Wird verwendet, um das Datum festzulegen, an dem ein Ereignis endet. Enthält die Komponenten Datumsauswahl und Stepper.
  7. Texteingabe: Verwenden Sie diese Option, um die cron-Syntax einzugeben.
  8. Textbereich: Verwenden Sie diese Option, um eine schreibgeschützte Zeichenfolge bevorstehender Ereignisse anzuzeigen.
  9. Schaltfläche: Verwenden Sie diese Option, um ein Ereignis zu speichern oder zurückzusetzen und keine Aktion auszuführen.

Allgemeine Richtlinien​

  • Blenden Sie die Umschaltfläche aus, wenn entweder das Standard- oder das cron-Format für Ihren Anwendungsfall nicht relevant ist.
  • Tauschen Sie das standardmäßige Zeitplaner-Formular gegen die cron-Syntax aus, wenn es zu Ihrem Anwendungsfall passt. Wenn die cron-Syntax die Standardeinstellung ist, wird sie als linke Umschaltfläche und Standard als rechte Umschaltfläche angezeigt.
  • Blenden Sie die Dropdown-Liste „Häufigkeit“ aus, wenn es sich nur um einmalige Ereignisse handelt.
  • Überfordern Sie die Benutzer nicht mit komplexen Zeitplanungsoptionen. Halten Sie die Standardeinstellungen einfach und bieten Sie erweiterte Optionen den Benutzern an, die diese benötigen.

Inhalt​

Allgemeine Richtlinien fürs Schreiben​

  • Verwenden Sie die Großschreibung des ersten Worts und von Substantiven für alle Aspekte der Gestaltung von Guidewire-Produktschnittstellen. Schreiben Sie nicht alles groß.
  • Verwenden Sie in den meisten Situationen Verben im Präsens und im Aktiv.
  • Verwenden Sie gebräuchliche Abkürzungen, um Ihrem Text einen natürlichen und informellen Ton zu verleihen.
  • Verwenden Sie eine einfache Sprache. Vermeiden Sie unnötigen Jargon und komplexe Sprache.
  • Halten Sie Wörter und Sätze kurz.

Barrierefreiheit​

  • Berücksichtigen Sie beim Theming einzelner Komponenten den Farbkontrast auf den Schaltflächen.
  • Geben Sie immer Eingabebeschriftungen an.
  • Die Registerkartenreihenfolge sollte oben links im Formular beginnen, zuerst mit der Tabulatortaste über jede Zeile und dann weiter zur nächsten Zeile.
  • Wenn ein Gruppentitel wie „Enddatum“ vorhanden ist, lassen Sie ihn gegebenenfalls über den Screenreader vorlesen.

Reaktionsfähigkeit​

  • Im Allgemeinen wird die Containerstruktur dieses Musters bei der breitesten Komponente ausgereizt. Höchstwahrscheinlich wird es nicht notwendig sein, dass sich diese Komponente über die gesamte Breite der Seite erstreckt.
  • Die maximale Breite beträgt in der Regel etwa 500 Pixel.
  • Komponenten können sich je nach Anwendungsfall über eine oder mehrere Spalten erstrecken.
  • Komponenten mit mehreren Eingaben (z. B. Enddatum) werden umbrochen, wenn die Containerbreite auf mobilen Geräten geringer wird.

Theming​

Standardmäßig entsprechen Theming und Branding der Anwendung, es sei denn, sie werden überschrieben.

Muster können mit Themes gestaltet werden, um bestimmte Markenanforderungen und Kundenwünsche zu erfüllen. Dazu gehören visuelle Elemente wie Farben, Typografie, Symbole, Schaltflächen und andere Komponenten und grafische Elemente.

Erfahren Sie mehr über das Theming mit Design-Token

Unterstützende Recherche​

Das Design dieses Musters ist das Ergebnis vergleichender Marktforschung sowie interner Anwendungsfälle. Die Marktforschung konzentrierte sich auf andere Unternehmenssoftware mit fortschrittlichen Zeitplanern wie Google Cal, Zoom Meetings und Microsoft. Diese Muster dienten als Grundlage für den „Standard“-Zeitplaner, mit dem Benutzer eine Häufigkeit, einen Datumsbereich und eine Uhrzeit für ein einmaliges oder wiederkehrendes Ereignis auswählen können. UX-Designer haben das cron-Format recherchiert, um sicherzustellen, dass ihre Designs den Branchenstandards entsprechen.

Intern hatten wir mehrere technische Anwendungsfälle, in denen Benutzer wiederkehrende Bereitstellungen oder Builds planen mussten. Zu diesem Zweck können sie das „Standardformat“ verwenden, wenn ihre geplanten Ereignisse unter ein standardisiertes wiederkehrendes Muster fallen, z. B. einmal pro Woche oder jeden zweiten Tag. Wenn sie Ereignisse für eine bestimmte Zeit planen müssen, können sie das cron-Format verwenden. Dadurch wird sichergestellt, dass das Muster flexibel genug ist, um sowohl technische als auch nicht-technische Benutzer zu unterstützen.

Komponenten​

Muster​

Ressourcen​

Laden Sie eine ZIP-Datei mit sämtlichen aktuellen Jutro-Mustern herunter und beginnen Sie mit der Gestaltung.

Jutro-Musterbibliothek (19.6 MB)