Create a Numeric Scale

Ask participants to select a number from a scale.

To make a Numeric Scale screen as engaging and visually appealing as possible, try:

• Keeping question text concise.
• Using a background image.
• Selecting high-contrast text and button colors.

1. On the Dashboard or the Activities page, click the activity name, and then click Build.
2. Click Add Screen and select Numeric Scale.
   Result: A new Numeric Scale screen appears in the Activity Content area.
3. Optional: Edit the screen name.

   In the Activity Content area, click the edit button on the right and type a new name. This name is not visible to participants.

   
4. Select or clear Screen Rules.

   Option

   Description

   Make Response Optional

   By default, question screens require a response. Select this option to allow participants to proceed to the next screen without answering. You can also select or clear Show Skip. When selected, a Skip Question control appears separately from the transition and submission button. Participants can click Skip Question to skip the question, or they can answer the question and then click the transition and submission button. When cleared, only the transition and submission button appears. Participants click the transition and submission button to either skip the question or proceed. Tip: Customize the Skip Question control's text and appearance by clicking it in the preview pane.

5. Set the respondent journey.
   This step is required for any screen that is not the last screen in the Activity Content area. You should also preview the respondent journey to ensure there are no errors.
6. Type the question and format the question text.
7. Edit the numeric scale.
   1. In the preview pane, hover over the numeric scale until a dotted outline appears around the numeric scale area, and then click inside the dotted outline.
      
      Result: The numeric scale edit toolbar appears.
   2. Select a scale range option:
      • 1 to 5
      • 1 to 10
      • 0 to 10

      Note: This option is not available for Net Promoter Score℠(NPS®)¹ screens. NPS® uses an industry-standard calculation that requires a 0 to 10 scale.
   3. Select a shape for the scale buttons:
      • Circles
      • Stars
   4. Select a primary color and secondary color.

      The primary color controls the color of the inner circles, and the color of the dotted outline around the selected number. The secondary color controls the color of the numbers, and the solid outline around unselected numbers.

      

      

      • Use one of the preset colors (white, purple, black, or grey).
      • Use the slider above to adjust opacity.
      • Click the plus sign button to choose a custom color. This opens the custom color picker.
        • Click anywhere inside the ombre rectangle to select a shade.
        • Use the slider to select a different color.
        • Use the up and down arrow buttons to toggle between different options for specifying a color by code. Options include:
          • HEX
          • RGBA
          • HSLA
      • The custom colors you use are automatically saved. The first 20 custom colors are displayed. If more than 20 custom colors are used, the twenty-first color will replace the oldest color.
8. Add an image as a background.
   Tip:

   • You can use the Image Editor to make quick adjustments to background images.
   • If you want a solid background, you can set a background color instead.
9. For multilingual activities, add text translations.
10. Edit the transition and submission button.
11. Optional: Select or clear Treat the response as sensitive data.
12. To preview the activity while still building it, on the activity toolbar, click Preview.
    

    The preview opens in a new browser tab. Select a device type to simulate a screen size. Device type options include:

    • Phone
    • Tablet
    • Desktop

    For multilingual activities, you can also select the preview language from the language menu.

    Previewing the activity throughout the building process gives you a rough idea of how questions will display across different screen sizes, and lets you test the overall activity flow. However, the activity's appearance may vary on different devices and mobile browsers. Testing on a real device before publishing and distributing the activity is highly recommended.

13. On the activity toolbar, click Save.