Didacticiel - Quiz (module Questions)
Simon Dubreucq avatar
Écrit par Simon Dubreucq
Mis à jour il y a plus d’une semaine

Description

Le module Questions est une mécanique tout-en-un vous permettant de lancer trois modes de jeu différents : Quiz, Sondage & Test de Personnalité. Cet article se concentre sur l'explication du mode "Quiz" : il vous permet de challenger vos utilisateurs sur leurs connaissances et peut également vous servir à collecter de la data complémentaire, pour renforcer la qualification de vos prospects & clients, sans alourdir le formulaire d'inscription de votre campagne.

Les utilisateurs seront ainsi invités à répondre à une ou plusieurs questions. Les options de configuration du mode "Quiz" vous permettront de créer de nombreuses variantes dans votre parcours en fonction de vos objectifs & de votre cible, par exemple : une nouvelle question chaque jour, une bonne réponse obligatoire pour pouvoir accéder à un instant gagnant, un nombre de points minimum à atteindre, plusieurs questions sur une même page, mise en avant des bonnes réponses, textes d'explications pédagogiques... etc.

En outre, ce mode de jeu est particulièrement efficace pour maximiser la génération de trafic sur votre site, via l'ajout d'un bouton "indice" sous la question, redirigeant vers un contenu de votre site dévoilant la réponse attendue. Ainsi, un utilisateur souhaitant tenter de gagner sera fortement incité à visiter votre site.

Sommaire

Design du jeu

Avant de configurer votre campagne, il vous faudra avoir créé les différents éléments graphiques nécessaires.

Pour commencer, veuillez consulter cette page qui vous donnera accès à toutes les informations essentielles pour la création graphique de votre campagne: Réaliser le graphisme de vos jeux.

La notice explicative vous donnera toutes les informations et conseils pour créer les graphismes de votre campagne :

Si vous souhaitez inclure des variables de jeu sur votre fond d'écran, pensez à leur laisser un espace dans la conception graphique :

Il est temps de passer à l'installation de votre campagne !

Exemples de parcours standard, Daily Contest et avec dotations

Ce fichier vous montrera des exemples de parcours utilisateurs en fonction du type de campagne souhaité :

  • Standard : pour créer une parcours classique, avec 3 questions et une page de remerciements & tirage au sort

  • Daily Contest : pour faire apparaitre une page de question différente chaque jour

  • Avec dotations : pour distribuer des dotations aux participants à la fin des questions - nécessite l'installation d'un module Instant Gagnant

Installation des pages

Tout d'abord, cliquez sur Nouvelle campagne puis sélectionnez le module Question (qui va donc être utilisé en mode de jeu "Quiz" dans le cadre de ce didacticiel).

Vous vous retrouvez ensuite dans l'éditeur de la campagne intégrant 7 étapes de cette mécanique : Accueil (optionnelle), Formulaire, Question 1, Question 2, Question 3, Résultats et Fin de campagne. Vous pouvez aussi, si vous le souhaitez, ajouter une page de teasing.

N'oubliez pas de configurer vos paramètres de campagne dès à présent, en indiquant notamment les dates de la campagne et en important le règlement et la politique de confidentialité.

Installation des fonds d'écrans

Importez vos fonds d'écrans Desktop en cliquant sur l'icône "+" dans Image de fond.

Pour connaitre les spécifications graphiques des fonds pour ce module, veuillez vous référer à la partie "Design du jeu" de cet article.

Vous avez aussi la possibilité d'ajouter une couleur de fond unie qui entourera vos pages de jeu - vous pouvez laisser la couleur de base ou choisir d'uniformiser votre campagne, avec une couleur qui rappelle votre marque ou vos pages de jeu par exemple.

Paramètres du jeu

Paramètres du jeu

Participation limitée : définissez si les utilisateurs pourront jouer sans limitation sur votre campagne, ou bien activez cette option et choisissez le nombre de participations par jour, semaine, mois ou campagne et par utilisateur, puis créez et sélectionnez votre page Déjà Joué. Si l’utilisateur tente de rejouer, il tombera directement sur cette page.

Mode de jeu : ce module dispose donc de trois modes de jeu différents, dans ce cas, sélectionnez "Quiz" avant d'avancer dans tout autre paramétrage.

Ajouter un chronomètre : définissez un temps qui sera imparti à vos utilisateurs pour répondre à chaque question. La durée choisie sera propre à chaque page "Question" et ce, qu'importe le nombre de questions sur cette même page.

Première question : activez cette option sur la première page de votre Quiz afin de commencer à comptabiliser le score de chaque page. Cette action est à faire sur chaque première page uniquement si vous avez plusieurs Quiz sur une même campagne (ex: un Calendrier avec des Quiz différents derrière plusieurs cases).

Afficher la page de résultat : activez cette option sur la page depuis laquelle vous souhaitez déclencher l'affichage de la page de résultat, généralement la dernière page de votre Quiz.

Exemples :

  • si vous souhaitez déclencher un résultat à la suite d'une série de 5 pages de quiz, l'option ne devra être activée que sur la 5ème et dernière page "Question". Attention, pensez bien à désactiver l'option "Score par page" !

  • si vous souhaitez lancer un Quiz en daily contest (= une question différente chaque jour), l'option devra être activée sur chacune de vos différentes pages Question (pour qu'à l'issue de chaque question quotidienne, et en fonction de sa réponse, l'utilisateur accède à son résultat).

Si vous souhaitez en savoir plus sur les différents modes de résultats, vous pouvez consulter cet article: Page de résultat

Page de résultat : sélectionnez la page de votre campagne qui affichera le résultat final de l'utilisateur - vous pouvez par exemple avoir une page Basique avec une variable de score, un message générique ou encore, un module Classement (dans ce dernier cas, n'oubliez pas de déclencher le paramètre "Afficher les scores cumulés" pour obtenir le résultat global de toutes les pages).

Exemple d'installation de l'option "Afficher la page de résultat":

Contenu du module

Intitulé de la question : Écrivez ici la question de votre page de Quiz. Notez que vous pouvez, si souhaité, ajouter plusieurs questions sur une même page (nous recommandons toutefois le paramétrage d'une question / page pour ne pas alourdir vos écrans).

Type de réponse : vous avez le choix entre 4 options mais notez bien que vous pouvez ajouter plusieurs questions qui ont un type de réponse différent sur une même page.

  • Une seule réponse : une seule réponse sera considérée comme correcte parmi toutes les propositions.

  • Plusieurs réponses : équivalent du mode QCM (quiz à choix multiple), plusieurs réponses sont considérées comme correctes parmi toutes les propositions.

  • Champ libre : l’utilisateur formule sa réponse librement, via un champ dédié.
    À noter : si vous utilisez ce champ pour vérifier des connaissances (et non juste collecter un verbatim / avis client), vous pouvez entrer le ou les mots attendus dans le champ "réponses attendues" en les séparant par des ";".

  • Liste déroulante : vous pouvez afficher les propositions de réponses via une liste déroulante pour que l'utilisateur choisisse une option parmi cette dernière. Ceci est particulièrement utile lorsque vous avez beaucoup d’options qui se présentent pour une seule question.
    À noter : chaque choix = 1 réponse différente

Mise en évidence des réponses : une fois que l'utilisateur a validé sa / ses réponse(s) sur une page donnée, vous pouvez choisir de lui afficher la / les propositions qui étaient justes. Un petit checkbox s'affiche alors à côté de cette / ces dernière(s) et un bouton "Continuer" (que vous pouvez personnaliser avec l'upload d'un visuel) apparaît automatiquement pour lui permettre de passer à l'étape suivante quand souhaité.

À noter : cette option n'est disponible que pour les types de réponse "une seule réponse" et "plusieurs réponses".

La couleur du checkbox est entièrement personnalisable :

Activer le texte explicatif : si souhaité, vous pouvez activer cette option pour afficher en outre un texte explicatif uniquement sur la / les propositions qui étaient justes, une fois que l'utilisateur a validé ses réponses sur une page donnée. Cela vous permet de donner un complément d'informations sur votre marque, vos services et produits. Un bouton "Continuer" (que vous pouvez personnaliser avec l'upload d'un visuel) apparaît automatiquement pour lui permettre de passer à l'étape suivante quand souhaité.

Réponse "X" : écrivez ici la première proposition de réponse à votre question, elle apparaîtra automatiquement dans l'éditeur. Vous pourrez en ajouter autant que souhaité.

Réponse en image : vous pouvez choisir de remplacer une réponse écrite par un visuel sur lequel l'utilisateur pourra cliquer. Cette personnalisation est très utile pour renforcer la visibilité de vos produits par exemple. À noter : la puce avec l'intitulé de la proposition / de l'image demeure visible (l'utilisateur peut cliquer sur l'image ou la puce, la résultat sera le même).

Nombre de points : vous pouvez choisir d’attribuer des points à chaque proposition (chiffres entiers uniquement, positifs ou négatifs, les chiffres décimaux n'étant pas acceptés). À noter : ce n'est pas la pondération des propositions qui les définit comme justes / correctes (cf. paramétrage "bonne réponse" qui suit).

À noter : les points négatifs débiteront bien le score d'un joueur.

Exemple :

  • si son score final est positif, il sera affiché tel quel : 5 points + (-2) points = 3 points

  • si son score final est négatif, il sera affiché comme nul : 3 points + (-5) points = 0 points (et non "-2 points").

Bonne réponse : activez cette option sur toutes les réponses que vous considérez comme justes (peu importe le nombre de points qu'elles rapportent).

Editer le texte d'erreur : personnalisez le texte qui apparaît lorsque l'utilisateur tente de passer à la question / étape suivante, sans sélectionner aucune proposition de réponse (pensez à faire ressortir sa couleur par rapport au texte de vos questions / réponses).

Couleur de l'encadré à la sélection : disponible seulement si la réponse en image a été configurée. Cette option permet de choisir la couleur de la bordure qui entourera l'image sélectionnée par le participant.

Personnalisation des champs de textes

Cliquez sur les champs texte que vous avez configuré (intitulé de la question et propositions de réponse) pour faire apparaître l'option "Personnalisation du texte" dans l'éditeur.

Vous aurez alors la possibilité de modifier les paramètres suivants:

  • Type de police : 6 polices sont proposées de base, mais vous pouvez aussi en importer au format WOFF en cliquant sur "Ajouter une police".

  • Taille de la police

  • Espacement

  • Alignement

  • Gras

  • Italique

  • Souligné

  • Réinitialisation du style du champ de texte

Installation de la partie Mobile

Une fois votre campagne Desktop configurée, il vous faut passer en vue Mobile afin d'importer les fonds dédiés et de mettre en forme vos différentes pages pour ce support.

Mobile 640

Pour importer des fonds Mobile, suivez la même procédure que pour les fonds Desktop.

Publication et test de la campagne

Lorsque les deux versions Desktop et Mobile sont finalisées, vous pouvez lancer la publication de la campagne.

N'oubliez pas d'effectuer la vérification de la campagne.

Autres options disponibles pour le module Quiz

Exemples de campagnes Quiz

Découvrez des exemples de scénarisation du module ci-dessous et dans notre espace "Inspiration"

Lidl Voyages maximise la génération de Trafic vers ses offres de destinations du moment, via un Quiz posant des questions précises sur ces dernières. L'utilisateur est ainsi incité à cliquer sur un bouton indice le redirigeant vers l'offre correspondante sur lidl-voyages.fr pour trouver la réponse sur le site.

Shiseido dynamise son Quiz en le liant à une vidéo d'une personnalité parlant de leur univers beauté : l'utilisateur est invité à regarder la vidéo et donner son avis via un champ libre du mode Quiz.

Laguiole Attitude scénarise le temps fort de la Foire aux Vins via un Quiz image : les visuels des propositions de réponses reprennent la forme des grandes régions viticoles de France. L'utilisateur doit cliquer sur la bonne région / image.

Le groupe SEB utilise le Quiz pour qualifier ses clients dans le cadre d'une campagne Cookeo. L'utilisateur, via des listes déroulantes, est invité à sélectionner s'il possède ou non le robot culinaire et le cas échéant, son modèle.

Avez-vous trouvé la réponse à votre question ?