Konfigurieren Sie das Next Experience-Design für Mobilgeräte

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 2 Minuten Lesedauer

    • Erfahren Sie, wie Sie Next Experience Designs aktivieren und Designs für Ihre Mobile-Apps erstellen und anwenden.

    Aktivieren Next Experience

    Wichtig:
    Verwenden Sie das Next Experience -Design in Utah und späteren Versionen von ServiceNow® -Instanzen.

    Um das Design Next Experience zu verwenden, muss Next Experience für Ihre Instanz aktiviert sein. Anweisungen zur Aktivierung und weitere Informationen zu Next Experiencefinden Sie unter Themen in Next Experience erkunden.

    Verfügbare Designs für Mobile-Apps

    Themen werden durch Datensätze in der Tabelle „UX-Themen“ [sys_ux_theme] definiert. Ihre Instanz enthält zwei Basissystemthemen zur Verwendung in der Mobile-UI.
    Polaris
    Polaris ist das Standarddesign für Instanzen, für die Next Experience aktiviert ist.
    Ein neuer Core-UX-Stil-Datensatz [sys_ux_style] mit der Bezeichnung Mobile-Farben, Standard, ist im Polaris -Design enthalten. Dieser Datensatz kann nicht geändert werden, aber der Anwender kann eine Kopie dieses Datensatzes oder einen neuen Designdatensatz erstellen. Geben Sie Ihrem neuen oder kopierten Datensatz einen höheren Prioritätswert, um die im Mobile-Farben-Standarddatensatz angegebenen Farben zu überschreiben.
    Mobile Legacy
    Mobile Legacy ist ein Fallback-Design. Instanzen, für die ein Upgrade auf Utah oder höher durchgeführt wurde und für die Next Experience nicht aktiviert ist, verwenden dieses Design.

    Unter dem Polaris-Design befindet sich ein UX-Stil-Datensatz [sys_ux_style] mit dem Namen Mobile-Farben Standard. Dieser Datensatz definiert die Namen der Farbvariablen und die ihnen zugeordneten Farben.

    Erstellen Sie Designs und Stile

    Erstellen Sie Next Experience Designs in der Tabelle „UX-Design“ [sys_ux_theme] in Ihrer Instanz. Standardmäßig verwenden Instanzen, für die Next Experience aktiviert ist, das Polaris -Design. Instanzen ohne Next Experience verwenden das Legacy-Design von Mobile. Diese Designs können nicht geändert werden. Sie können jedoch eines davon kopieren und diese Kopie ändern.

    Jeder UX-Designdatensatz ist mit einem oder mehreren UX-Stildatensätzen [sys_ux_style] verknüpft, die das Erscheinungsbild der Benutzeroberfläche definieren, wenn Sie ein Design auf Ihre Instanz anwenden. Wie bei Designdatensätzen können die Standardstildatensätze nicht bearbeitet, aber kopiert werden.

    Weitere Informationen zur Konfiguration des Designs Next Experience finden Sie unter Next Experience-Designs und -Einstellungenkonfigurieren.

    Wichtig:
    Mobile-Apps verwenden nur die Farbelemente eines UX-Stils. Elemente wie Schriftart, Schatten, Deckkraft und andere nicht farbliche Elemente in einem Design ändern nicht das Erscheinungsbild der Mobile-UI.

    Weisen Sie Ihrem Mobile-Client ein Design zu

    Legen Sie mithilfe des neuen Felds „ Clientdesign “ ein Design für Ihre Mobile-Apps in Mobile App Builder fest.

    Wenn das Feld Clientdesign leer ist
    Ihre Instanz überprüft den Status, ob Next Experience aktiviert ist, und bestimmt, welcher UX-Design-Datensatz [sys_ux_theme] für die Mobile-App verwendet werden soll.
    • Wenn Next Experience aktiviert ist, wird das Polaris -Design verwendet.
    • Wenn Next Experience deaktiviert ist, wird das Legacy-Design von Mobile verwendet.
    Wenn das Feld Clientdesign nicht leer ist
    Ihre Mobile-Apps verwenden immer das im Feld angegebene Design, um das Design der Mobile-App festzulegen.

    Verwenden Sie Farbvariablen für Ihre benutzerdefinierten Mobile-Komponenten

    Verwenden Sie beim Entwerfen Ihrer Mobile-Komponenten Farbvariablen, um eine konsistente Benutzer-Experience zu bieten. Die folgenden Komponenten nutzen Farbvariablen:
    • UI-Regeln
    • Navigationsabschnitte
    • Stecknadeln zuordnen
    • Symbole
    • Zeigen Sie Vorlagen an
    • Schaltflächen für die Mobile-Ansicht
    • Eingabebeschreibungsfelder

    Die Verwendung von Farbvariablen hängt von der Komponente ab, die Sie erstellen. Informationen zum Anwenden von Farbvariablen auf jede dieser Komponenten finden Sie unter Überlegungen zu Farbdesigns für Mobilgeräte.