Passer au contenu principal
Loading...
Skip to article
  • Qualtrics Platform
    Qualtrics Platform
  • Customer Journey Optimizer
    Customer Journey Optimizer
  • XM Discover
    XM Discover
  • Qualtrics Social Connect
    Qualtrics Social Connect

Style et déroulé d’enquête


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


À propos de Survey 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 : Simple Layout utilise une structure de page différente afin de mieux prendre en charge l’accessibilité et la conception mobile d’abord, ce qui fait que le CSS personnalisé fonctionne différemment. Lorsque la mise en forme simple est activée, les éléments de CSS personnalisé (par exemple, les classes html, css et ID) devront être mis à jour pour fonctionner correctement.

Polices

Vous pouvez modifier la police de vos questions et choix de réponses dans la section Style du menu Look & feel. Pour modifier votre police, cliquez sur la liste déroulante Police et sélectionnez une police.

loption de police dans la section de style de lapparence &amp ; toucher

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.
le texte de la question et les options de texte de réponse dans lapparence &amp ; ressentez la modification de la taille de la police et de la mise en gras

Polices par défaut

La liste déroulante de sélection des polices dispose d’une option pour une police par défaut. Selon la mise en forme que vous avez sélectionnée, la police par défaut est différente :

  • La mise en page Flat utilise Poppins comme police de caractères.
  • La mise en page moderne utilise Open Sans comme police de caractères.
  • La mise en page classique utilise Helvetica Neue comme police de caractères.

Couleurs

Vous pouvez modifier la couleur des éléments de votre enquête dans la section Style du menu Look & feel. Dans cette section, vous pouvez personnaliser les couleurs principales et secondaires de votre enquête.

les options de couleurs primaire et secondaire dans la section style de look & feel

Couleur principale

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.

loption de couleur principale de laspect et de la convivialité. La barre de progression et la mise en surbrillance des questions sont affectées par cette option.

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.
loption de couleur secondaire dans Apparence. le bouton suivant est affecté par cette option

Ajouter du code CSS personnalisé

Attention : Le code suivant est fourni tel quel et nécessite des connaissances en programmation pour la mise en œuvre. 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 mise en forme simple est activée, les éléments de CSS personnalisé (par exemple, les classes html, css et ID) devront être mis à jour pour fonctionner correctement.

Parfois, vous voudrez peut-être modifier l’apparence de votre enquête au-delà des simples options de mise en forme “Cliquer pour modifier” disponibles. 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 :

  1. Lors de la modification de votre enquête, ouvrez le menu Look & feel.
    accéder à la section de style du menu Apparence et utiliser les deux options css en bas de longlet
  2. Cliquez sur la section Style.
  3. Saisissez votre propre CSS dans la zone CSS personnalisé.
    Astuce Qualtrics : si vous avez besoin de plus d’espace pour créer votre CSS, cliquez sur Modifier sous la zone CSS personnalisé pour accéder à l’éditeur CSS.
  4. Si vous utilisez des CSS hébergés en ligne, saisissez l’URL de l’hôte en ligne dans la zone CSS externe.
  5. Cliquez sur Appliquer.

Astuce Qualtrics : le bit 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 d’avant-plan

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 identique au contraste d’avant-plan de la section Arrière-plan.

loption de contraste davant-plan dans la section style du menu Apparence

Espacement des questions

L’espace entre les questions détermine l’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, la réduction de l’espacement entre vos questions facilite la conception d enquête qui s’adapte à une page.
loption despacement des questions dans la section style du menu Apparence

Options de style de question

Si votre enquête utilise la disposition Simple, plusieurs options de style de question sont à votre disposition. Ces options affectent l’expérience des répondants à l’enquête lorsqu’ils y répondent. Les options de personnalisation des questions sont les suivantes :
les options de style de question dans la section style de look & feel

  • Afficher les boutons radio pour les questions à choix multiples : lorsque cette option est activée, les choix de réponses aux questions à choix multiples utiliseront 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éponse apparaissent sous la forme d’un bouton entièrement cliquable.une question à choix multiples avec des boutons cliquables
    La deuxième image montre la même question avec l’option de case d’option activée à la place.
    une question à choix multiples avec des cases doption
  • Afficher les boutons verticalement sur le mobile pour les questions NPS : lorsque cette option est activée, les questions NPS apparaîtront verticalement pour les utilisateurs qui répondent à 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 NPS apparaissent dans un format horizontal pour tous les répondants à l’enquête.une question NPS au format horizontal
    La deuxième image montre la même question avec l’option verticale activée pour les répondants sur mobile.
    une question NPS au format vertical pour les participants à l’enquête sur mobile

Aspect & Sentiment vs. Éditeur de contenu riche

Les polices et la couleur du texte peuvent être éditées de deux façons : globalement et localement. Les modifications de style globales sont apportées dans le menu Apparence ; ressentez et affectent toutes les questions et/ou tous les textes de réponse. Les modifications locales de style sont effectuées dans Éditeur de contenu riche pour cette question ou ce choix de réponse spécifique. Les modifications locales écrasent les modifications globales. Par conséquent, si vous apportez une modification dans l’éditeur de contenu riche d’une question, vous verrez ces paramètres au lieu de tout ce qui est défini dans l’option Apparence.

Vous pouvez utiliser Retirer le formatage pour supprimer rapidement toute la mise en forme locale des questions sélectionnées et laisser les modifications globales prendre effet de manière uniforme.

Retirer la mise en forme

  1. Sélectionnez toutes les questions en cliquant sur la première question, en faisant défiler vers le bas, en maintenant la touche Maj enfoncée et en cliquant sur la dernière question. Les questions sélectionnées auront une case cochée à côté de leur numéro.
    sélection de plusieurs questions dans léditeur denquête
  2. Accédez à Outils.
    clic sur outils, survol et sélection des éléments auxquels retirer la mise en forme
  3. Placez le curseur sur Vérifier et sélectionnez Retirer la mise en forme.

Transition des pages

L’option Transition de page dans la section Mouvement vous permet de préciser l’effet de transition qui se produit lorsque les répondants naviguent sur les pages de votre enquête.
loption de transition de page dans la section motion de look & feel

Vous trouverez ci-dessous un aperçu de chaque type de transition de page :

  • Aucune : aucune transition de page ne jouera. Toutes les pages de votre enquête se chargeront comme des pages Web normales.
  • Diapositive : Lorsqu’un répondant clique sur le bouton Suivant ou Précédent, la page suivante glisse sur l’écran depuis le côté.
  • Fondu : lorsqu’un répondant clique sur le bouton Suivant ou Précédent, la page suivante s’affiche alors que la page précédente disparaît de l’affichage.
  • Retourner : lorsqu’un répondant clique sur le bouton Suivant ou Précédent, la page « bascule » et révèle la page suivante.

Autofocus

La fonction Autofocus dans la section Mouvement supprime toutes les questions de l’enquête en plus de celle que le répondant 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.

loption Autofocus est activée et laperçu montre la fonctionnalité autofocus

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.
Les trois options davance automatique dans la section de mouvement de lapparence & ressentir longlet

  • Passage automatique aux questions suivantes : cette option permet aux répondants de passer à la page suivante 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 le passage automatique aux questions est activé, un bouton Terminé apparaît après certains types de questions, comme la saisie de texte et les questions à choix multiples à sélection multiple. Les répondants peuvent cliquer sur ce bouton pour passer à la question suivante.
    Astuce Qualtrics : ce paramètre doit être activé pour utiliser les autres fonctionnalités de passage automatique.
  • Masquer le bouton de passage automatique : l’activation de cette option masquera le bouton Terminé qui s’affiche lorsque le passage automatique aux questions suivantes est activé.
  • Passage automatique aux pages suivantes : cette option permet aux répondants de passer à la page suivante sans 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 Qualtrics : le passage automatique aux pages suivantes introduira le bouton Retour dans votre enquête, même s’il n’est pas activé dans vos options d’enquête.

Une fois activé, la progression automatique s’applique à toutes les pages de l’enquête. Le passage automatique est compatible avec les boutons Retour.

Astuce : Si vous incluez une question par e-mail en ligne dans une invitation à une enquête et que votre enquête ne comporte qu’une seule question, le passage automatique à la enquête suivant ni ne soumettra l enquête. Pour obtenir des instructions sur la manière d’y parvenir, voir. Soumettre immédiatement une question intégrée à l’e-mail.

FAQ

De nombreuses pages de ce site ont été traduites de l'anglais en traduction automatique. Chez Qualtrics, nous avons accompli notre devoir de diligence pour trouver les meilleures traductions automatiques possibles. Toutefois, le résultat ne peut pas être constamment parfait. Le texte original en anglais est considéré comme la version officielle, et toute discordance entre l'original et les traductions automatiques ne pourra être considérée comme juridiquement contraignante.