Configurer le thème Next Experience pour mobile

Découvrez comment activer Next Experience les thèmes, et créer et appliquer des thèmes pour vos applications mobiles.

Activer Next Experience

Important :

Utilisez Next Experience des thèmes sur Utah les versions et versions ultérieures des ServiceNow® instances.

Pour utiliser Next Experience le thème, vous devez l’avoir Next Experience activé sur votre instance. Pour obtenir des instructions d’activation et plus d’informations sur Next Experience, consultez Exploration des thèmes dans Next Experience.

Thèmes disponibles pour les applications mobiles

Les thèmes sont définis par des enregistrements dans la table Thèmes UX [sys_ux_theme]. Votre instance inclut trois thèmes système de base à utiliser dans l’interface utilisateur mobile : Coral, Polaris et Mobile Legacy.

Figure 1. Comparaison des thèmes legacy, Polaris et Coral

Remarque :

• À partir des Zurich versions et supérieures Coral est le thème par défaut avec Next Experience activé.
• Pour Utah les Yokohama versions, Polaris est le thème par défaut avec Next Experience activé. Vous pouvez utiliser l’une ou l’autre de ces options.
• Les clients Zurich existants qui utilisent Polaris comme thème par défaut Next Experience conserveront Polaris comme thème mobile, sauf si un thème différent est sélectionné.

Corail

Corail est le thème par défaut pour les instances avec Next Experience activé pour les versions Zurich et supérieures. Les clients qui passent au Zurich thème ne verront pas automatiquement leur thème mis à niveau vers Coral. Au lieu de cela, ils devront sélectionner manuellement le thème. Pour obtenir des instructions de configuration, reportez-vous à la section Affecter un thème Next Experience dans le générateur d’application mobile. Le thème Coral offre une nouvelle apparence avec des illustrations neutres pour améliorer votre expérience utilisateur.

Un enregistrement de base de style UX [sys_ux_style] appelé Mobile Colors Default est inclus dans le thème Corail . Cet enregistrement ne peut pas être modifié, mais les utilisateurs peuvent créer une copie de cet enregistrement ou créer un nouvel enregistrement de thème. Attribuez à votre enregistrement nouveau ou copié une valeur de priorité plus élevée pour remplacer les couleurs spécifiées dans l’enregistrement Couleurs mobiles par défaut .

Polaris

Polaris est le thème par défaut pour les instances avec Next Experience activé pour les versions Utah jusqu’à Yokohama.

Remarque :

Pour les Zurich clients qui passent au thème, Polaris reste votre Next Experience thème, sauf si vous effectuez une mise à niveau manuelle vers Coral.

Un nouvel enregistrement de style UX [sys_ux_style] appelé Mobile Colors Default est inclus dans le thème Polaris . Cet enregistrement ne peut pas être modifié, mais l’utilisateur peut créer une copie de cet enregistrement ou créer un nouvel enregistrement de thème. Attribuez à votre enregistrement nouveau ou copié une valeur de priorité plus élevée pour remplacer les couleurs spécifiées dans l’enregistrement Couleurs mobiles par défaut .

Hérité mobile

L’héritage mobile est un thème de repli. Les instances avec mise à niveau vers Utah ou ultérieure qui n’ont Next Experience pas été activées utilisent ce thème.

Sous le thème Polaris ou Corail se trouve un enregistrement de style UX [sys_ux_style] nommé Mobile Colors Default. Cet enregistrement définit les noms des variables de couleur et les couleurs qui leur sont associées.

Créer des thèmes et des styles

Créez des Next Experience thèmes sur la table Thème UX [sys_ux_theme] sur votre instance. Par défaut, les instances activées Next Experience utilisent le thème Corail . (À partir des Utah versions précédentes Yokohama , la valeur par défaut est le thème Polaris ). Les instances non Next Experience activées utilisent le thème Mobile Legacy . Ces thèmes ne peuvent pas être modifiés, mais vous pouvez copier l’un d’eux et modifier cette copie.

Chaque enregistrement de thème UX est lié à un ou plusieurs enregistrements de style UX [sys_ux_style] qui définissent l’apparence de l’interface utilisateur lorsque vous appliquez un thème à votre instance. Comme pour les enregistrements de thème, les enregistrements de style par défaut ne sont pas modifiables, mais peuvent être copiés.

Pour en savoir plus sur la Next Experience configuration du thème, consultez Configuration des thèmes et des préférences Next Experience.

Important :

Les applications mobiles utilisent uniquement les éléments de couleur d’un style UX. Les éléments tels que la police, l’ombre, l’opacité et d’autres éléments non colorés d’un thème ne modifient pas l’apparence de l’interface utilisateur mobile.

Affecter un thème à votre client mobile

Définissez un thème pour vos applications mobiles à l’aide du Générateur d'apps mobiles nouveau champ Thème mobile .

Si le champ Thème Mobile est vide

Votre instance vérifie l’état de son Next Experience activation et détermine l’enregistrement de thème UX [sys_ux_theme] à utiliser pour l’application mobile. Par défaut:

• Pour la Zurich version, si Next Experience est activée, le thème Corail est utilisé.
• Pour Utah via Yokohama, si Next Experience est activé, le thème Polaris est utilisé.
  Remarque :

  Vous pouvez utiliser différents thèmes mobiles pour chaque application mobile, lorsque vous utilisez Next Experience.
• Si Next Experience cette option est désactivée, le thème Mobile Legacy est utilisé.

Si le champ Thème client n’est pas vide

Vos applications mobiles utilisent toujours le thème spécifié dans le champ pour définir le thème de l’application mobile.

Utiliser des variables de couleur sur vos composants mobiles personnalisés

Utilisez des variables de couleur lors de la conception de vos composants mobiles pour fournir une expérience utilisateur cohérente. Les composants suivants tirent parti des variables de couleur :

• Règles d'interface utilisateur
• Sections de navigation
• Épingles de carte
• Icônes
• Afficher les modèles
• Boutons d’affichage mobile
• Champs de description d’entrée

La façon d’utiliser les variables de couleur varie en fonction du composant que vous créez. Pour plus d’informations sur l’application de variables de couleur à chacun de ces composants, reportez-vous à la section Considérations relatives au thème de couleur pour mobile.