Style et déroulé d'enquête
Contenus de cette page
À propos de l'Enquête Style & ; Motion
Le style de votre enquête est important pour vous assurer que les répondants passent un moment agréable quand ils répondent à votre enquête. La police, les couleurs, l'espacement des questions et tout élément CSS personnalisé que vous souhaitez ajouter aura un impact sur la satisfaction des répondants. Vous pouvez également personnaliser le déroulé de votre enquête, qu'il s'agisse d'insérer une animation de transition de page à la progression automatique des répondants dans votre enquête.
Attention : la nouvelle expérience de réponse aux enquêtes utilise une structure de page différente afin d'améliorer l'accessibilité et de privilégier la conception « mobile first », ce qui modifie le fonctionnement du CSS personnalisé. Lorsque cette expérience est activée, les éléments de CSS personnalisé (par exemple html, classes css et ids) devront être mis à jour pour fonctionner correctement.
Polices
Vous pouvez modifier la police de vos questions et des choix de réponse dans la section « Style » du menu « Apparence ». Pour modifier votre police de caractères, cliquez sur le menu déroulant Police et sélectionnez une police de caractères.
Vous pouvez également personnaliser la taille de la police de votre enquête. Vous pourrez mettre votre texte en gras et appliquer à vos questions d'enquête et aux réponses différentes tailles de police.
Pour modifier la taille de la police, saisissez la taille de police souhaitée (en pixels) dans la zone de taille de police. Cliquez sur l'icône B à droite de la taille de la police pour mettre votre texte en gras.
Polices par défaut
Le menu déroulant de sélection des polices comporte une option « Police par défaut ». Selon la mise en page que vous avez choisie, la police par défaut varie :
- La mise en page « TheFlat » utilise la police « Poppins ».
- La mise en page « TheModern » utilise la police Open Sans.
- La mise en page « TheClassiclayout » utilise la police Helvetica Neue.
Couleurs
Vous pouvez modifier la couleur des éléments de votre enquête dans la section « Style » du menu « Apparence ». Dans cette section, vous pouvez personnaliser les couleurs principales et secondaires de votre enquête.
Couleur primaire
La couleur principale de votre enquête s'applique aux principaux éléments de votre enquête. Des variations peuvent se produire en fonction de la mise en page de votre enquête, mais cela s'applique généralement aux couleurs des fonctionnalités telles que la barre de progression et la mise en surbrillance de questions.
Couleur secondaire
La couleur secondaire de votre enquête s'applique aux éléments secondaires de votre enquête. Des variations peuvent se produire en fonction de la mise en page de votre enquête, mais cela s'applique généralement à des fonctionnalités telles que les boutons Suivant et Précédent.
Ajouter du code CSS personnalisé
Attention : Le code suivant est fourni tel quel et sa mise en œuvre nécessite des connaissances en programmation. Le support de Qualtrics ne propose pas d'assistance ou de consultation sur le codage personnalisé. Vous pouvez plutôt tenter de vous adresser à notre communauté d'utilisateurs dédiés.
Attention : lorsque la nouvelle expérience de réponse aux enquêtes est activée, les éléments CSS personnalisés (par exemple, le code Html, les classes CSS et les identifiants) devront être mis à jour pour fonctionner correctement.
Il peut arriver que vous souhaitiez modifier l'Apparence de votre enquête au-delà des simples options de formatage disponibles par simple clic. Les experts qui souhaitent se plonger dans le codage de la mise en page de leur enquête peuvent ajouter du CSS personnalisé.
Les feuilles de style en cascade (CSS) sont un langage de codage utilisé pour mettre en forme les pages de sites Web. Avec la fonctionnalité Ajouter un CSS personnalisé, vous pouvez taper votre propre CSS directement dans l'éditeur CSS ou diriger vers un fichier CSS hébergé en ligne.
Pour ajouter du CSS personnalisé à votre enquête :
Astuce : si vous avez besoin de plus d'espace pour construire votre CSS, cliquez sur edit sous la case Custom CSS pour faire apparaître l'éditeur CSS.
Astuce : Le bout de code ci-dessous vous permet de supprimer le logo par défaut de votre thème. Pour cela, copiez le code CSS suivant dans l'éditeur CSS personnalisé :
html .Skin #Logo {display : none;}
Contraste du premier plan
Astuce : cette option n'est pas disponible lorsque la « nouvelle expérience de réponse aux enquêtes » est activée.
Le contraste d'avant-plan détermine le niveau de contraste entre l'avant-plan (texte, zones de texte, etc.) et l'image d'arrière-plan. Vous pouvez choisir entre un contraste faible, moyen et élevé. Si le texte de votre enquête est difficile à lire dans l'arrière-plan de l'enquête, augmenter le contraste d'avant-plan peut améliorer la lisibilité.
Pour le déterminer, nous sélectionnons une couleur sur l’échelle des gris qui respecte un rapport de contraste adapté de 4,5, dans le respect des normes sur l’accessibilité des contenus Web ou WCAG. Pour augmenter le contraste entre le texte et l’arrière-plan, changez ce paramètre de Moyen à Élevé. Élevé est toujours blanc ou noir. Nous tenons également compte de l’image d’arrière-plan et de la couleur/opacité de superposition pour déterminer la couleur d'avant-plan adaptée. Ce paramètre est le même que le contraste d'avant-plan de la section Arrière-plan.
Afficher la largeur du texte
Astuce : cette option n'est disponible qu' lorsque la nouvelle expérience de participation aux enquêtes est activée.
La « Largeur d'affichage du texte » détermine la manière dont le texte de la question s'affiche sur la page. Vous pouvez choisir entre « Largeur de texte par défaut » et « Largeur de texte complète ». La largeur par défaut donnera à toutes les questions la même largeur, tandis que la largeur maximale permettra aux questions plus longues d'occuper une plus grande largeur sur la page. Si vos questions sont longues, cela peut vous permettre d'en faire tenir davantage sur la page.
Espacement des questions
L'espacement des questions détermine la quantité d'espace qui sépare les questions de votre enquête. Vous pouvez choisir un espacement compact, confortable ou étendu. La modification de l'espacement des questions de votre enquête vous permet de contrôler la longueur de votre enquête. Par exemple, en réduisant l'espacement entre les questions, il est plus facile de concevoir une enquête qui tienne sur une page.
Options de style de question
Si votre enquête utilise la nouvelle interface de réponse, plusieurs types de questions s'offrent à vous. Ces options ont une incidence sur l'expérience de l'enquêteur lors de l'enquête. Les options de personnalisation de la question comprennent
Afficher les boutons radio pour les questions à choix multiple: Lorsque cette option est activée, les choix multiples des réponses aux questions utilisent des boutons radio au lieu d'un bouton entièrement cliquable.
Exemple : Dans la première image ci-dessous, cette option est désactivée, de sorte que les choix de réponses apparaissent sous la forme d'un bouton entièrement cliquable.
La deuxième image montre la même question avec l'option du bouton radio activée à la place.
Afficher les boutons verticalement sur mobile pour les questions NPS: Lorsque cette option est activée, les questions NPS s'affichent verticalement pour les utilisateurs qui participent à l'enquête depuis un appareil mobile.
Exemple : Dans la première image ci-dessous, cette option est désactivée, de sorte que les questions du NPS apparaissent dans un format horizontal pour tous les participants à l'enquête.
La deuxième image montre la même question avec l'option verticale activée pour les personnes qui répondent à l'enquête par téléphone portable.
Apparence et sensations vs. Éditeur de contenu riche
Les polices et la couleur du texte peuvent être modifiées de deux manières : globalement et localement. Les changements de style globaux sont effectués dans le menu Apparence et affectent l'ensemble du texte de la question et/ou de la réponse. Les modifications de style locales sont effectuées dans l'éditeur de contenu riche pour cette question ou ce choix de réponse en particulier. Les modifications locales prévalent sur les modifications globales. Ainsi, si vous effectuez une modification dans l'Éditeur de contenu riche d'une question, vous verrez ces paramètres au lieu de ceux définis dans l'Apparence.
Vous pouvez utiliser la fonction « Supprimer la mise en forme » pour supprimer rapidement toute mise en forme locale des questions sélectionnées et appliquer les modifications globales de manière uniforme.
Retirer la mise en forme
Transition des pages
L'option « Transition entre les pages » de la section « Animation » vous permet de définir l'effet de transition qui s'affiche lorsque les participants naviguent entre les pages de votre enquête.
Vous trouverez ci-dessous un aperçu de chaque type de transition de page :
- Aucune: Aucune transition de page ne sera jouée. Toutes les pages de votre enquête se chargeront comme des pages Web normales.
- Diapositive: Lorsqu'un répondant clique sur le bouton " Retour " ou " Suivant ", la page suivante s'affiche à l'écran depuis la côte.
- Fondu: Lorsqu'un répondant clique sur le bouton " Suivant " ou " Retour ", la page suivante s'affiche en fondu, tandis que la page précédente disparaît en fondu.
- Retournement: Lorsqu'un répondant clique sur le bouton " Retour " ou " Suivant ", la page se retourne et révèle la page suivante.
Autofocus
La fonction « Autofocus » de la section « Motion » masque progressivement toutes les questions de l'enquête, à l'exception de celle que le participant est en train de consulter. Cela peut éviter que les répondants de l'enquête ne se laissent distraire par les questions précédentes ou à venir de l'enquête.
Progression automatique
Le réglage Progression automatique de la section Déroulé fait automatiquement avancer les répondants dans votre enquête à mesure qu'ils répondent à vos questions. Il existe plusieurs paramètres vous permettant de contrôler l'expérience d'enquête.
Avance automatique sur les questions : Cette option permet aux répondants d'avancer dans les questions sans faire défiler la page. Ils passent automatiquement à la question suivante dès qu'ils auront sélectionné une réponse à une question. Lorsque l'avance automatique sur les questions est activée, un bouton Terminé apparaît après certains types de questions, comme les questions de saisie du texte et les questions à choix multiple. Les répondants peuvent cliquer sur ce bouton pour passer à la question suivante.
Astuce : Ce paramètre doit être activé pour pouvoir utiliser les autres fonctions d'Autoadvance.
- Masquer le bouton d'avancement automatique: L'activation de cette option permet de masquer le bouton Terminé qui apparaît lorsque l'avance automatique sur les questions est activée.
Avance automatique sur les pages: Cette option permet aux répondants d'avancer dans les pages sans avoir à cliquer sur le bouton Suivant. Ils passent ainsi à la page suivante dès qu’ils ont sélectionné une réponse à la dernière question de la page.
Astuce : Autoadvance on Pages introduira le bouton " retour " dans votre enquête même s'il n'est pas activé dans les options de l'enquête. Vous ne pouvez pas désactiver ce bouton.
Une fois activé, la progression automatique s’applique à toutes les pages de l’enquête. Autoadvance est compatible avec les boutons " retour ".
Astuce : lorsque la fonction d'avancement automatique est activée dans la nouvelle interface de réponse aux enquêtes, les participants verront s'afficher, à la fin de l’enquête, une page finale contenant le texte « Fin d’enquête. » Cliquez sur « Valider » pour terminer. »
Astuce : Si vous incluez une question en ligne par e-mail dans une invitation à une enquête et que votre enquête comporte uniquement une question, Autoadvance ne fera pas automatiquement passer l'enquête à la page suivante et ne soumettra pas l'enquête. Pour obtenir des instructions sur la manière de procéder, reportez-vous à la section Soumettre immédiatement une question de courrier électronique en ligne.
Questions sur la compatibilité
L'avance automatique ne s'applique qu'à certaines fonctions de la question :
- Dans l'ancienne version, la fonction d'avance automatique s'applique à :
- Questions à choix multiple
- Questions sur les NPS
- Carrousel de la table Matrice
- Appuyer sur la touche Saisie du texte
- Outre les fonctions héritées compatibles, la nouvelle interface de réponse aux enquêtes permet également d'utiliser la progression automatique pour :
FAQs
Comment puis-je modifier l'arrière-plan ou le thème de mon enquête ?
Comment puis-je modifier l'arrière-plan ou le thème de mon enquête ?
Pourquoi toutes mes polices d'écriture sont-elles différentes dans mon enquête ? Comment puis-je régler ce problème ?
Pourquoi toutes mes polices d'écriture sont-elles différentes dans mon enquête ? Comment puis-je régler ce problème ?
Les modifications globales de police s'effectuent dans le menu « Apparence », tandis que les modifications locales de police s'effectuent dans l'éditeur de contenu riche de la question ou du choix de réponse concerné.
Les modifications locales de police prévalent sur les modifications globales ; ainsi, si vous avez défini les deux types, vous obtiendrez un mélange entre les paramètres globaux et les paramètres locaux de police pour les questions. Suivez ces étapes pour supprimer tous les formats locaux et permettre aux modifications globales de s'appliquer de manière uniforme : Notez que les modifications globales effectuées dans la section « Apparence » n'apparaissent pas dans l'onglet « Enquête ». Vous devez prévisualiser l’enquête pour voir les modifications et la mise en page.
Comment mettre à jour ou signaler des problèmes concernant les thèmes statiques ?
Comment mettre à jour ou signaler des problèmes concernant les thèmes statiques ?
C'est génial! Merci pour votre avis!
Merci pour votre avis!