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

  • Freigeben Version: Xanadu
  • Aktualisiert 1. August 2024
  • 2 Minuten Lesedauer

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

    Aktivieren Next Experience

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

    Um das Design Next Experience zu verwenden, muss Next Experience in Ihrer Instanz aktiviert sein. Anweisungen zur Aktivierung und weitere Informationen zu Next Experiencefinden Sie unter 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 Basissystemthemen zur Verwendung in der mobilen Anwenderoberfläche.
    Polaris
    Polaris ist das Standarddesign für Instanzen, für die Next Experience aktiviert ist.
    Ein neuer Datensatz für den zentralen UX-Stil [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. Weisen Sie dem neuen oder kopierten Datensatz einen höheren Prioritätswert zu, um die im Datensatz „Mobile-Farben – Standard“ angegebenen Farben zu überschreiben.
    Mobile Legacy
    Mobile Legacy ist ein Fallback-Design. Instanzen mit einem Upgrade auf Utah oder höher, 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 zugehörigen Farben.

    Erstellen Sie Designs und Stile

    Erstellen Sie Designs Next Experience in der UX-Designtabelle [sys_ux_theme] in Ihrer -Instanz. Standardmäßig verwenden Instanzen mit aktiviertem Next Experience das Polaris -Design. Instanzen, für die Next Experience nicht aktiviert ist, verwenden das Legacy-Design „Mobile “. Diese Designs können nicht geändert werden, aber Sie können eines davon 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, 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 das Erscheinungsbild der mobilen Anwenderoberfläche nicht.

    Weisen Sie Ihrem mobilen Client ein Design zu

    Legen Sie im Mobile App Builder mithilfe des Felds „ Client -Design“ ein Design für Ihre mobilen Apps fest.

    Wenn das Feld Client-Design leer ist
    Ihre Instanz von prüft, 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 „Mobile “ verwendet.
    Wenn das Feld Client-Design nicht leer ist
    Ihre mobilen Apps verwenden immer das im Feld angegebene Design, um das Design der mobilen App zu gestalten.

    Verwenden Sie Farbvariablen für Ihre anwenderdefinierten mobilen Komponenten

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

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