Visualize and Enhance Feedback for Learners!
Gauges in Studio are powerful tools used to visually represent scores or outcomes achieved across various metrics or display decision results providing clear feedback and generating insights.
Use Cases
Challenge
Learners need a clear and immediate understanding of their performance across various metrics to effectively gauge their progress and identify areas for improvement.
Traditional text-based feedback often overwhelms learners and is difficult to interpret quickly.
Solution
By implementing gauges in Studio, you can display scores, feedback, and outputs in a visually engaging and easily understandable format to help learners quickly grasp their progress and identify areas for improvement.
Design Usage
Define Scores: Accurately represent scores for all scoring metrics with intuitive gauge displays.
Holistic Feedback Reports: Integrate end-of-round or end-of-simulation reports with other feedback types, such as recommended resources and customized insights.
Connect Outputs: Link gauges to specific outputs to visibly demonstrate impacts, encouraging reflection and continuous improvement.
Value
For Learners: Clear and impactful performance metrics enhance the learning experience. Providing a clear and engaging explanation of scoring makes it easier to understand and reflect on their performance.
For Designers/Instructors: Making complex information more accessible, faster to digest and interpret to increase engagement and lead to better learner outcomes.
💡Tip for Creators: Use an AI Avatar to Explain Scoring to Learners
Enhance your learners' understanding and engagement by using an AI avatar to explain the scoring metrics, what they measure, and prompt insights with "what good looks like" or reflective questions.
DIY STEPS
Adding a Gauge to Page Builder activity
In your Studio project, go to the Page Builder activity within your wireflow and open the activity.
Once in the activity, you'll select “Add Item” and then navigate to the “Data” tab where you will select “Gauge”.
Edit your Gauge
In the settings, you'll have options to customize your gauge including:
Choose Text or Numerical Variants
Define the Max and Min Values of your gauge
Identify the Scoring Variables you want the gauge to display
Style your gague with visual settings
Label your gauge based on use case
To open the edit panel, move your cursor to the gauge and click on the image and choose the edit function (Pencil Icon).
Edit panel opens to the right.
Choose Text or Numerical Variants
You can choose between Text and Numerical options to adjust the variant on your gauge.
Define the Max and Min Values of your gauge
⚠️ THIS STEP IS VERY IMPORTANT!! Min and Max values must be calculated manually to align with your scoring model. If this step is skipped, the gauges will not display correctly to the learner.
Use the Min and Max settings to define the total possible point range for your chosen metric (calculations based on your scoring model) so that learner scores display correctly.
Value range default settings:
0 for the minimum
100 for the maximum
Setting these ranges correctly are critical to the results displaying correctly.
More often than not, if your gauges are not displaying results as expected, the min/max calculations could be wrong and are throwing off the results (or the wrong metric variable is connected to the gauge!)
Example of a Gague output for "Metric X"
Ex. Learner #1
Learner #1 makes 3 choices in this round and earns 5, 8, and 3 points (total 16 points) for Metric X
The minimum possible points they could earn was 0 and the Maximum possible points was 30.
Gauge settings:
0 for the minimum
30 for the maximum
Learner #1 earned 16 out of 30 (~53%) points
The gauge they would see would display like this:
Ex. Learner #2
Learner #2 makes 3 choices in this round and earns 8, 9, and 4 points (total 16 points) for Metric X
The minimum possible points they could earn was 0 and the Maximum possible points was 30.
Gauge settings:
0 for the minimum
30 for the maximum
Learner #2 earned 21 out of 30 (70%) points
The gauge they would see would display like this:
💡 TIP! We recommend creating a spreadsheet to track your scores, do the necessary manual calculations, and help you or your QA testers troubleshoot if your gauges are not displaying results as expected.
Identify the Scoring Variable you want the gauge to display
To connect your scoring metric and display the results on the gauge, select the “Variable” box.
Choose Global -> scoring model -> select the metric you want to illustrate.
This will link your scoring data and update the gauge values in real time.
For a video HOW TO and to learn more about how to connect metrics and variables, go here: How to: Link Scoring Model Variables to Gauges or Charts in your Reports
Style your Gauge with Visual Settings
Make visual changes to customize the gauge using these settings:
label size and text
ring thickness
needle length
alignment/width
colors
Rename Labels by Segment:
You will see segments labeled as low, medium, and high on the visual. Click on each label box to type in the custom names you want for each segment (or leave them with the default labels).
Select Colors:
Click the color box next to each segment to choose the colors you want for the gauge.
Adjust Segment Sizes:
To evenly distribute the segments on your gauge, click the 3-dot ellipsis and select the option to distribute them evenly.
For a more customized segment size, drag the sliders to adjust the segments to match your labels.
Customize Visual Settings:
Change Label Size to choose small, medium, or large for your labels.
Adjust ring thickness and needle length under the visual settings.
If you select auto colors, the gauge will use the first and last colors from your selection and calculate segment colors accordingly.
Adjust Gauge Width and Alignment:
Use the width and alignment options in the edit box to fit the gauge perfectly on your page.
Once you've made your desired changes, click "Save" to save them.
FAQ
I need more Scoring Resources!
Overview: Reporting + Examples for other styles of reports that incorporate outputs!
Download our scoring guidebook!
What are you trying to measure? METRICS Recap
Most often, but not limited to: skills, behaviors, frameworks, KPIs (key performance areas), mindset shifts, and/or stakeholder impacts. Within the scoring model, we call these metrics.
Metric = Individual Scored Category
Skills, Behaviors, (KPIs)
Rollup Metric = Top-Level Category that combines the scores of individual metrics
Win Metric or Aggregate Round Score
Round over round, cumulative
My gauges aren't working correctly, what can I do?
More often than not, if your gauges are not displaying results as expected, the min/max calculations could be wrong and throw off the results (or the wrong metric variable is connected to the gauge!)
Review the above section Define the Max and Min Values of your gauge to help troubleshoot!
