Didacticiel - Jeu des Différences
Simon Dubreucq avatar
Écrit par Simon Dubreucq
Mis à jour il y a plus d’une semaine

Description

La mécanique du Jeu des différences consiste à demander au participant de trouver les détails qui changent entre 2 images qui lui sont proposées. Une fois que toutes les différences ont été trouvées, vous pouvez récompenser vos utilisateurs en effectuant un tirage au sort sur l’ensemble des participants. Cette mécanique peut être utilisée pour augmenter la visibilité de vos produits et/ou les inscrire dans un contexte particulier. C'est donc un module idéal pour le recrutement et la fidélisation de vos fans.

Création des graphismes

  • Avant de démarrer la configuration de votre campagne, assurez-vous d'avoir préalablement créé les éléments graphiques requis. Pour obtenir toutes les informations nécessaires à la conception graphique de votre campagne, consultez cet article.

  • Pour la mécanique Jeu des Différences, référez-vous à cet article pour découvrir les éléments graphiques requis.

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

  • %remaining_time% : Temps restant au jeu

  • %nb_errors% : Nombre d'erreurs actuelles au jeu

  • %remaining_items% : Objets restants à trouver

  • %spotTheDifference_score% : Score du dernier jeu

  • %spotTheDifference_bestScore% : Meilleur score du participant au jeu

  • %spotTheDifference_duration% : Durée du jeu

  • %spotTheDifference_itemsFound% : Nombre d'objets trouvés

  • %spotTheDifference_errors% : Nombre d'erreurs au jeu

  • %spotTheDifference_cumulated_score% : Tous les scores cumulés effectués par un participant sur un jeu (ou plusieurs jeux à la suite sur une même campagne) / Exemple : Je joue à un Jeu des Différences (200pts), puis à un deuxième Jeu des Différences (100pts) sur la même campagne, cette variable affichera mon score cumulé entre mon Jeu des Différences 1 & 2, soit 300pts

Création de la campagne

Pour créer une campagne Jeu des Différences :

  • Cliquez sur "Nouvelle campagne"

  • Cliquez sur l'onglet "Par mécanique"

  • Choisissez "Jeu des Différences"

  • Cliquez sur "Utiliser ce template"

Pages de la campagne

Votre campagne est maintenant créée. Vous vous retrouvez ensuite dans l'éditeur de la campagne. Le template du Jeu des Différences est composé de 4 pages :

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

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

  • Nombre de participations : définissez 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. Nous recommandons de ne pas activer la participation limitée pour que vos participants puissent rejouer à ce jeu autant de fois qu'ils le veulent.

  • Comptage du score : il existe 2 façons de compter le score

    • Différences trouvées : le score sera fonction du nombre de différences trouvées (ex: 7 différences trouvées = 7 points)

    • Erreurs faites : le score sera fonction du temps restant, de la durée de jeu, du nombre de différences trouvées et du nombre d'erreurs faites.

  • Activer le chronomètre : activez cette option pour ajouter de la difficulté au joueur. Cela signifie que le joueur devra faire le meilleur score possible avant la fin du temps imparti.

  • Afficher la page de résultat : Sélectionnez “Afficher la page de résultat” afin que les utilisateurs découvrent s’ils ont gagné ou non. Pour choisir le type de résultat, consultez cette page. En fonction adaptez le nombre de page gagné, perdu et déjà joué.

Personnalisation de l'apparence

  • Visuel du fond du jeu : uploadez le visuel du décor dans lequel vous ajouterez les images contenant les différences.

  • Visuel de l'icône "succès" : uploadez l'image qui apparaîtra lorsqu'une différence aura été trouvée.

  • Visuel de l'icône "erreur" : uploadez l'image qui apparaîtra lorsqu'une erreur aura été faite.

  • Activer le redimensionnement : permet de choisir la dimension des tableaux à comparer :

    • Taille réelle (basée sur les dimensions que vous avez défini)

    • 250px

    • 350px

    • 450px

  • Visuel des tableaux : uploadez les images (ou "tableaux") qui seront affiché aux participants et qui contiendront les différences à trouver.

Les paramètres d'options avancées vous permettent de configurer votre barre de chargement.

Édition et prévisualisation du module

En cliquant sur la zone de jeu dans l'éditeur, vous pourrez accéder à la prévisualisation du jeu ainsi qu'à l'édition des dimensions du jeu (pour intégrer au mieux votre jeu dans une application mobile) et l'édition du moteur de jeu. En savoir plus

Cliquer sur "Éditer le moteur de jeu" vous permet de :

  • Positionner correctement vos tableaux dans la zone de jeu

  • Définir les zones où seront situées les différences

Pour commencer à définir des zones avec des différences :

  • Cliquez sur le bouton + pour ajouter des zones

  • Les zones peuvent être déplacées et redimensionnées, les modifications s'effectuent simultanément sur les deux tableaux.

Exemple :

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.

💡 À savoir :

  • C’est le fond de jeu desktop qui s’affiche pour la version mobile mais il est resizé à 60% et croppé sur les côtés. L'utilisateur devra scroller sur les côtés pour voir l'image entière, il peut donc être intéressant d'avoir une page "Instructions" avant ce module pour expliquer les paramètres de votre jeu.

  • Le mode Edition n'existe que sur le format Desktop : les changements que vous y ferez impacteront donc la version Mobile.

  • Sur Mobile, les images seront positionnées à la même place que sur Desktop, dans une zone de jeu resizée et croppée. Nous vous conseillons la lecture de l'article lié aux spécifications graphiques de ce module.

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 'Jeu des Différences'

Découvrez des exemples de scénarisation du module dans notre espace "Inspiration".

Ekosport - Jeu des 7 différences

Gemo - 1000€ de shopping pour que rien ne vous arrête !

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