Styles & Mises en page

1. Mises en page d’enquête

SurveyAnalytica propose quatre types de mise en page distincts qui déterminent la façon dont les questions sont présentées aux répondants. Chaque mise en page est optimisée pour différents cas d’usage — des formulaires multi-pages traditionnels aux expériences conversationnelles modernes. Les mises en page fonctionnent sur tous les canaux de diffusion (lien direct, intégration e-mail, code QR, widget de site web, et plus encore).

Choisir une mise en page

Ouvrez le panneau Style dans le générateur d’enquêtes et développez la section Mise en page. Cliquez sur un type de mise en page pour l’appliquer immédiatement. Une info-bulle explique chaque mise en page au survol.

Comparaison des mises en page

2. Thèmes

Transformez instantanément l’apparence de votre enquête en appliquant un thème prédéfini. SurveyAnalytica est livré avec une bibliothèque de thèmes soignée couvrant 13 catégories — des thèmes professionnels d’entreprise aux designs créatifs vibrants, en passant par les thèmes sombres et les thèmes à fond photo. Chaque thème définit en un clic les couleurs, la typographie, le style des boutons, l’apparence de la barre de progression, et plus encore.

Appliquer un thème

1. 1Ouvrez le panneau Style dans la barre latérale du générateur d’enquêtes.
2. 2Cliquez sur Thèmes pour ouvrir la galerie de thèmes.
3. 3Parcourez les thèmes par catégorie à l’aide des onglets de filtre, ou faites défiler la collection complète.
4. 4Survolez une carte de thème pour voir un aperçu en direct avec des nuances de couleurs, un exemple de texte et une maquette miniature de bloc de question.
5. 5Cliquez sur une carte de thème pour l’appliquer instantanément. Toutes les propriétés de style (couleurs, polices, apparence des boutons, barre de progression, et plus) se mettent à jour en temps réel sur le canevas de l’enquête.

Catégories de thèmes

Aperçu du thème

Chaque carte de thème dans la galerie affiche un aperçu miniature en direct qui montre :

• Arrière-plan — La couleur ou l’image de fond du thème (avec opacité de superposition)
• Exemple de texte — Un titre et une description d’enquête simulés, utilisant la police et les couleurs de texte du thème
• Bloc de question — Une mini-carte de question avec des options fictives illustrant le style des options
• Nuances de couleur — De petits cercles pour le texte principal, le texte secondaire, l’arrière-plan des options et les couleurs de bouton/accent
• Badge image — Pour les thèmes à fond photo, une petite icône image apparaît dans le coin supérieur droit de la carte d’aperçu

3. Style personnalisé

Au-delà des thèmes, vous disposez d’un contrôle granulaire sur chaque élément visuel de votre enquête. Le panneau Style du générateur d’enquêtes vous permet de personnaliser les couleurs, polices, tailles, graisses et espacements pour chaque élément, indépendamment. Les styles personnalisés peuvent être appliqués par-dessus un thème ou créés à partir de zéro.

Personnalisation des couleurs

Des sélecteurs de couleur sont disponibles pour chaque élément de texte et d’arrière-plan. Cliquez sur une pastille de couleur pour ouvrir un sélecteur de couleur avec saisie hexadécimale. Les couleurs suivantes peuvent être personnalisées :

• Couleur d’arrière-plan — L’arrière-plan général de l’enquête avec un contrôle d’opacité (0-100)
• Couleur du texte des questions — Couleur principale des libellés de questions
• Couleur du texte des options — Couleur des libellés des choix de réponse
• Arrière-plan des boutons — Remplissage des boutons Suivant, Précédent et Envoyer
• Couleur du texte des boutons — Calculée automatiquement ou remplacée manuellement
• Arrière-plan des options — États par défaut et sélectionné des options de réponse
• Couleurs de la barre de progression — Couleur de la piste et du remplissage
• Arrière-plan du pied de page — Barre inférieure et section des conditions générales

Sélection de la police

SurveyAnalytica s’intègre avec Google Fonts, vous donnant accès à des centaines de polices. Sélectionnez une police dans le menu déroulant du panneau Style. La police s’applique globalement à tout le texte de l’enquête — titres, questions, options, boutons et descriptions utilisent tous la famille de police sélectionnée.

Options d’alignement

Le contenu de l’enquête peut être aligné à gauche, au centre ou à droite. Le paramètre d’alignement contrôle le placement horizontal de tout le contenu de l’enquête dans le conteneur. L’alignement à gauche est celui par défaut et recommandé pour les enquêtes plus longues. L’alignement au centre convient bien aux enquêtes courtes et ciblées.

Style par élément

Le panneau Style organise les contrôles en sections repliables pour chaque type d’élément. Développez une section pour configurer ses propriétés spécifiques :

Options de graisse de police

Chaque élément de texte prend en charge quatre niveaux de graisse de police :

4. Approfondissement des propriétés de style

Chaque question affichée dans votre enquête est composée de plusieurs couches stylisées. Comprendre l’anatomie d’une carte de question vous aide à effectuer des personnalisations ciblées. Le schéma ci-dessous montre comment chaque propriété de style correspond à un élément visible.

Héritage de style

Le système de thème suit un modèle de priorité en cascade. Lorsque vous personnalisez le style d’une enquête, les propriétés sont résolues dans cet ordre :

1. 1Les valeurs par défaut des préréglages sont calculées en premier en fonction de vos préréglages de typographie, d’espacement, de rayon de bordure et de densité choisis.
2. 2Les valeurs du thème remplacent les préréglages lorsqu’un thème prédéfini est appliqué — définissant les couleurs, les polices et les styles de composants.
3. 3Les remplacements explicites ont la priorité la plus élevée. Toute propriété que vous modifiez directement dans le panneau Style remplace à la fois les valeurs du thème et des préréglages.

5. Préréglages de style (mode simple)

Pour un style rapide et global, SurveyAnalytica propose des échelles de préréglages qui s’appliquent en cascade à plusieurs éléments de l’enquête simultanément. Plutôt que d’ajuster individuellement les tailles de police et les valeurs d’espacement, sélectionnez un niveau d’échelle et toutes les propriétés associées se mettent à jour ensemble. C’est ce qu’on appelle le mode simple — activez-le en haut du panneau Style.

Catégories de préréglages

Détail de l’échelle typographique

Comment les préréglages et les styles explicites fusionnent

Les préréglages fournissent des valeurs de base. Toute valeur explicite que vous définissez en mode avancé (par exemple, en modifiant la taille de police de la question à 22px) remplace la valeur du préréglage pour cette propriété spécifique. Les autres propriétés continuent d’utiliser l’échelle du préréglage. Cela vous offre le meilleur des deux mondes : des ajustements globaux rapides via les préréglages et un contrôle chirurgical via les remplacements explicites.

6. Arrière-plan et image de marque

Rendez votre sondage indéniablement vôtre. Téléchargez le logo de votre entreprise, définissez une image d’arrière-plan personnalisée ou ajustez finement la couleur d’arrière-plan avec un contrôle d’opacité. Tous les éléments de l’image de marque sont configurés dans le panneau Style et prennent effet immédiatement dans l’aperçu du sondage.

Éléments de l’image de marque

Ajouter une image de marque à votre sondage

1. 1Ouvrez le panneau Style dans la barre latérale du générateur de sondage.
2. 2Téléchargez votre logo en cliquant sur la zone de téléchargement du logo. Le logo apparaît instantanément dans l’aperçu du sondage.
3. 3Choisissez la position du logo — gauche, centre ou droite — à l’aide du sélecteur d’alignement. Ajustez le curseur de taille si nécessaire.
4. 4Définissez une image d’arrière-plan en téléchargeant un fichier ou en saisissant une URL. L’image s’applique en arrière-plan plein cadre avec un dimensionnement en couverture.
5. 5Ajustez le curseur d’opacité de l’arrière-plan pour contrôler le degré de transparence de la superposition de couleur d’arrière-plan sur l’image (une opacité plus faible révèle davantage l’image).
6. 6Prévisualisez vos modifications en temps réel sur le canevas du sondage. Basculez entre l’aperçu bureau et mobile pour vérifier que l’image de marque s’affiche correctement sur tous les appareils.

Propriétés de l’image d’arrière-plan

7. Barre de progression

La barre de progression donne aux répondants une indication visuelle de leur avancement dans le sondage. Elle apparaît en haut du sondage et se met à jour automatiquement au fur et à mesure que les questions sont répondues ou que les pages sont parcourues.

Options d’affichage

La barre de progression peut être affichée ou masquée à l’aide du bouton de visibilité dans le panneau Style. Lorsqu’elle est visible, elle s’affiche sous forme de barre horizontale avec un remplissage qui progresse de gauche à droite.

Styliser la barre de progression

Comportement de la barre de progression selon la mise en page

8. Contrôles de visibilité

Ajustez précisément les éléments visibles dans votre enquête. Les options de visibilité vous permettent d’afficher ou de masquer des composants spécifiques sans les supprimer — utile pour créer des expériences d’enquête épurées et sans distraction.

9. Effets de transition et animations

SurveyAnalytica prend en charge des transitions fluides entre les pages et les questions. Les animations sont activées par défaut et peuvent être configurées dans les paramètres du thème.

Référence rapide — Styles par défaut