Versionshinweise zu Next Experience-Komponenten

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

    • ServiceNow® Next Experience-Komponenten sind die Komponenten, die zum Erstellen benutzerdefinierter Benutzeroberflächen verwendet werden. Next Experience-Komponenten wurde im Release Washington DC ] erweitert und aktualisiert.

    Highlights von Next Experience-Komponenten für Release Washington DC

    • Erstellen Sie umfassende UI-Experiences mit vorgefertigten Systemkomponenten oder benutzerdefinierten Komponenten. Informationen zum Anzeigen der Next Experience-Komponenten -API-Referenz, der Benutzerleitfäden und der Setup-Dokumentation von ServiceNow® UI Builder finden Sie auf der Developer Site Next Experience Components-Dokument.
    • Verwenden Sie gängige Muster und Prinzipien für Webkomponenten, z. B. ein JavaScript-Framework, unveränderliche Daten und einfache Aktions-Handler.
    • Verwenden Sie Komponenten über mehrere Benutzeroberflächen hinweg wieder, um eine zusammenhängende Experience für Ihre Endbenutzer zu schaffen.
    • Verwenden Sie voreingestellte Eigenschaftswerte, um Eigenschaften und Event-Handler für eine Komponente automatisch zu konfigurieren, sodass die Komponente einsatzbereit ist, wenn Sie sie einer Seite hinzufügen. Voreinstellungen können eine Verbindung zu einem Controller herstellen, der als Datenressource für die Komponente fungiert. Weitere Informationen finden Sie unter Automatically configure components using presets und Bind data to UI Builder pages using controllers (advanced feature).
    • Aktualisierte Komponenten für Barrierefreiheit. Weitere Informationen finden Sie im Abschnitt „Informationen zur Barrierefreiheit“ in diesen Versionshinweisen.

    Neu im Washington DC-Release

    Tabelle : 1. Komponenten
    Komponente Beschreibung
    Farbauswahl Eine Farbbibliothek, die zum Suchen, Auswählen und Speichern von Farben verwendet werden kann. Hexcode-, RGB- und HSL-Werte werden akzeptiert, und benutzerdefinierte Farben können verwendet werden.
    Zugehörige Elemente Informationen im Zusammenhang mit einem Falldatensatz, der mit Karten im Seitenbereich angezeigt und in einem erweiterbaren Akkordeon kategorisiert wird. Optional kann der Benutzer die Daten als vollständige Liste mit Sortier- und Filterfunktionen anzeigen.
    Tabelle : 2. Seitenvorlagen
    Vorlage Beschreibung
    Modaler Dialog zum Bestätigen der Veröffentlichung Modal, das als Seitenvorlage verwendet wird, mit der Benutzer von Wissensmanagement Artikel im Knowledge Baseveröffentlichen können.
    Datensatzseite vertikal Seitenvorlage, die zum Verwalten von zugehörigen Listen und UI-Seiten auf einer Datensatzseite in Gruppen verwendet wird. Diese Seitenvorlage enthält voreingestellte Werte, mit denen die Seite funktioniert, ohne dass eine komplexe Konfiguration erforderlich ist.
    Modales Element für Bestätigung der Stilllegung Modal, das als Seitenvorlage verwendet wird, mit der Benutzer von Wissensmanagement veraltete Artikel aus der Knowledge Base löschen und Ersatzartikel auswählen können.
    Standardliste Seitenvorlage, die mit einem Datensatzlistenpaket und einem Listenmenü erstellt wurde, das in einer Komponente mit größenverstellbaren Bereichen enthalten ist, alle mit voreingestellten Konfigurationswerten. Benutzer können Datensätze in verschiedenen Formaten exportieren und benutzerdefinierte Listen für andere Benutzer freigeben. Der in dieser Seitenvorlage verwendete Listen-Controller enthält konfigurierbare Eigenschaften.
    Tabelle : 3. Gruppen
    Gruppe Beschreibung
    Datensatzliste Das Datensatzlistenpaket ist eine Kombination von Komponenten, darunter ein Listenheader, ein Listentext und eine Paginierungskomponente. Diese neue Iteration der Listenkomponente enthält voreingestellte Konfigurationswerte und einen Listen-Controller.

    Änderungen in diesem Release

    Tabelle : 4. Komponenten
    Komponente Erweiterungen
    Aktivitätenstrom
    • Blenden Sie die Schaltflächen „Entwurf verwerfen“, „Popout-Schaltfläche“, „E-Mail erstellen“ und „Entwürfe anzeigen“ aus.
    • Ändern Sie den Stil der Schaltfläche „E-Mail senden“ von primär in sekundär.
    • Zeigen Sie den E-Mail-Betreff an, wenn mehrere Dialogfelder ohne Modus vorhanden sind oder wenn sie minimiert sind.
    • E-Mail-Vorlage und KB-Link mit Dialogfeld ohne Modus einfügen.
    Anhänge Neue Eigenschaft zum Definieren der maximal zulässigen Größe für einen Anhang.
    Datum: Uhrzeit Standardzeiteigenschaft [initialTime], die die Standardstartzeit für die Komponente festlegt. Wenn nicht festgelegt, wird die Zeit standardmäßig auf Mitternacht gesetzt.
    Datum-Uhrzeit-Intervall Passen Sie den Datumsbereich an, der im Kalender angezeigt werden soll, indem Sie eine relative Datums-/Uhrzeitauswahl verwenden.
    E-Mail-Editor
    • Hängen Sie Wissen Artikel inline oder als PDFs mit Agent Assistan.
    • Entwürfe automatisch speichern, verwerfen, speichern und erstellen.
    • Verbesserte Seitendesigndichte.
    • Unterstützung für Dialogfeld-Experience ohne Modus hinzugefügt.
    E-Mail-Editor (mini)
    • Hängen Sie Wissen Artikel inline oder als PDFs mit Agent Assistan.
    • Entwürfe automatisch speichern, verwerfen, speichern und erstellen.
    • Verbesserte Seitendesigndichte.
    • Unterstützung für Dialogfeld-Experience ohne Modus.
    Überschrift
    • Die Größen der Schriftart-Header wurden im Arbeitsbereich verringert, um die Datendichte zu erhöhen.
    • Hero-Überschriftengröße Alternative zur primären für Benutzer, die immer noch die ursprüngliche, größere Überschriftengröße bevorzugen.
    Symbol Verwenden Sie benutzerdefinierte Symbole in einem beliebigen Standardbildformat. Benutzerdefinierte Symbole werden der Bibliothek in der Instanz nicht hinzugefügt und nicht zwischengespeichert.
    Bild Verwenden Sie benutzerdefinierte Bilder in einem beliebigen Standardbildformat. Benutzerdefinierte Symbole werden der Bibliothek in der Instanz nicht hinzugefügt und nicht zwischengespeichert.
    Eingabe Der KI-Indikator signalisiert Benutzern, wenn ein Formularfeld KI-Empfehlungen verwendet, und bietet weitere Informationen zur KI-Funktionalität.
    Kanban-Tafel
    • Aktivieren Sie Abhängigkeitslinien, um Beziehungen zwischen Karten auf der Tafel anzuzeigen.
    • Zeigen Sie den Swimlane-Header in der Zeile an.
    Listenauswahl
    • Popover, die aus Elementen in den Listen „Verfügbare Elemente“ und „Ausgewählte Elemente“ ausgelöst werden, zeigen Details des aktuellen Datensatzes an. Sie können den Inhalt der Popover konfigurieren und die Elemente auswählen, die das Auslösersymbol anzeigen.
    • Wählen Sie aus, wie die Komponente angezeigt wird. Auswahlmöglichkeiten:
      • Kompakt
      • 2 Bereiche
      • Dot-Walk (Standard)
    • Verhindern Sie, dass Benutzer Elemente in der Liste „Ausgewählte Elemente“ neu anordnen.
    • Zeigen Sie alle ausgeblendeten Steuerelemente in der Komponente an.
    Dialogfeld ohne Modus
    • Definieren Sie den Headertext, der auf 2 Zeilen umgebrochen und nach der zweiten Zeile abgeschnitten wird.
    • Ersetzen Sie den anfänglichen Variantenfarbtyp durch einen primären oder sekundären Typ, der der Überschrift Farbe hinzufügt.
    • Fügen Sie ein Schaltflächensymbol hinzu, das eine Aktion im optionalen Schaltflächen-Slot auslöst.
    • Ändern Sie, wo das Dialogfeld ohne Modus angezeigt wird, wenn es von einem Benutzer ausgelöst wird. Standardmäßig wird es in der Mitte angezeigt, Sie können jedoch festlegen, dass das Dialogfeld oben links oder rechts, unten links oder rechts angezeigt wird.
    • Verwenden Sie Tastenkombinationen, um das Dialogfeld nach oben, unten, links und rechts zu verschieben.
    Empfohlene Aktionen
    • Konfigurierbare Fenstertitel und Registerkartenüberschriften.
    • Konfigurierbare Registerkartenreihenfolge.
    • Registerkarte „Neue Suche“, die ein Sucheingabefeld und Karten für Suchergebnisse enthält.
    • Der Verlauf wurde von einer Registerkarte in einen neuen Bereich verschoben, der über eine Symbolschaltfläche ausgelöst wird.
    • Hintergrundfarbe für Hinweistext und Symbol in den Suchergebniskarten.
    Größenanpassbare Bereiche Tastatur-Tastenkombination zum Ändern des Layouts in nur linken Bereich, beide Bereiche und nur rechten Bereich.
    Auswahlvorgang KI-Indikator, um Benutzern zu signalisieren, wenn ein Formularfeld KI-Empfehlungen verwendet, und weitere Informationen zur KI-Funktionalität bereitstellt.
    Textbereich KI-Indikator, um Benutzern zu signalisieren, wenn ein Formularfeld KI-Empfehlungen verwendet, und weitere Informationen zur KI-Funktionalität bereitzustellen.
    Typeahead KI-Indikator, um Benutzern zu signalisieren, wenn ein Formularfeld KI-Empfehlungen verwendet, und weitere Informationen zur KI-Funktionalität bereitzustellen.
    Typeahead-multi KI-Indikator, um Benutzern zu signalisieren, wenn ein Formularfeld KI-Empfehlungen verwendet, und weitere Informationen zur KI-Funktionalität bereitzustellen.
    Tabelle : 5. Datenvisualisierungsdiagramme
    Diagramm Erweiterung
    Balkenvisualisierung Pareto-Typ der Balkenvisualisierung. Ein Pareto-Diagramm ähnelt einem vertikalen Balkendiagramm, enthält jedoch auch ein Liniendiagramm. Ein Pareto-Diagramm zeigt vertikale Balken an, die einzelne Werte (Häufigkeit oder Kosten) in absteigender Reihenfolge darstellen, und eine Linie mit Datenpunkten, die die kumulative Summe darstellt. Das Pareto-Diagramm markiert auch den 80-%-Punkt auf der y-Achse mit einer horizontalen Linie, die der Benutzer ausblenden kann.
    Indikator-Bewertungslistenvisualisierung
    • Neueste Punktzahlleiste, die Sie für eine grafische Darstellung der neuesten Indikatorpunktzahl anzeigen können. Ein blauer Balken für eine Punktzahl von 1 oder höher, ein orangefarbener Balken für -1 und niedriger und kein Balken für eine Punktzahl von 0 (Null). Punktzahlwert wird beim Daraufzeigen angezeigt.
    • Maximale Anzahl von Gruppen kann angegeben werden (1–20).
    • Es können nur Aufgliederungen zur Anzeige angegeben werden, und dann können Sie auch alle Gruppen für die erste Aufgliederung anzeigen.
    Zeitreihenvisualisierung Datumsbereichsauswahl, die eine Dropdown-Liste für den Datumsbereich hinzufügt, mit der der Benutzer den angezeigten Zeitbereich schnell in einen der vordefinierten Datumsbereiche ändern kann.

    Aktivierungsinformationen

    Next Experience-Komponenten ist eine standardmäßig aktivierte Now Platform-Funktion.

    Informationen zur Eingabehilfe

    Die folgenden Verbesserungen der Barrierefreiheit wurden an Next Experience-Komponenten im Release Washington DC vorgenommen.
    Unterstützung für Vergrößerungssoftware und Screen Reader

    Die folgenden Next Experience-Komponenten wurden aktualisiert, um programmatische Bezeichnungen mit visuellen Bezeichnungen abzugleichen. Diese Erweiterung bietet eine verbesserte Unterstützung für ZoomText (eine Art Vergrößerungssoftware) und andere Arten von unterstützenden Technologien (z. B. Screen Reader).

    Diese Erweiterung unterstützt Benutzer mit geistigen und physischen Behinderungen, z. B. Sehbehinderung oder Mobilitätseinschränkungen, die die Plattform ServiceNow verwenden.
    • Mitarbeiterchat [sn-agent-chat]
    • Posteingang des Service Desk-Mitarbeiters [sn-agent-inbox]
    • Canvas-Registerkarten [sn-canvas-tabs]
    • Chat-Eingabe [sn-chat-input]
    • Chat-Erwähnungsvorschlag [sn-chat-mention-suggestion]
    • Prüfliste [now-checklist]
    • Datum/Uhrzeit-Kalender [now-date-time-calendar]
    • Dokument-Viewer [sn-document-viewer]
    • Drag-and-Drop [sn-drag-and-drop]
    • Feldauswahl [sn-record-field-list-reorder-list]
    • Listenauswahl [sn-list-selector]
    • Popover-Inhalt der Benachrichtigungseinstellung [notification-setting-popover-content]
    • Inhalt des Anwesenheits-Popovers [sn-presence-popover-content]
    Unterstützung für Reflow

    Die folgenden Komponenten wurden aktualisiert, um den Umbruch zu unterstützen, wodurch Seiten und Inhalte über Ihre Browsereinstellungen ohne Verlust von Inhalten oder Funktionen um bis zu 400 % vergrößert werden können. Darüber hinaus kann der Inhalt ohne Scrollen in zwei Dimensionen mit einer Breite von 320 CSS-Pixeln oder einer Höhe von 256 CSS-Pixeln vergrößert werden.

    Diese Erweiterung hilft Benutzern, die schlecht sehen oder aufgrund von Monitorgröße, Gerätetyp, schlechter Beleuchtung oder anderen Situationen Probleme beim Anzeigen von Webinhalten in einem Browser haben. Der Rückfluss kann mit einer Systemeigenschaft für Instanzen, Experiences und Seiten deaktiviert werden. Details siehe Reflow for Configurable Workspace.

    • Aktionsleiste [now-record-common-uiactionbar]
    • Mitarbeiterchat [sn-agent-chat]
    • Terminkalender [now-appointment-calendar]
    • Balkendiagramm [now-vis-bar]
    • Blasenvisualisierung [now-vis-bubble-wrapper]
    • Kalender [now-calendar]
    • Karussell [sn-carousel]
    • Prüfliste [now-checklist]
    • Kontaktkarte [sn-contact-card]
    • Inhaltsstruktur [now-content-tree]
    • Kontextabhängige Seitenleiste [now-contectual-sidebar]
    • Kundenaktivität [sn-customer-activity]
    • Datumsbereichsauswahl [now-date-range-picker]
    • Skalendiagramm [now-vis-dial]
    • Dokumentanzeige [sn-document-display]
    • Document Intelligence [sn-docintel-iframe]
    • Express-Liste [sn-itom-aiops-list]
    • Filter [now-filter]
    • Formular [now-record-form-selection-column-layout]
    • Anzeigendiagramm [now-vis-anzeige]
    • Geokartenvisualisierung [now-vis-geomap-wrapper]
    • Heatmap-Visualisierung [now-vis-Heatmap-wrapper]
    • ITOM-Metrikexplorer [sn-itom-metric-explorer]
    • Kanban-Tafel [now-visual-board]
    • Wissensblöcke [sn-knowledge-blocks-connected-uib]
    • Wissensinhalt [sn-knowledge-content]
    • Listenauswahl [sn-list-selector]
    • Paginierungssteuerung [now-pagination]
    • Kreis-/Ringvisualisierung [now-vis-pie-wrapper]
    • Pivot-Tabellenvisualisierung [sn-multipivot]
    • Playbook-Aktivitätsanzeige [now-playbook-activity-viewer]
    • Playbook-Experience [now-playbook-experience-connected]
    • Playbook-Modale [now-playbook-modals]
    • Playbook-Phasenauswahl [now-playbook-stage-picker]
    • Serviceintegritäts-Dashboard Neu [sn-itom-service-dashboard]
    • Einzelne Punktzahl [now-score-advanced]
    • Zeitreihenvisualisierung [now-vis-timeseries-wrapper]
    Unterstützung für Speech-to-Text
    Die folgenden Next Experience-Komponenten wurden aktualisiert, um visuelle Bezeichnungen an ihre zugänglichen Bezeichnungen anzupassen. Wenn sich die zugängliche Bezeichnung von der visuellen Bezeichnung unterscheidet, kann die Sprache-zu-Text-Software das interaktive Element nicht identifizieren und aktivieren. Abgestimmte visuelle und zugängliche Bezeichnungen ermöglichen es Sprache-zu-Text-Software, wie z. B. Dragon Naturally Speaking, diese Komponenten in der Benutzeroberfläche zu identifizieren, anstatt eine langsame rasterbasierte Navigation durchzuführen, die von den Sprach-zu-Text-Assistenten-Technologien angeboten wird.
    • Dropdown [now-dropdown]
    • Eingabe [now-input]
    • Datensatzliste [now-record-list]
    • Datensatznummer [now-record-number]
    • Textlink [now-text-link]
    • Umschalter [now-toggle]
    • Typeahead [now-typeahead]
    • Typeahead-Multi [now-typeahead-multi]
    Allgemeine Verbesserungen der Barrierefreiheit
    Die folgenden Komponenten wurden aktualisiert, um international anerkannte Standards für Barrierefreiheit zu erfüllen.
    • Terminkalender [now-appointment-calendar]
    • Kalender [now-calendar]
    • Prüfliste [now-checklist]
    • Kontaktkarte [sn-contact-card]
    • Inhaltsstruktur [now-content-tree]
    • Kanban [now-visual-board]
    • Playbook-Aktivitätsauswahl [now-playbook-activity-picker]
    • Auswahlgruppe [now-funkgruppe]

    Verwandte ServiceNow-Anwendungen und -Funktionen

    UI Builder
    UI Builder ist ein Low-Code-Tool, mit dem Benutzer Seiten für webbasierte Experiences in Arbeitsbereichen und Portalen erstellen können.
    Configurable Workspace UI
    Verwenden Sie -Komponenten, um benutzerdefinierte Arbeitsbereich-Experiences für Service Desk-Mitarbeiter zu erstellen, die interne oder externe Kundenprobleme lösen.