Description
Le module Questions propose trois modes de jeu : Quiz, Sondage et Test de Personnalité. Cet article explique le mode "Quiz", qui permet de tester les connaissances des utilisateurs tout en collectant des données supplémentaires pour mieux qualifier prospects et clients, sans alourdir le formulaire d’inscription. Les utilisateurs répondent à une ou plusieurs questions. Vous pouvez configurer différentes variantes : question quotidienne, bonne réponse obligatoire pour accéder à un instant gagnant, points minimum à atteindre, ou encore plusieurs questions par page. Ce mode est aussi idéal pour générer du trafic vers votre site, grâce à un bouton "indice" redirigeant vers un contenu révélant la réponse.
Création des graphismes
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 les graphismes de vos jeux.
Vous trouverez tous les éléments en téléchargement dans ce pack incluant un manuel graphique + 1 fichier PSD aux dimensions standards :
Si vous souhaitez inclure des variables de jeu sur votre fond d'écran, pensez à leur laisser un espace dans la conception graphique :
Liste des variables disponibles
Liste des variables disponibles
%remaining_time% : temps restant au jeu
%question_score% : total des points obtenus aux questions de la page précédente (cumul des points obtenus à chaque question sur cette page, qu'il y ait une ou plusieurs questions et qu'il y ait une ou plusieurs propositions de réponse pondérées)
%question_bestScore% : meilleur score obtenu sur l'une des pages questions - toutes pages questions de la campagne confondues - et non uniquement la précédente (cumul des points obtenus à chaque question sur cette page)
%question_score_total% : total des points obtenus à toutes les pages questions précédentes (peu importe le nombre de questions sur une même page)
%question_bestScore_total% : meilleur score total des points obtenus à toutes les pages questions précédentes (peu importe le nombre de questions sur une même page)
%question_good_answers% : affiche le nombre de questions correctement répondues, indépendamment du nombre de points attribués à chaque bonne réponse.
%question_cumulated_score% : tous les scores cumulés effectués par un participant sur un jeu Question (ou plusieurs jeux Question à la suite) / Exemple : Je joue à un Quiz (200pts), puis à un deuxième Quiz (100pts), cette variable affichera mon score cumulé entre mon Quiz 1 & 2, soit 300pts
%question_1_user_answer% : Réponse 1 de l'utilisateur
%question_[numéro de la question]_user_answer% : Réponse X de l'utilisateur
Exemples de parcours
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
Gestion des pages
Tout d'abord, cliquez sur Nouvelle campagne puis sélectionnez la mécanique Quiz. Le template du Quiz est composé de 6 pages :
Un Formulaire
Question 1
Question 2
Question 3
Une page de Résultat
Une page de fin de campagne (end)
Si vous le souhaitez, vous pouvez ajouter d'autres pages et mécaniques de jeu. Nous vous recommandons l'ajout d'une page d'accueil et de teasing. Configurez vos paramètres de campagne en indiquant notamment les dates de diffusion, en important le règlement et la politique de confidentialité.
Personnalisation des arrières-plan
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.
Configuration de la mécanique
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 Quiz
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).
Éditer 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 l'apparence des questions et réponses.
Configuration de la version Mobile
Une fois votre campagne Desktop configurée, passez en vue Mobile afin d'importer les images de fond et de mettre en forme vos différentes pages pour ce support.
Test et publication de la campagne
Lorsque les versions Desktop et Mobile sont finalisées, vous pouvez prévisualiser votre campagne pour la tester. Pour connaitre les choses indispensables à vérifier, consultez cet article. Une fois que vos tests sont terminés, vous pouvez publier votre campagne sur votre domaine personnalisé et la diffuser auprès de votre audience.
Exemples de campagnes
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. |