Gamification Design Question

Mar 12, 2024

Hello. I have search various templates and in this forum. If this question has been asked before, I apologize ahead. Ive tried several attempts to make this work and so far have been unsuccessful. 

The goal: As the user takes a final assessment to have a gauge showing. If there are 20 questions the gauge has 2o notches. Similar to a slider. Only correct answers fill the gauge. The gauge has earned titles at assigned percentage levels. An example: "Expert" shows both on the gauge and on its own page at the end. Any help is greatly appreciated.

3 Replies
Tom Kuhlmann

You could use a dial for this with a number range 0-20. Starting value 0.

A correct answer: trigger adds 1 to that variable. That will move the dial. Put a hotspot over the dial, so the user can't turn it.

Since the titled is earned based on the value of the dial variable, you show the title on the title when the variable = X (or is within a specific range)

And when they get to the end on another slide, you can display something based on the specific value.

Judy Nollet

Alert: Covering a dial or slider prevents someone from dragging it with a mouse. However, it doesn't prevent them from accessing it with a keyboard. I just found this out today from a comment Steve Gannon made on another post: 

As Steve said, you'll need to remove the dial/slider from the Focus order. 

Since you're using 20 questions, I suggest putting the dial on the Master Question Layout. Then, as Tom said, have a trigger on each question that adds 1 to the dial's variable when the user clicks the Submit button if the the correct answer = Selected. Be sure that trigger comes before the one that submits the question. 

Here's info about removing a Master item from the focus order: Focus Order | Review 360 (articulate.com)