Personnalisation de l’apparence de Studio

À propos de la personnalisation de l’apparence de Studio

Vous pouvez modifier l’apparence de Studio pour refléter l’image de marque de votre organisation. L’apparence personnalisée s’applique à tous les utilisateurs de votre compte principal. Les options de personnalisation suivantes sont disponibles :

• Logo personnalisé: Changer le logo (dans tout Studio).
• Personnalisation de la marque: modifiez les couleurs de l’interface utilisateur (en dehors des widgets).
• Affichage de la conversation: personnalisez l’affichage des interactions dans le widget Explorateur de documents et Feedback.
• Palettes de couleurs: modifiez les couleurs du rapport (à l’intérieur des widgets).

Logo personnalisé

Vous pouvez personnaliser votre apparence Studio en modifiant ou en supprimant le logo du site. Le logo apparaît dans l’en-tête de Studio et est visible sur chaque page. Cliquez sur le logo pour ouvrir la page d’accueil de Studio. Lorsque les utilisateurs enregistrent ou distribuent leurs tableaux de bord au format PDF, les fichiers d’exportation contiennent également le logo.

Dimensions de logo recommandées

Studio mettra automatiquement l’image à l’échelle pour s’adapter à l’espace réservé pour un meilleur affichage dans les exportations Studio et PDF. Nous recommandons ces dimensions pour les logos :

• Largeur : inférieure ou égale à 300 pixels.
• Hauteur : inférieure ou égale à 60 pixels.

Modification du logo

1. Connectez-vous à Studio.
2. Développez le menu avatar utilisateur dans la zone de navigation supérieure.
   
3. Sélectionnez Paramètres du compte.
4. Sur la page Paramètres du compte, sélectionnez l’onglet Apparence.
   
5. Activez le commutateur Branding personnalisé pour activer le branding personnalisé, si nécessaire. Si le branding personnalisé est déjà activé, passez simplement à l’étape suivante.
   
6. Dans la section Personnalisation de la marque, cliquez sur le bouton de chargement de fichier sous Modifier logo pour charger le fichier image du logo.
   

Suppression du logo

En plus de remplacer le logo par votre propre image, vous pouvez supprimer le logo Studio. Lorsque le logo est supprimé, Studio affiche à la place un titre de texte de la section actuelle de l’utilisateur. En cliquant sur le titre, vous ouvrez Dashboard Explorer (le même comportement que pour cliquer sur le logo).

1. Connectez-vous à Studio.
2. Développez le menu avatar utilisateur dans la zone de navigation supérieure.
   
3. Sélectionnez Paramètres du compte.
4. Sur la page Paramètres du compte, sélectionnez l’onglet Apparence.
   
5. Dans la section Personnaliser la marque, cliquez sur l’icône de corbeille sous Modifier le logo pour supprimer le logo.
   

Application de la personnalisation

Vous pouvez personnaliser l’apparence de Studio en modifiant les couleurs des éléments clés de l’interface utilisateur indiqués dans ce tableau :

Dans la section Personnalisation de la marque, vous pouvez modifier le schéma de couleurs de Studio et le logo. Pour savoir comment modifier le logo, voir Modification du logo.

1. Connectez-vous à Studio.
2. Développez le menu avatar utilisateur dans la zone de navigation supérieure.
   
3. Sélectionnez Paramètres du compte.
4. Sur la page Paramètres du compte, sélectionnez l’onglet Apparence.
   
5. Dans la section Branding personnalisé, activez le commutateur Branding personnalisé.
   
6. Cliquez sur la notation hexadécimale sous En-tête pour personnaliser l’arrière-plan d’en-tête de Studio.
   
7. Utilisez le sélecteur de couleurs ou indiquez une notation HEX différente.
   Astuce Qualtrics : consultez la section Éléments de marque personnalisés ci-dessous pour plus de détails sur les éléments de l’interface utilisateur de Studio qui peuvent être personnalisés et les couleurs par défaut.
   Astuce Qualtrics : avant de modifier les couleurs, notez les codes couleur existants afin de pouvoir y revenir ultérieurement. Vous pouvez rétablir les couleurs par défaut à tout moment en cliquant sur Réinitialiser les valeurs par défaut.
   
8. Cliquez sur Appliquer.
9. Vous pouvez prévisualiser vos modifications dans la maquette Studio à droite de Branding personnalisé.
   
   
10. Cliquez sur la notation hexadécimale sous Action pour personnaliser les boutons de Studio et d’autres éléments de l’interface utilisateur liés à l’action, le texte dans les boutons actifs et les liens et les points de menu mis en surbrillance.
    
11. Utilisez le sélecteur de couleurs ou indiquez une notation HEX différente.
12. Cliquez sur Appliquer.
13. Cliquez sur la notation hexadécimale sous Arrière-plan principal pour personnaliser l’arrière-plan du corps principal et l’arrière-plan du tableau de bord de Studio.
    
14. Utilisez le sélecteur de couleurs ou indiquez une notation HEX différente.
    
15. Cliquez sur Appliquer).
16. Cochez la case Utiliser une couleur plus accessible pour que XM Discover puisse automatiquement améliorer la couleur de votre action afin de garantir un contraste de couleur approprié dans toute l’interface.
    
    Astuce Qualtrics : nous recommandons d’activer cette option pour une meilleure accessibilité.
17. Activez le commutateur Autoriser les utilisateurs à activer le thème sombre sur Activé si vous voulez donner aux utilisateurs de Studio la possibilité de basculer vers le thème de couleur sombre dans les préférences utilisateur, ce qui écrase tous les branding personnalisés dans Studio.
18. Cliquez sur Sauvegarder pour appliquer vos modifications.
19. Cliquez sur Réinitialiser les modifications pour annuler vos modifications et restaurer la dernière version enregistrée des couleurs de votre marque.
20. Cliquez sur Réinitialiser la valeur par défaut pour restaurer les couleurs prêtes à l’emploi.
21. Actualisez votre navigateur pour que les modifications prennent effet.

Affichage de la conversation du Customizing

Vous pouvez ajuster les paramètres d’affichage de la conversation pour personnaliser l’affichage des interactions dans l’explorateur de documents et les widgets de feedback. Vous pouvez définir des options d’affichage à deux niveaux : les valeurs par défaut à l’échelle du compte et les options spécifiques au projet. Les paramètres spécifiques au projet remplacent les paramètres par défaut à l’échelle du compte.

1. Connectez-vous à Studio.
2. Développez le menu avatar utilisateur dans la zone de navigation supérieure.
   
3. Sélectionnez Paramètres du compte.
4. Sur la page Paramètres du compte, sélectionnez l’onglet Apparence.
   
5. Accéder à Affichage de la conversation.
   
   
6. Pour définir des options spécifiques au projet:
   
   
   • Sélectionnez le fournisseur de contenu à partir du fournisseur de contenu.
     Astuce Qualtrics : il vous suffit de sélectionner un fournisseur de contenu, un compte et un projet si vous êtes membre de plusieurs d’entre eux.
   • Sélectionnez le compte dans le menu Compte.
   • Sélectionnez le projet dans le menu Projet.
   • Cliquez sur la section Nouvel affichage.
7. Pour définir les valeurs par défaut à l’échelle du compte :
   
   • Développez le menu Actions pour un projet par défaut ou un projet personnalisé.
   • Sélectionnez Modifier.
8. Dans la fenêtre Affichage de la conversation, sous Noms d’affichage, vous pouvez personnaliser les étiquettes pour les participants à la conversation suivants. Cette étape est facultative.
   
   • Agent : participant identifié comme représentant de l’entreprise.
   • Client : participant identifié comme client.
   • Bot : participant identifié comme un chatbot ou un bot Interactive Voice Response (IVR).
   • Participant : participant non identifié comme l’un des types ci-dessus.
9. Décochez la case Utiliser l’intitulé automatique en regard du participant à la conversation pour personnaliser l’intitulé.
10. Saisissez une étiquette personnalisée de 20 caractères maximum dans la zone.
11. Pour utiliser l’intitulé par défaut d’un participant à une conversation, laissez les cases Utiliser le titre automatique cochées.
12. Activez Enrichissement de la section Participant pour activer les enrichissements dans la barre de conversation principale.
    
13. Sélectionnez un enrichissement dans le menu.
14. Sous Couleur d’affichage, sélectionnez la représentation de couleur pour l’enrichissement sélectionné dans le menu.
    
15. Dans la section Couloirs, vous pouvez ajouter jusqu’à 3 couloirs avec des enrichissements supplémentaires pour donner plus de contexte à la conversation.
    
16. Pour ajouter un couloir, cliquez sur l’icône plus ( + ).
17. Pour supprimer un couloir, cliquez sur l’icône moins ( – ).
18. Développez le menu sous Seules les valeurs Système par défaut etMétriques peuvent être sélectionnées pour le Projet par défaut. Ces valeurs seront appliquées par défaut à tous les projets. Les valeurs Système par défaut, Rubriques, Métriques et TLN peuvent être sélectionnées pour un projet personnalisé.
    
19. Sélectionnez Système par défaut dans le menu.
    
20. Sélectionnez un style d’icône dans le menu sous Style de section pour mettre en surbrillance les phrases qui correspondent à un certain type de phrase. Cela inclut les mentions du client d’ancienneté, d’attrition, de cri pour l’aide, de ne pas recommander, les mentions de l’agent de ne pas savoir, la divulgation, Mini-Miranda, le transfert, la mise en attente et les mentions de demande de n’importe qui.
21. Sélectionnez Sujets dans le menu.
    
22. Sélectionnez un modèle de catégorie pour mettre en surbrillance les phrases qui contiennent des rubriques associées.
    
23. Vous pouvez également saisir un modèle de catégorie dans la zone Rechercher pour rechercher un modèle de catégorie.
24. Cliquez sur l’icône d’engrenage en regard du modèle sélectionné pour sélectionner manuellement les rubriques à afficher.
    
25. Dans la fenêtre Options, sélectionnez Feuille dans le menu Niveau.
    
26. Vous pouvez cocher la case en regard d’une rubrique pour l’afficher.
27. Vous pouvez également cliquer sur Sélectionner tout pour sélectionner toutes les rubriques.
28. Cliquez sur Mettre à jour.
29. Sélectionnez un style d’icône dans le menu sous Style de section pour mettre en surbrillance les phrases qui correspondent au type de phrase.
    
30. Cliquez sur le carré de couleur sous Couleur d’affichage.
31. Utilisez le sélecteur de couleurs ou indiquez un code HEX pour votre couleur personnalisée.
    
32. Cliquez sur Appliquer.
33. Sélectionnez Métriques dans le menu.
    
34. Sélectionnez l’une des métriques suivantes pour mettre en surbrillance les phrases avec la bande d’une métrique associée (par exemple, avec une opinion négative ou un effort fort) :
    
    • Effort (3 tranches)
    • Effort (5 tranches)
    • Intensité émotionnelle
    • Sentiment (3 tranches)
    • Sentiment (5 tranches)
35. Cliquez sur l’icône d’engrenage en regard de la mesure sélectionnée.
    
36. Dans la fenêtre Paramètres, sélectionnez le ou les niveaux d’intensité émotionnelle à inclure.
    
37. Cliquez sur Mettre à jour.
    
38. Sélectionnez un style d’icône dans le menu sous Style de section pour mettre en surbrillance les phrases qui correspondent au type de phrase.
    
39. Sélectionnez TLN dans le menu.
    
40. Sélectionnez un regroupement NLP pour mettre en surbrillance les phrases qui contiennent des valeurs associées automatiquement dérivées d’un feedback non structuré par le moteur XM Discover Natural Language Processing (NLP).
    
41. Cliquez sur l’icône d’engrenage en regard du regroupement sélectionné.
    
42. Dans la fenêtre Options, sélectionnez les valeurs à inclure dans le regroupement TLN que vous avez sélectionné.
    
43. Cliquez sur Mettre à jour.
    
44. Cliquez sur le carré de couleur sous Couleur d’affichage.
    
    
45. Utilisez le sélecteur de couleurs ou indiquez un code HEX pour la couleur personnalisée que vous souhaitez utiliser pour afficher un enrichissement sélectionné.
    
46. Cliquez sur Appliquer.
47. Activez l’évaluation intelligente (cela ne compte pas dans la limite des 3 voies).
    
    Astuce Qualtrics : cette option n’est disponible que pour les comptes avec notation intelligente.
48. Cliquez sur Enregistrer en bas à droite de Affichage de la conversation.
    Astuce Qualtrics : pour réinitialiser les paramètres d’affichage de la conversation sur les valeurs par défaut, développez le menu d’actions en regard du projet par défaut et sélectionnez Réinitialiser la valeur par défaut.

Palettes de couleurs

En plus d’utiliser des palettes de couleurs système prêtes à l’emploi, vous pouvez personnaliser vos rapports Studio en créant des palettes de couleurs personnalisées de 10 couleurs différentes au maximum.

Vous pouvez effectuer ces actions à l’aide de palettes de couleurs :

• Créer une palette de couleurs personnalisée
• Importer une palette de couleurs
• Activer une palette de couleurs
• Désactiver une palette de couleurs
• Dupliquer une palette de couleurs
• Remplacer une palette de couleurs par une autre
• Définir une palette de couleurs par défaut
• Supprimer une palette de couleurs

Création d’une palette de couleurs personnalisée

1. Connectez-vous à Studio.
2. Développez le menu avatar utilisateur dans la zone de navigation supérieure.
   
3. Sélectionnez Paramètres du compte.
4. Sélectionnez l’onglet Apparence.
   
5. Faites défiler vers le bas jusqu’à la section Palettes de couleurs.
   
6. Cliquez sur Nouvelle palette.
7. Dans la fenêtre Créer, saisissez un nom descriptif pour votre palette de couleurs dans la zone Nom de la palette.
   
8. Cliquez sur le bouton plus (+ ) pour ajouter une couleur à la palette de couleurs.
   Astuce Qualtrics : vous pouvez ajouter jusqu’à 10 couleurs à votre palette de couleurs.
9. Cliquez sur le carré noir.
   
10. Utilisez le sélecteur de couleurs ou indiquez un code HEX pour votre couleur personnalisée.
    
11. Cliquez sur Appliquer.
12. Faites glisser et déposez les carrés colorés pour modifier leur ordre sur une palette. Cette étape est facultative.
    
    Astuce Qualtrics : les couleurs les plus gauches apparaissent plus souvent dans les rapports et sont utilisées pour les éléments les plus importants.
13. Pour copier les codes HEX des couleurs actuellement sélectionnées, cliquez sur le bouton Copier la palette dans le presse-papiers. Vous pouvez réutiliser ces couleurs en important une palette. Cette étape est facultative.
14. Cliquez sur Enregistrer. Cela ajoute votre nouvelle palette de couleurs à la section Palettes de couleurs. Pour l’utiliser, vous devez activer la palette de couleurs.

Importation d’une palette de couleurs

Vous pouvez importer une palette de couleurs en fournissant jusqu’à 10 codes de couleurs HEX séparés par des virgules.

1. Connectez-vous à Studio.
2. Développez le menu avatar utilisateur dans la zone de navigation supérieure.
   
3. Sélectionnez Paramètres du compte.
4. Sélectionnez Apparence.
   
   
5. Faire défiler vers le bas jusqu’à Palettes de couleurs.
6. Localisez la palette de couleurs que vous souhaitez importer.
   Astuce Qualtrics : vous pouvez saisir le nom de la palette de couleurs dans la zone Rechercher les palettes de couleurs pour la trouver.
7. Développez le menu d’actions pour la palette de couleurs.
   
8. Sélectionnez Modifier.
9. Dans la fenêtre Modifier, cliquez sur Copier la palette dans le presse-papiers pour copier les codes couleur HEX.
   
10. Cliquez sur Annuler.
11. Pour importer les codes couleur HEX dans une palette de couleurs, développez le menu d’actions en regard de cette palette de couleurs.
    
12. Sélectionnez Modifier.
13. Collez les codes couleur HEX dans la palette d’importation.
    
    Astuce Qualtrics : les codes couleur HEX doivent être précédés d’un dièse (#). Les codes non valides seront ignorés.
14. Cliquez sur Appliquer.
15. Cliquez sur Enregistrer.

Activation et désactivation d’une palette de couleurs

Lorsque vous créez une palette de couleurs personnalisée pour la première fois, elle est désactivée, ce qui signifie que vous pouvez continuer à la modifier sans affecter les autres utilisateurs. Une fois votre palette de couleurs prête, vous pouvez l’activer pour qu’elle soit disponible dans les paramètres de couleur du rapport.

1. Connectez-vous à Studio.
2. Développez le menu avatar utilisateur dans la zone de navigation supérieure.
   
3. Sélectionnez Paramètres du compte.
4. Sélectionnez l’onglet Apparence.
   
5. Faites défiler vers le bas jusqu’à la section Palettes de couleurs.
   
6. Saisissez le nom de la palette de couleurs que vous souhaitez activer dans la zone Rechercher les palettes de couleurs pour la localiser.
7. Activez la palette de couleurs pour l’activer.
   
8. Désactivez la palette de couleurs pour la désactiver. Lorsque vous désactivez une palette de couleurs, elle n’est plus disponible dans les options des widgets, mais tous les widgets définis pour l’utiliser continuent de le faire.
   Astuce Qualtrics : vous ne pouvez pas désactiver les palettes système ou une palette de couleurs définie par l’utilisateur qui est définie par défaut.

Duplication d’une palette de couleurs

Vous pouvez dupliquer une palette de couleurs existante, ce qui peut être utile si vous souhaitez modifier plusieurs couleurs ou modifier leur ordre.

1. Connectez-vous à Studio.
2. Développez le menu avatar utilisateur dans la zone de navigation supérieure.
   
3. Sélectionnez Paramètres du compte.
4. Sélectionnez l’onglet Apparence.
   
5. Faites défiler vers le bas jusqu’à la section Palettes de couleurs.
   
6. Localisez la palette de couleurs que vous souhaitez dupliquer.
   Astuce Qualtrics : saisissez le nom de la palette de couleurs dans la zone Rechercher des palettes de couleurs pour le trouver.
7. Développez le menu d’actions en regard de la palette de couleurs que vous souhaitez dupliquer.
   
8. Sélectionnez Dupliquer. Cela ajoute une copie désactivée de la palette de couleurs à la section Palettes de couleurs.

Remplacement d’une palette de couleurs

Vous pouvez remplacer une palette de couleurs par une autre dans tous les widgets qui l’utilisent.

1. Connectez-vous à Studio.
2. Développez le menu avatar utilisateur dans la zone de navigation supérieure.
   
3. Sélectionnez Paramètres du compte.
4. Sélectionnez l’onglet Apparence.
   
5. Faites défiler vers le bas jusqu’à la section Palettes de couleurs.
   
6. Localisez la palette de couleurs que vous souhaitez remplacer.
   Astuce Qualtrics : saisissez le nom de la palette de couleurs dans la zone Rechercher des palettes de couleurs pour le trouver.
7. Développez le menu d’actions en regard de la palette de couleurs.
   
8. Sélectionnez Remplacer.
9. Dans la fenêtre Remplacer, sélectionnez la palette de couleurs de remplacement dans le menu Remplacer par.
   
10. Cliquez sur Remplacer. Cela applique la palette de couleurs de remplacement à tous les widgets qui utilisaient la palette d’origine.

Définition d’une palette de couleurs par défaut

Vous pouvez définir une palette de couleurs par défaut pour tous les nouveaux tableaux de bord dans votre compte principal.

1. Connectez-vous à Studio.
2. Développez le menu avatar utilisateur dans la zone de navigation supérieure.
   
3. Sélectionnez Paramètres du compte.
4. Sélectionnez l’onglet Apparence.
   
5. Faites défiler vers le bas jusqu’à la section Palettes de couleurs.
   

6. Localisez la palette de couleurs que vous souhaitez utiliser par défaut.
   Astuce Qualtrics : saisissez le nom de la palette de couleurs dans la zone Rechercher des palettes de couleurs pour le trouver.
7. Cliquez sur le lien Utiliser par défaut dans la colonne Compte par défaut pour la palette de couleurs que vous souhaitez utiliser par défaut.
   
8. Vous pouvez également développer le menu d’actions en regard de la palette de couleurs que vous souhaitez utiliser par défaut.
   
9. Sélectionnez Utiliser comme compte par défaut.

Suppression d’une palette de couleurs

Vous pouvez supprimer les palettes de couleurs personnalisées dont vous n’avez plus besoin.

1. Connectez-vous à Studio.
2. Développez le menu avatar utilisateur dans la zone de navigation supérieure.
   
3. Sélectionnez Paramètres du compte.
4. Sélectionnez l’onglet Apparence.
   
5. Faites défiler vers le bas jusqu’à la section Palettes de couleurs.
6. Localisez la palette de couleurs que vous souhaitez supprimer.
   
   Astuce Qualtrics : saisissez le nom de la palette de couleurs dans la zone Rechercher des palettes de couleurs pour le trouver.
7. Développez le menu d’actions en regard de la palette de couleurs que vous souhaitez supprimer.
   
8. Sélectionnez Supprimer.
9. Dans la fenêtre Supprimer, sélectionnez la palette de couleurs de remplacement dans le menu Remplacer par.
   
10. Cliquez sur Remplacer. Cette action supprime la palette de couleurs et applique la palette de remplacement à tous les widgets qui utilisaient la palette de couleurs supprimée.