Fabella.io

‍

Gamification is a playful way of getting people engaged and learning. It’s perfect for making training modules or tourism experiences more interactive and engaging. Usually, it takes a team of developers and at least a few weeks to create an interactive digital experience.

Fabella Creator can do this in minutes.

One way to implement gamification is through a scoring system. In this guide, we’ll walk you through the steps to set up a scoring system that keeps your audience involved. Let’s get started.

‍

Quiz Template

‍

Did you know we have templates for Fabella Creator projects? An example of a quiz can be seen in the Chemistry Quiz template that already has a scoring system set up. You can simply take that and change the questions to your liking. You can find out more about Fabella Creator templates here.

‍

Step 1: Set Up Your Project

‍

First, open your Fabella Creator project. You’ll have your Start Node and End Node already set up by default, and a Say Node in between.

‍

Step 2: Add a Trivia Question

‍

Let’s change the text of the Say Node to create a question to give your users a chance to earn points. You could be testing them on the information you have given them, or asking a general trivia question. Select the Say Node, and enter your first question.

For example, you could ask: “In the Harry Potter films, who says the line ‘after all this time?’”

‍

Step 3: Create Multiple Choice Options

‍

Now, we need to provide answer options.

1. Add a Hear Node: This node will allow users to select their answer.

2. Create Answer Options: Add an intent, and type in an answer. Don’t forget to change the button label as well. If you haven’t used a Hear Node before, that’s all there really is to it, but you can always read more about it here.

3. Repeat for Additional Options: Add some more options for your user to choose from.

‍

Step 4: Provide Feedback

‍

Next, you’ll want to give users feedback on their answers.

1. Connect Incorrect Answers: If the user chooses an incorrect answer, add a Say node to inform them they were wrong. You could say, “That was incorrect; Albus Dumbledore was the one who said that.”

2. Connect Correct Answers: Add another Say node to connect the correct answer to. For the correct answer (e.g., option C), let’s confirm they were right.

‍

Step 5: Add Scoring Functionality

‍

Now, let’s actually incorporate scoring into your quiz.

1. Add a ‘Modify State’ Node: When a user selects the correct answer, add this node to modify their score.

- Let’s call the variable ‘score’ and type in the formula: `{score} + 1`. This will increase their score by one point.

‍

Step 6: Initialize User Score

‍

We should probably make sure that every user starts with 0 points to keep things fair.

1. Add Another ‘Modify State’ Node: Connect the Start Node to this, and set the score to zero at the start of the project.

- Again, use ‘score’ as the variable and set it to `0`.

‍

Step 7: Expand Your Quiz

‍

You’ve done it! You can easily copy and paste this same system for each question. Simply change the text in the Say nodes and Hear nodes.

1. Select the Nodes: Hold Shift and select the nodes associated with the previous question.

2. Copy and Paste: Use Control + C to copy and Control + V to paste.

3. Adjust the Answers: Change the responses and options for your new question accordingly.

‍