Thématisation

Last Updated novembre 19, 2024

Download as PDF

Aperçu général

La thématisation est une nouvelle fonctionnalité qui permet aux utilisateurs d'unifier la conception dans différentes applications WalkMe. Avec la configuration, vous pouvez facilement appliquer un look et une sensation cohérents à tous vos éléments WalkMe, à l'aide d'une large gamme d'éléments de design crééa à l'avance et personnalisables, y compris les schémas de couleur, la typographie et les mises en page.

Thématisation dans la console

Comment y accéder

Les thèmes sont situés dans la console et peuvent être accessibles

• Sur https://console.walkme.com/themes
• Via le panneau latéral de la console

Comment utiliser

Sélection d'un thème

• Les thèmes suggérés par WalkMe s'affichent sur l'écran principal, (le bleu étant celui par défaut)
• Les thèmes WalkMe ne peuvent pas être modifiés par l'utilisateur
• Un aperçu du thème que vous avez sélectionné s'affichera sur le côté droit de l'écran

• Vous pouvez également choisir entre les types d'éléments pour voir à quoi chacun ressemblera dans ce thème

Personnalisation d'un thème

• Si vous souhaitez modifier quelque chose dans le thème existant fourni par WalkMe, vous pouvez sélectionner l'un des thèmes et créer le vôtre en fonction de celui-ci
• Pour modifier quelque chose dans le thème sélectionné, cliquez sur le bouton Suivant

• Vous pouvez modifier n'importe quelle couleur (sauf pour les 2 couleurs de base - noir et blanc - pour des raisons d'accessibilité)

• Chaque couleur a deux autres nuances : la teinte (plus claire) et l'ombre (plus foncée)
• Une fois que vous avez modifié la couleur principale (la couleur centrale dans la palette), deux autres couleurs changeront également
• Les couleurs intermédiaires - la teinte et l'ombre - ne peuvent pas être modifiées par l'utilisateur, elles s'ajustent automatiquement à la couleur principale de la palette

• Dans l'onglet Typographie, vous pouvez modifier la police, la taille de la police, le format du texte - pour chacun des types de texte (Titre 1, Titre 2, Corps, Info-outil, etc.)

• Dans l'onglet Boutons, vous pouvez modifier les couleurs et la typographie de tous les boutons en sélectionnant les couleurs et les polices de thème
• Les modifications dans les couleurs et la typographie seront reflétées ici également
• Vous pouvez personnaliser la conception des boutons dans les modes de survol et de clic

Créer un nouveau thème

• Vous pouvez également créer un nouveau thème en cliquant sur le bouton Créer un nouveau thème dans le coin supérieur droit
• Le thème WalkMe bleu sera utilisé en tant qu'élément par défaut, à partir duquel vous pouvez personnaliser

Enregistrement d'un nouveau thème

• Une fois que vous avez terminé de modifier votre thème, cliquez sur Enregistrer en tant que nouveau
• Une fois que vous enregistrez un nouveau thème, il sera défini par défaut
• Vous aurez la possibilité de publier le thème immédiatement dans l'un des environnements
• La publication s'appliquera uniquement aux nouveaux paramètres de thème

Publier un thème

• Pour publier un thème nouvellement créé ou modifier, cliquez sur le bouton Publier dans le coin supérieur droit
• La publication s'appliquera uniquement aux nouveaux paramètres de thème

Sélection du thème par défaut

• Le thème qui est sélectionné par défaut est le thème affiché dans votre éditeur (il sera affiché à vos utilisateurs finaux uniquement après la publication)
• Vous pouvez facilement modifier le thème par défaut en cliquant sur le menu à trois points à côté du titre du thème et en sélectionnant Définir par défaut

Supprimer et renommer les thèmes

• Pour supprimer ou renommer votre thème personnalisé, cliquez sur le menu à trois points dans le coin supérieur droit du thème

Cartographie : Relations entre les couleurs

• Toutes les valeurs de texte et de couleur (Titre 1, Corps 1, Primaire, Secondaire, etc.) fonctionnent différemment dans différents modèles, même à l'intérieur d'un thème
• Les modèles Smart Walk-Thrus attachés ici utilisent le même thème par exemple
• Comme vous pouvez le voir, les relations entre les valeurs sont différentes dans différents modèles
• Trouvez la cartographie des couleurs et du texte dans les images attachées

Modèles Smart Walk-Thru

Modèles de Launcher

Modèles SmartTip

La thématisation dans Visual Designer

Comment utiliser

Couleurs

• Dans le Visual Designer, la thématisation peut être utilisée partout où la couleur est appliquée
• Voud pouvez par exemple modifier l'arrière-plan de votre popup de manière à ce qu'il soit dans l'une des couleurs de thème actuelles
• Si vous modifiez la couleur dans le thème, elle changera automatiquement dans la pop-up qui utilise ce thème

Détachement du thème

• Si vous décidez que vous ne souhaitez pas que votre élément soit toujours connecté au thème et qu'il soit toujours permanent, vous pouvez vous détacher du thème en cliquant sur l'icône de dissociation dans le menu latéral
• Pour revenir au thème, cliquez sur l'icône des quatre carrés dans le menu latéral et sélectionnez le thème auquel vous souhaitez que la conception soit attachée

Typographie

• La typographie utilise des thèmes de la même manière que les couleurs, vous pouvez sélectionner n'importe quelle police ou format du texte que votre thème actuel contient
• Vous pouvez également détacher du thème si vous ne souhaitez pas utiliser sa typographie

Boutons

• Vous pouvez avoir vos boutons connectés au thème
• Vous pouvez décider des propriétés du bouton que vous souhaitez connecter ou détacher du thème
• Vous pouvez, par exemple, détacher la police et choisir une des vôtres, et garder d'autres couleurs et remplissages connectés au thème

Nouveaux modèles

• Les nouveaux modèles Visual Designer seront également introduits avec les thèmes
• Chaque modèle sera associé à un certain thème

Thématisation dans l'éditeur

Modifications dans l'éditeur