Création et Configuration de Modèles de Style pour Quiz

Les modèles de style sont un outil pratique pour créer une apparence professionnelle et cohérente pour tous vos quiz. Ils vous permettent de définir les couleurs, les polices et les styles de boutons une seule fois, puis d’appliquer rapidement ces paramètres aux nouveaux devoirs.

Grâce à des options flexibles, vous pouvez créer à la fois un modèle universel de base et des versions spécialisées pour différentes matières ou types de supports pédagogiques. Des quiz bien conçus ont non seulement un aspect plus professionnel, mais créent également un environnement d’apprentissage confortable.

Comment créer des modèles de style pour les quiz

Pour travailler avec les modèles de style, accédez au menu Quiz puis cliquez sur le bouton Paramètres sur la plateforme. Ici, vous pouvez ajuster les modèles existants, en créer de nouveaux à partir de zéro, sélectionner un modèle par défaut, ainsi que copier et modifier les versions existantes.

Pour ajouter un nouveau modèle, cliquez sur le bouton +.

Remarque importante : si le design actuel vous convient et que vous n’avez besoin que de légers ajustements, vous pouvez copier un modèle et le modifier.

Configuration du schéma de couleurs (onglet Mise en page)

Dans le premier onglet Mise en page, vous pouvez affiner la typographie et les couleurs. Pour tous les éléments de texte – titres de quiz, questions, réponses, affirmations et numérotation des questions – les mêmes paramètres sont disponibles. Cliquez simplement sur la valeur actuelle de n’importe quel paramètre et choisissez celui dont vous avez besoin : vous pouvez modifier la taille de la police, son style et sa couleur.

Lors du choix d’une couleur, vous pouvez utiliser les options disponibles, ajouter la vôtre en saisissant un code couleur au format #000000, ou utiliser un sélecteur de couleurs pour choisir une teinte dans la palette.

Remarque : Il s’agit de ce qu’on appelle un code couleur HEX – un code à six chiffres qui définit précisément une teinte. Les deux premiers chiffres correspondent au rouge, les deux suivants au vert et les deux derniers au bleu. Par exemple, #FF0000 est rouge, #00FF00 est vert et #0000FF est bleu. Vous pouvez trouver les codes nécessaires sur des sites web de palettes spécialisés ou dans des éditeurs graphiques.

Vous pouvez également configurer séparément la couleur des blocs de réponse et la couleur supplémentaire des blocs pour créer des accents dans le design.

La couleur du bloc de réponse détermine l’arrière-plan des options de réponse dans la plupart des types de questions : choix unique, choix multiple, sondage, échelle de Likert, texte à trous, tri, association, construction de phrases, liste, multi-liste, saisie de mot, formation de mots à partir de lettres et réponse textuelle. Ce paramètre permet de rendre les options de réponse plus visibles et stylistiquement cohérentes avec le design général du quiz.

La couleur supplémentaire du bloc de réponse est utilisée spécifiquement pour les questions Association. Lorsque l’option glisser-déposer est activée dans les paramètres de ce type de question, des blocs supplémentaires apparaissent où les réponses peuvent être glissées. Ce paramètre de couleur s’applique à ces blocs.

Configuration des boutons (onglet Boutons)

Dans le deuxième onglet Boutons, vous pouvez personnaliser l’apparence des boutons pour deux options d’affichage du quiz : lorsque chaque question est affichée à une étape distincte, ou lorsque toutes les questions sont affichées sur une seule page.

Le mode d’affichage du quiz lui-même est défini lors de sa création, tandis que dans le modèle vous définissez les styles de boutons pour chacune de ces options.

Dans le modèle, vous pouvez configurer l’apparence des différents boutons utilisés dans les quiz. 

Par exemple, le bouton Suivant est utilisé pour passer d’une question à l’autre, et vous pouvez définir son design et sa couleur. Lorsque l’utilisateur atteint la dernière question, ce bouton devient automatiquement Terminer le quiz.

Le bouton Terminer le quiz apparaît à l’étape finale et possède ses propres paramètres de style ; vous pouvez également modifier son texte et son apparence.

En plus de l’apparence des boutons, vous pouvez configurer leur positionnement sur la page.

Des paramètres de positionnement distincts sont disponibles pour la version bureau et pour les appareils mobiles, ce qui vous permet d’optimiser l’ergonomie du quiz sur différents types d’écran.

Conseils pratiques pour créer des modèles

Pour commencer, il est recommandé de créer un modèle de base neutre : gris foncé pour les titres, noir pour les questions, nuances douces pour les réponses et bleu standard pour les boutons. Un tel modèle fonctionnera dans la plupart des cas. Vous pouvez également utiliser le modèle prêt à l’emploi par défaut.

Si vous travaillez dans une organisation, il vaut la peine de créer un modèle d’entreprise utilisant les couleurs de la marque et une palette cohérente pour tous les éléments. Cela aidera à maintenir une identité de marque unifiée dans tous les supports pédagogiques.

Pour les cours spécialisés, vous pouvez créer des modèles thématiques avec des couleurs correspondant au sujet – par exemple, des nuances de vert pour les cours sur l’environnement, ou des tons bleus pour la technologie. La règle principale est de maintenir un bon contraste pour une meilleure lisibilité et d’utiliser des couleurs d’accentuation pour les éléments clés.

Application des modèles

Après avoir créé un modèle, vous pouvez le définir comme modèle par défaut pour tous les nouveaux quiz. Vous pouvez également appliquer un modèle à un quiz spécifique : pour ce faire, ouvrez l’éditeur du quiz, cliquez sur Paramètres, puis accédez à l’onglet Design.

Le modèle d’un quiz existant peut être modifié à tout moment, et les modèles existants peuvent être dupliqués pour créer des variantes.

De plus, dans le menu Quiz, dans la liste de tous les quiz, vous pouvez appliquer un modèle à plusieurs quiz à la fois à l’aide de la fonctionnalité Actions groupées.

Si nécessaire, le modèle peut également être modifié dans une leçon individuelle. Pour ce faire, ouvrez le produit dans le constructeur de leçons et remplacez le modèle directement dans la section pratique de cette leçon spécifique.

Avec la fonction Aperçu du cours, vous pouvez vérifier à quoi ressembleront les quiz avec le design mis à jour dans la leçon.

Des modèles de style correctement configurés améliorent considérablement la qualité professionnelle de vos supports pédagogiques et garantissent une expérience confortable pour les participants au quiz.