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

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 2025
  • 3 Minuten Lesedauer
  • Erfahren Sie, wie Sie aktivieren Next Experience Design erstellen und Designs für Ihre mobilen Apps erstellen und anwenden.

    Next Experience aktivieren

    Wichtig:
    Verwenden Next Experience Design aktiviert Utah Und spätere Versionen von ServiceNow® Instanzen.

    Zu verwenden Next Experience Design, müssen Sie haben Next Experience In Ihrer Instanz aktiviert. Für Aktivierungsanweisungen und weitere Informationen zu Next Experience, Siehe Designs in Next Experience erkunden .

    Verfügbare Designs für mobile Apps

    Designs werden durch Datensätze in der Tabelle „UX-Designs“ [sys_ux_Theme] definiert. Ihre Instanz enthält drei Basissystemdesigns zur Verwendung in der mobilen Anwenderoberfläche: Coral, Polaris und Mobile Legacy.
    Abbildung : 1. Vergleich der Legacy-Designs, Polaris und Coral
    Drei nebeneinander angezeigte Bilder zeigen den Unterschied im Look-and-Feel der verschiedenen Designs: Legacy, Polaris und Coral.
    Hinweis:
    • Von Zurich Versionen und höher „Coral“ ist das Standarddesign mit Next Experience Aktiviert.
    • Für Utah Bis Yokohama Versionen, Polaris ist das Standarddesign mit Next Experience Aktiviert. Sie können eine dieser Optionen verwenden.
    • Bestandskunden, die auf upgraden Zurich Wer Polaris als Standard verwendet Next Experience Das Design behält Polaris als mobiles Design bei, es sei denn, es wird ein anderes Design ausgewählt.
    Koralle
    Korallenfunktion ist das Standarddesign für Instanzen mit Next Experience Aktiviert für Versionen Zurich Und höher. Kunden, die ein Upgrade auf durchführen Zurich Das Design des Designs wird nicht automatisch auf „Korallenrot“ aktualisiert. Stattdessen müssen sie das Design manuell auswählen. Konfigurationsanweisungen finden Sie unter Weisen Sie im Mobile App Builder ein Next Experience-Design zu. Das Coral-Design bietet ein frisches Erscheinungsbild und bietet markenneutrale Illustrationen, um Ihre Anwender-Experience zu verbessern.
    Ein Core-UX-Stildatensatz [sys_ux_style] mit dem Namen Mobile Farben – Standard Ist in enthalten Koralle Design. Dieser Datensatz kann nicht geändert werden, aber Anwender können eine Kopie dieses Datensatzes erstellen oder einen neuen Designdatensatz erstellen. Geben Sie Ihrem neuen oder kopierten Datensatz einen höheren Prioritätswert, um die in angegebenen Farben zu überschreiben Mobile Farben – Standard Datensatz.
    Polaris
    Polaris ist das Standarddesign für Instanzen mit Next Experience Aktiviert für die Versionen Utah Bis Yokohama.
    Hinweis:
    Für Kunden, die ein Upgrade auf durchführen Zurich Design, Polaris bleibt Ihr Next Experience Design, es sei denn, Sie führen ein manuelles Upgrade auf Coral durch.
    Ein neuer Core-UX-Stildatensatz [sys_ux_style] wird aufgerufen Mobile Farben – Standard Ist in enthalten Polaris Design. Dieser Datensatz kann nicht geändert werden, der Anwender kann jedoch eine Kopie dieses Datensatzes erstellen oder einen neuen Designdatensatz erstellen. Geben Sie Ihrem neuen oder kopierten Datensatz einen höheren Prioritätswert, um die in angegebenen Farben zu überschreiben Mobile Farben – Standard Datensatz.
    Mobiles Legacy
    Legacy-Mobilgeräte sind ein Fallback-Design. Instanzen mit auf aktualisiert Utah Oder später, die nicht haben Next Experience Aktiviert Verwenden Sie dieses Design.

    Unter dem Polaris- oder Korallendesign befindet sich ein Datensatz im UX-Stil [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 Next Experience Designs in der Tabelle „UX-Thema“ [sys_ux_Theme] in Ihrer Instanz. Standardmäßig Instanzen mit Next Experience Aktiviert Verwenden Sie Koralle Design. (Von Utah Bis Yokohama Versionen, der Standardwert ist Polaris Design). Instanzen ohne Next Experience Aktiviert Verwenden Sie Mobiles Legacy Design. Diese Designs können nicht geändert werden, Sie können jedoch eines der Designs kopieren und diese Kopie ändern.

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

    Erfahren Sie mehr über Next Experience Designkonfiguration um Next Experience-Designs und -Einstellungen konfigurieren .

    Wichtig:
    Mobile Apps verwenden nur die Farbelemente eines UX-Stils. Elemente wie Schriftart, Schatten, Deckkraft und andere nicht farbige Elemente in einem Design ändern die Darstellung der mobilen Anwenderoberfläche nicht.

    Weisen Sie Ihrem mobilen Client ein Design zu

    Legen Sie ein Design für Ihre mobilen Apps in fest Mobile App Builder Mit dem neuen Mobiles Design Feld.

    Wenn das Feld Mobile-Design leer ist
    Ihre Instanz überprüft den Status ob Next Experience Ist aktiviert und bestimmt, welcher UX-Design-Datensatz [sys_ux_Theme] für die mobile App verwendet werden soll. Standardmäßig:
    • Für Zurich Version, wenn Next Experience Ist aktiviert, die Koralle Design wird verwendet.
    • Für Utah Bis Yokohama, Wenn Next Experience Ist aktiviert, die Polaris Design wird verwendet.
      Hinweis:
      Sie können verschiedene mobile Designs für jede mobile App verwenden, wenn Sie verwenden Next Experience.
    • Wenn Next Experience Ist deaktiviert, die Mobiles Legacy Design wird verwendet.
    Wenn das Feld Clientdesign nicht leer ist
    Ihre mobilen Apps verwenden immer das im Feld angegebene Design, um die mobile App zu gestalten.

    Verwenden Sie Farbvariablen für Ihre anwenderdefinierten mobilen Komponenten

    Verwenden Sie Farbvariablen beim Entwerfen Ihrer mobilen Komponenten, um eine konsistente Anwender-Experience zu bieten. Die folgenden Komponenten nutzen Farbvariablen:
    • UI-Regeln
    • Navigationsabschnitte
    • Pins zuordnen
    • Symbole
    • Vorlagen anzeigen
    • Schaltflächen für mobile Ansicht
    • Geben Sie Beschreibungsfelder ein

    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 zum Farbdesign für Mobilgeräte.