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

Modèle d’article


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 l’Enquête Style &amp ; 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 d’enquête utilise une structure de page différente afin de mieux prendre en charge l’accessibilité et la conception mobile d’abord, ce qui entraîne un fonctionnement différent des feuilles de style CSS personnalisées. 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 caractères de vos questions et choix de réponses 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.

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

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.
les options du texte de la question et du texte de la réponse dans lapparence pour modifier la taille de la police et la mise en gras

Polices par défaut

La liste déroulante de sélection des polices comporte une option pour une police par défaut. La police par défaut varie en fonction de la mise en page sélectionnée :

  • La mise en page plate 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 l’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 Apparence. Dans cette section, vous pouvez personnaliser les couleurs principales et secondaires de votre enquête.

les options de couleurs primaires et secondaires dans la section "style" de la rubrique "apparence"

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 primaire dans lapparence. La barre de progression et la mise en évidence des questions sont surligné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 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 d’enquête est activée, les éléments du CSS personnalisé (par exemple, html, classes css et ids) 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 :

  1. Lorsque vous éditez votre enquête, ouvrez le menu “Apparence” .
    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 case CSS personnalisé.
    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.
  4. Si vous utilisez un CSS hébergé en ligne, entrez l’URL de l’hôte en ligne dans la case CSS externe.
  5. Cliquez sur Appliquer.

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 d’avant-plan

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.

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

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.
loption despacement des questions dans la section style du menu Apparence

Options de style de question

Si votre enquête utilise la Nouvelle expérience d’enquête, vous disposez de plusieurs options de style de question. 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
les options de style de la question dans la section style de la rubrique apparence &amp ; feel

  • 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.une question à choix multiple avec des boutons cliquables
    La deuxième image montre la même question avec l’option du bouton radio activée à la place.
    une question à choix multiple avec des boutons radio
  • 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.une question des NPS en format horizontal
    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.
    une question NPS en format vertical pour les enquêteurs mobiles

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 changements de style locaux sont effectués dans le fichier l’Éditeur de contenu riche pour cette question ou ce choix de question. 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 Retirer le formatage pour supprimer rapidement toutes les mises en forme locales 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 défilant jusqu’en bas, en maintenant la touche Majuscule 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. Allez dans Outils.
    clic sur outils, survol et sélection des éléments auxquels retirer la mise en forme
  3. Passez la souris sur Évaluateur et sélectionnez Supprimer la mise en forme.

Transition des pages

L’option Transition de page de la section Mouvement vous permet de spécifier l’effet de transition qui se produit lorsque les personnes interrogées naviguent sur les pages de votre enquête.
loption de transition de page dans la section "mouvement" de lApparence

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 de mise au point automatique de la section Mouvement permet d’estomper toutes les questions de l’enquête en dehors 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 "mouvement" de longlet "apparence"

  • 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.

Une fois activé, la progression automatique s’applique à toutes les pages de l’enquête. Autoadvance est compatible avec les boutons ” retour “.

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.

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.