Notes de publication Composants Next Experience
Il ServiceNow® Composants Next Experience s’agit des composants utilisés pour créer des interfaces utilisateur personnalisées. Composants Next Experience a été amélioré et mis à jour dans la Washington DC version.
Points forts d'Composants Next Experience pour la version Washington DC
- Créez des expériences d’interface utilisateur enrichies avec un système prédéfini ou des composants personnalisés. Pour afficher la référence d’API, les conseils d’utilisation et ServiceNow® Générateur d'IU la Composants Next Experience documentation de configuration, consultez la documentation des composants Next Experience du site développeur.
- Utilisez des modèles et des principes de composant Web communs, tels qu’un cadre de travail JavaScript, des données immuables et des gestionnaires d’actions simples.
- Réutilisez des composants dans plusieurs interfaces utilisateur pour créer une expérience cohérente pour vos utilisateurs finaux.
- Utilisez des valeurs de propriété prédéfinies pour configurer automatiquement les propriétés et les gestionnaires d’événements d’un composant afin que le composant soit prêt à fonctionner lorsque vous l’ajoutez à une page. Les paramètres prédéfinis peuvent se connecter à un contrôleur qui agit comme une ressource de données pour le composant. Pour plus d'informations, consultez Automatically configure components using presets et Bind data to UI Builder pages using controllers (advanced feature).
- Mise à niveau des composants pour l’accessibilité. Pour plus d’informations, consultez la section Informations sur l’accessibilité dans ces notes de version.
Nouveautés de la version Washington DC
| Composant | Description |
|---|---|
| Sélecteur de couleurs | Une bibliothèque de couleurs qui peut être utilisée pour rechercher, sélectionner et enregistrer des couleurs. Les codes hex, les valeurs RVB et TSL sont acceptés et des couleurs personnalisées peuvent être utilisées. |
| Éléments BSM connexes de nouvelle génération | Informations relatives à un enregistrement de ticket affiché avec des cartes dans le panneau latéral et classé dans un accordéon extensible. En option, l’utilisateur peut afficher les données sous la forme d’une liste complète avec des options de tri et de filtrage. |
| Modèle | Description |
|---|---|
| Confirmer la fenêtre modale de publication | Modal utilisé comme modèle de page permettant Gestion des connaissances aux utilisateurs de publier des articles sur le Base de connaissances. |
| Page d’enregistrement verticale | Modèle de page utilisé pour gérer les listes connexes et les pages de l’interface utilisateur sur une page d’enregistrement au sein de groupes. Ce modèle de page contient des valeurs prédéfinies qui permettent à la page de fonctionner sans nécessiter de configuration complexe. |
| Mettre hors service la fenêtre modale de confirmation | Modal utilisé comme modèle de page permettant Gestion des connaissances aux utilisateurs de retirer des articles obsolètes de la base de connaissances et de sélectionner des articles de remplacement. |
| Liste standard | Modèle de page composé d’un groupe de listes d’enregistrements et d’un menu de listes contenus dans un composant de panneaux redimensionnables, le tout avec des valeurs de configuration prédéfinies. Les utilisateurs peuvent exporter des enregistrements dans différents formats et partager des listes personnalisées avec d’autres utilisateurs. Le contrôleur de liste utilisé dans ce modèle de page contient des propriétés configurables. |
| Ensemble | Description |
|---|---|
| Liste des enregistrements | Le groupe de listes d’enregistrements est une combinaison de composants qui incluent un en-tête de liste, un corps de liste et un composant de pagination. Cette nouvelle itération du composant de liste inclut des valeurs de configuration prédéfinies et un contrôleur de liste. |
Changements apportés à cette version
| Composant | Améliorations |
|---|---|
| Flux d'activité |
|
| Pièces jointes | Nouvelle propriété permettant de définir la taille maximale autorisée pour une pièce jointe. |
| Date - Heure | Propriété Heure par défaut [initialTime] qui définit l’heure de début par défaut pour le composant. Si elle n’est pas définie, l’heure est définie par défaut sur minuit. |
| Intervalle date-heure | Personnalisez la plage de dates à afficher sur le calendrier à l’aide d’un sélecteur de date heure relative. |
| Compositeur d'e-mail |
|
| Compositeur d’e-mail (mini) |
|
| En-tête |
|
| Icône | Utilisez des icônes personnalisées dans n’importe quel format d’image standard. Les icônes personnalisées ne sont pas ajoutées à la bibliothèque sur l’instance et ne sont pas mises en cache. |
| Image | Utilisez des images personnalisées dans n’importe quel format d’image standard. Les icônes personnalisées ne sont pas ajoutées à la bibliothèque sur l’instance et ne sont pas mises en cache. |
| Entrée | L’indicateur d’IA signale aux utilisateurs quand un champ de formulaire utilise des recommandations d’IA et fournit plus d’informations sur la fonctionnalité d’IA. |
| Tableau kanban |
|
| Sélecteur de liste |
|
| Boîte de dialogue sans modèle |
|
| Actions recommandées |
|
| Volets redimensionnables | Combinaison de touches du clavier pour modifier la mise en page sur le volet gauche uniquement, les deux panneaux et uniquement le volet droit. |
| Sélectionner | Indicateur IA pour signaler aux utilisateurs quand un champ de formulaire utilise des recommandations de l’IA et fournit plus d’informations sur la fonctionnalité de l’IA. |
| Textarea | Indicateur IA pour signaler aux utilisateurs quand un champ de formulaire utilise des recommandations de l’IA et pour fournir plus d’informations sur la fonctionnalité de l’IA. |
| Suggestion automatique | Indicateur IA pour signaler aux utilisateurs quand un champ de formulaire utilise des recommandations de l’IA et pour fournir plus d’informations sur la fonctionnalité de l’IA. |
| Suggestion automatique : multi | Indicateur IA pour signaler aux utilisateurs quand un champ de formulaire utilise des recommandations de l’IA et pour fournir plus d’informations sur la fonctionnalité de l’IA. |
| Graphique | Amélioration |
|---|---|
| Visualisation à barres | Type de diagramme de Pareto pour la visualisation à barres. Un diagramme de Pareto est similaire au graphique à barres verticales, mais il comprend également un graphique linéaire. Un diagramme de Pareto affiche des barres verticales qui représentent les valeurs individuelles (fréquence ou coût) par ordre décroissant, ainsi qu’une courbe avec des points de données qui représentent le total cumulé. Le diagramme de Pareto marque également le point à 80 % sur l’axe des y à l’aide d’une ligne horizontale, que l’utilisateur peut masquer. |
| Visualisation du tableau de résultats de l’indicateur |
|
| Visualisation des séries chronologiques | Sélecteur de plage de dates qui ajoute une liste déroulante de plage de dates que l’utilisateur peut utiliser pour changer rapidement la plage horaire affichée en l’une des plages de dates prédéfinies. |
Informations sur l'activation
Composants Next Experience est une Now Platform fonctionnalité qui est active par défaut.
Informations sur l'accessibilité
Les améliorations d’accessibilité Washington DC suivantes ont été apportées à la Composants Next Experience version précédente.
- Prise en charge des logiciels d’agrandissement et des lecteurs d’écran
Les éléments suivants Composants Next Experience ont été mis à jour pour faire correspondre les étiquettes programmatiques aux étiquettes visuelles. Cette amélioration améliore la prise en charge de ZoomText (un type de logiciel d’agrandissement) et d’autres types de technologies d’assistance (par exemple, les lecteurs d’écran).
Cette amélioration soutient les utilisateurs ayant des handicaps cognitifs et physiques, tels qu’une basse vision ou des limitations de mobilité, qui utilisent la ServiceNow plateforme.- Chat d’agent [sn-agent-chat]
- Boîte de réception de l’agent [sn-agent-inbox]
- Onglets de canevas [sn-canvas-tabs]
- Entrée de messagerie instantanée [sn-chat-input]
- Suggestion de mention de messagerie instantanée [sn-chat-mention-suggestion]
- Liste de vérification [now-checklist]
- Calendrier date/heure [now-date-time-calendar]
- Visionneuse de documents [sn-document-viewer]
- Glisser-déplacer [sn-glisser-déposer]
- Sélection de champ [sn-record-field-list-reorder-list]
- Sélecteur de liste [sn-list-selector]
- Contenu du popover de paramètre de notification [notification-setting-popover-content]
- Contenu du popover de présence [sn-presence-popover-content]
- Prise en charge de la redisposition
Les composants suivants ont été mis à jour pour prendre en charge la redistribution, qui permet de zoomer les pages et le contenu jusqu’à 400 % via les paramètres de votre navigateur sans perte de contenu ou de fonctionnalité. De plus, le contenu peut être agrandi sans défilement en deux dimensions à une largeur équivalente à 320 pixels CSS ou à une hauteur équivalente à 256 pixels CSS.
Cette amélioration aide les utilisateurs malvoyants ou qui ont des difficultés à voir le contenu Web dans un navigateur en raison de la taille de l’écran, du type d’appareil, d’un mauvais éclairage ou d’autres situations. La redisposition peut être désactivée à l’aide d’une propriété système pour les instances, les expériences et les pages. Consultez Reflow for Configurable Workspace pour en savoir plus.
- Barre d’actions [now-record-common-uiactionbar]
- Chat d’agent [sn-agent-chat]
- Calendrier de rendez-vous [now-appointment-calendar]
- Histogramme [now-vis-bar]
- Visualisation à bulles [now-vis-bubble-wrapper]
- Calendrier [now-calendar]
- Carrousel [sn-carousel]
- Liste de vérification [now-checklist]
- Carte de contact [sn-contact-card]
- Arborescence de contenu [now-content-tree]
- Barre latérale contextuelle [now-contectual-sidebar]
- Activité du client [sn-customer-activity]
- Sélecteur de plage de dates [now-date-range-picker]
- Graphique de cadran [now-vis-dial]
- Affichage du document [sn-document-display]
- Document Intelligence [sn-docintel-iframe]
- Liste express [sn-itom-aiops-list]
- Filtre [now-filter]
- Formulaire [now-record-form-selection-column-layout]
- Graphique de jauge [now-vis-gauge]
- Visualisation de carte géographique [now-vis-geomap-wrapper]
- Visualisation de carte thermique [now-vis-heatmap-wrapper]
- Explorateur de mesures ITOM [sn-itom-metric-explorer]
- Tableau Kanban [now-visual-board]
- Blocs de connaissances [sn-knowledge-blocks-connected-uib]
- Contenu de la base de connaissances [sn-knowledge-content]
- Sélecteur de liste [sn-list-selector]
- Contrôle de la pagination [now-pagination]
- Visualisation en secteurs/anneaux [now-vis-pie-wrapper]
- Visualisation du tableau croisé dynamique [sn-multipivot]
- Visionneuse d’activité Playbook [now-playbook-activity-viewer]
- Expérience Playbook [now-playbook-experience-connected]
- Modaux Playbook [now-playbook-modals]
- Sélecteur d’étape Playbook [now-playbook-stage-picker]
- Nouveau tableau de bord d’intégrité du service [sn-itom-service-dashboard]
- Score unique [now-score-advanced]
- Visualisation de la série chronologique [now-vis-timeseries-wrapper]
- Prise en charge de la reconnaissance vocale
- Les éléments suivants Composants Next Experience ont été mis à jour pour faire correspondre les étiquettes visuelles à leurs étiquettes accessibles. Si l’étiquette accessible est différente de l’étiquette visuelle, le logiciel de reconnaissance vocale ne peut pas identifier et activer l’élément interactif. Des étiquettes visuelles et accessibles correspondantes permettent aux logiciels de reconnaissance vocale, tels que Dragon Naturally Speaking, d’identifier ces composants dans l’interface utilisateur plutôt que d’effectuer une navigation lente basée sur une grille offerte par les technologies d’assistant de synthèse vocale.
- Liste déroulante [now-dropdown]
- Entrée [now-input]
- Liste des enregistrements [now-record-list]
- Numéro d’enregistrement [now-record-number]
- Lien de texte [now-text-link]
- Activer/désactiver [now-toggle]
- Suggestion automatique [now-typeahead]
- Suggestion automatique multiple [now-typeahead-multi]
- Améliorations générales de l’accessibilité
- Les éléments suivants ont été mis à jour pour répondre aux normes d’accessibilité reconnues à l’échelle internationale.
- Calendrier de rendez-vous [now-appointment-calendar]
- Calendrier [now-calendar]
- Liste de vérification [now-checklist]
- Carte de contact [sn-contact-card]
- Arborescence de contenu [now-content-tree]
- Kanban [now-visual-board]
- Sélecteur d’activité Playbook [now-playbook-activity-picker]
- Groupe de radio [now-radio-group]