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

  • Freigeben Version: Yokohama
  • Aktualisiert 30. Januar 2025
  • 2 Minuten Lesedauer

    • Erfahren Sie, wie Sie aktivieren Next ExperienceDesign erstellen und Designs für Ihre mobilen Apps erstellen und anwenden.

    Next Experience aktivieren

    Wichtig:
    Verwenden Next ExperienceDesign aktiviert UtahUnd spätere Versionen von ServiceNow®Instanzen.

    Zu verwenden Next ExperienceDesign, müssen Sie haben Next ExperienceIn 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 zwei Basissystemdesigns zur Verwendung in der mobilen Anwenderoberfläche.
    Polaris
    Polaris ist das Standarddesign für Instanzen mit Next ExperienceAktiviert.
    Ein neuer Core-UX-Stildatensatz [sys_ux_style] wurde aufgerufen Mobile Farben – Standard Ist in enthalten Polaris Design. Dieser Datensatz kann nicht geändert werden, aber der Anwender kann 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
    Das mobile Legacy ist ein Fallback-Design. Instanzen mit aktualisiert auf UtahOder später, die nicht haben Next ExperienceAktiviert „dieses Design verwenden“.

    Unter dem Polaris-Design befindet sich ein UX-Stildatensatz [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 ExperienceDesigns in der Tabelle „UX-Thema“ [sys_ux_Theme] in Ihrer Instanz. Standardmäßig Instanzen mit Next ExperienceAktiviert Verwenden Sie Polaris Design. Instanzen ohne Next ExperienceAktiviert 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 UI 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 ExperienceDesignkonfiguration um Next Experience-Designs und -Einstellungen werden konfiguriert .

    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 UI nicht.

    Weisen Sie Ihrem mobilen Client ein Design zu

    Legen Sie ein Design für Ihre mobilen Apps in fest Mobile App BuilderMit dem neuen Client-Design Feld.

    Wenn das Feld „Clientdesign“ leer ist
    Ihre Instanz überprüft den Status, ob Next ExperienceIst aktiviert und bestimmt, welcher UX-Design-Datensatz [sys_ux_Theme] für die mobile App verwendet werden soll.
    • Wenn Next ExperienceIst aktiviert, Polaris Design wird verwendet.
    • Wenn Next ExperienceIst deaktiviert, 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 variiert je nach Komponente, die Sie erstellen. Informationen zum Anwenden von Farbvariablen auf jede dieser Komponenten finden Sie unter Überlegungen zum Farbdesign für Mobilgeräte.