1 of 67

Scorecard

Workforce | EX

Epic Icon

2 of 67

The scorecard is one of the key places where the client will look for both the summary and detailed answers to their survey questions. By revamping the existing scorecard, we are adding features like comparing each block with the overall mean of the survey, customizing the scale favorability & colors, switching decimal points, and exporting the data to Excel. The new enhanced scorecard will be available in the portal as a widget.

Why?

Due to the old UX, the scorecard is difficult to use. It is difficult to understand the mean data and the comparisons are based on which marker or question. Scale favorability customization could be made easier and colors cannot be customized.

Problem

Solution

3 of 67

What are we trying to get out of the Scorecard?

  • The scorecard is one of the key places where the client will look for both the summary and detailed answers for their survey questions
    • Note: only likert-type items can be represented in the scorecard. Multiple choice, ranking, etc cannot. At a later date we will need to look for a better solution to this than we have today, but the importance of this scorecard will still remain
  • Often clients will have specific themes/sections for their surveys, like “diversity & inclusion” or “wellbeing”. Under each of these sections they will have specific items, like “I feel like my opinion at Company X matters”
  • Some ways that clients will use the scorecard is to know:
    • What area am I the strongest in? This for example can be diversity & inclusion
    • What area am I performing the lowest in? This for example could be wellbeing
    • To know where they are performing the best, today they will know by the difference between the OVERALL survey mean, and the score for a specific section
  • To dig deeper, if they find that wellbeing is an area where they are performing the lowest, they’ll want to know which specific items they are performing the lowest on and see if they want to take action in that area. Today for this analysis we look at the wellbeing item mean compared to the wellbeing category mean, not the overall survey mean. In reality the ranking of the highest and lowest items will be the same, but the number difference will be different.
    • In the future, we will likely want to trigger action planning from any specific items where the score was low.
  • To some clients favorability is even more important than the mean. For example, it’s not as important to them that “I feel like my opinion at Company X matters” had a mean of 4.3, but that it had an 85% favorability score. What is a favorability score? It’s the % of people who either strongly agreed or agreed to that statement.
  • Scorecard is the only place where the customer can compare results from the current survey to previous surveys. To do so, the mapping has to be done manually from the roster, and it shows up here in table form. We have a widget for trending BUT that only shows one question at a time so it’s not sufficient, and it’s also currently broken.

4 of 67

Problems

Inability to sort results by favorability score, you can only sort by mean

To know the actual number of respondents per favorability (green, yellow, red) you have to manually calculate it

Overall benchmark (to be renamed) is confusing. On the category level it is compared to the overall survey mean, but on the item level it’s compared to the category mean. This is the desired behavior, however the way it’s shown today it’s not intuitive to users.

Labels (distribution should be favorability, benchmark should be something that’s clear that it’s comparing to their score not other companies’)

Scorecard in admin doesn’t allow for comparison between surveys, but it does in Manager in portal. Even in the manager portal, this table view is very confusing.

Jane is an administrator who manages the employee experience surveys and want to analyze the data in scorecard. Due to current scorecard she is not able to fetch the detailed information and is not able to customize her scorecard to add it to her presentation. ��Jane wants the ability to customize and compare the scorecard results to finish her study. She would want the scorecard to give her detailed information.�

5 of 67

6 of 67

7 of 67

The purpose of this highlighted in red is to show YoY comparison and see the greatest improvements and the greatest declines

8 of 67

Jane Doe

Demographic

Name

Behaviour and Actions

Needs and Pain Points

  • Handles the EX Survey product service provided by QP for multiple organizations.
  • Study the data by categories that displays the percentage of respondents that had favorable, neutral, or unfavorable responses.

  • Young Women
  • Married
  • Own the culture and constantly strive to maintain the best
  • Handles getting insights from the data & coming up with actions.

User Persona

  • Not able to customize or edit the data in scorecard.
  • Doesn’t want mean data in two decimal points.
  • Wants at each level of question the comparison to marker or overall mean visible.
  • Not able to customize the colors of scale.

9 of 67

  1. She wants to know the exact number of respondents that had favorable, neutral, or unfavorable responses along with the percentage data. She wants to know how the scale scoring is set and if she can change the scale color similar to heatmap to add the scorecard in her presentation.

  • She wants to compare the past year’s employee data and would want the ability to set the comparison as delta or base value. The benchmark data in the current scorecard is actually overall and she is not able to edit it.

  • The mean value shows two decimal places and that is an overload of information for her, it would have been easier to run data analysis with one decimal point.

  • She wants to run a custom survey on Half-day Friday’s and do not want to set building blocks as it is a short survey. Can the scorecard show data without the blocks.

Jane is an Administrator who manages the employee experience surveys and want to analyze the data in scorecard -

Use Cases

10 of 67

Suggested solution is to do a revamp of the scorecard and significantly increase usability.

Revamp features:

  1. Redesign the Scales - easy to read percentage & number of respondents on hover
  2. Add Scale legend.
  3. Ability to change the scale colors and set the favorability (user can set the scale)
  4. Add column sorting icons & the ability to sort scales as per the data (include favorability sorting)
    1. Note: in the future we may want to think about a possibility to toggle between mean and favorability comparisons. Today everything is based on means, and adding favorability to the same tables would be too much. But there are companies who prefer favorability in their analysis to using the mean, we need to better understand the volume of those companies, and doing research with just our existing clients will not be enough to understand that.
  5. Ability to expand all & collapse all blocks at once
  6. Show questions directly if marker and building blocks are not defined.
  7. Come up with better terminology for “benchmark” that we use today as it’s a comparison to the internal survey scores and benchmarks are often thought of as external
  8. Default data in One Decimal Place & give user ability to switch to two decimal places if they want
  9. Making survey comparison easy to use and read - Manager Portal
  10. Add a Scorecard card in add widget option in portal.

Solution Description

11 of 67

Current Scorecard

12 of 67

Scorecard New Design

13 of 67

Scorecard Default View

Name of the study and overall respondents (n=completed the survey)

Metric’s rows in grey to help identify the user the difference between the Metric and its content when expanded

Study overall mean

Kebab icon triggers a drop down menu with options to customize the color palette, favorability intervals and decimal places displayed.

Add Benchmark comparison

COLLAPSED METRICS

14 of 67

Scorecard Home

EXPANDED METRIC EXAMPLE

Different font weights are assigned to each level to help identify easily the metrics, sub-metrics and questions/items.

Metric - Medium

Sub-metric - Regular

Question - Light

The overall results framework will remain sticky when the table gets too long

A scroll bar will indicate the user content existing beyond its sight

The widget will occupy as much space as possible depending on the screen size but no more than that, respecting a distance of 16 px from the upper menu bar and the bottom of the screen.

15 of 67

Scorecard Comparison Interactions

To understand where the mean comparison is coming from, the hovered-over mean will be highlighted, as well as the mean to which is comparing, in this case it’s the overall mean. A tooltip will be triggered explaining where the comparison result comes from.

METRIC VS OVERALL MEAN

16 of 67

Scorecard Comparison Interactions

METRIC VS OVERALL

17 of 67

Scorecard Comparison Interactions

SUB-METRIC VS METRIC

Individual Question will compare against the category its in, whether its a Sub-Metric or Metric. See next slide.

18 of 67

Scorecard Comparison Interactions

QUESTION/ITEM VS SUB-METRIC

Individual Question will compare against the category its in, whether its a Sub-Metric or Metric. See next slide.

19 of 67

Scorecard Comparison Interactions

QUESTION/ITEM VS METRIC

In the case where there are no Sub-Metrics set up.

20 of 67

Customizing Favorability Color Palette

21 of 67

Customize Color Palette for Favorability

22 of 67

Customize Color Palette for Favorability

23 of 67

Customize Color Palette for Favorability

24 of 67

Customize Color Palette for Favorability

25 of 67

Customize Color Palette for Favorability

26 of 67

Customize Color Palette for Favorability

27 of 67

Customizing Favorability Intervals

28 of 67

Customizing Favorability Intervals

OPTIONS MENU

29 of 67

Favorability Intervals Modal

DEFAULT STATE

30 of 67

Favorability Intervals Modal

HOVER OVER DIVIDERS

31 of 67

Favorability Intervals Modal

DRAGGING INTERACTION

32 of 67

Favorability Intervals Modal

SETTING A NEW INTERVAL

33 of 67

Editing Decimal Places Displayed

34 of 67

Customizing Decimal Places Displayed

SELECTION FROM DROPDOWN MENU

35 of 67

One Decimal Place

Reducing the decimal places shown will round the values to the nearest whole number (halves round up), resulting in possible changes in the Positive, Equal or Negative results from the comparisons.

36 of 67

Cero Decimal Places

37 of 67

Adding a Benchmark Comparison

38 of 67

Adding a Benchmark Comparison Widget

39 of 67

Adding a Benchmark Comparison Widget

The user can select from previous studies or upload data to compare to and add UP TO 4 studies to a comparison.

40 of 67

Scorecard Home

41 of 67

Scorecard Home

42 of 67

Thank you!

#ft-relatedchannel

43 of 67

Phase 2

44 of 67

Adding comparison to overall/Delta score

45 of 67

Action Planning

46 of 67

47 of 67

For HRBP - Overview

48 of 67

The action planning editor widget allows dashboard viewers to create action plans based on survey results.

For example, maybe your team’s engagement scores are lower than expected. Maybe your company isn’t measuring up to industry standards in certain areas. The action planning editor widget allows you to create plans to resolve these issues. Within these plans, you can indicate progress, create sub-tasks, and tag the appropriate dashboard users and hierarchy units involved in the initiative.

49 of 67

  1. Custom scorecard under Analytics tab in admin - compare score cards , what does the section name and questions are in the pop-up. Are these markers
  2. In the distribution bar on the dashboard does not show the % red is how many exact people and how many exactly people are under yellow and green it just show the percentage of strongly agree and strongly disagree lengths of the red bar in particular - revise - today 1% and 10% for example are showing at the same length. We plan to take this out of the dashboard tab and only have in the scorecard, so we should have more space to play around with the width of each color
  3. Benchmark overall is a confusing label - it is comparison with overall mean. Benchmark overall should be overall
  4. Workforce survey should be item by item if the benchmark is mean
  5. Comparison of overall mean is missing with year to year on the dashboard
  6. Review the rounding of decimal places. Does it make sense to have 2 decimal places everywhere? Is mixing 1 and 2 decimal places in different scored confusing? we also need to make sure that we are consistently rounding up OR down
  7. Internal benchmark may be a good clarification where we now just say "benchmark"

Notes

50 of 67

User Story

Jane is an administrator who manages the employee experience surveys and want to analyze the data in scorecard. Due to current scorecard she is not able to fetch the detailed information and is not able to customize her scorecard to add it to her presentation. ��Jane wants the ability to customize and compare the scorecard results to finish her study. She would want the scorecard to give her detailed information.�

51 of 67

Scorecard

Name of the widget changed from Drivers to Scorecard

Name of the study and overall respondents (n=completed the survey)

Metric

Sub-Metric

Question

Add a Comparison Widget

Study Overall Mean

STATE - DEFAULT

Respondents tooltip. “N” allows to save space but this way it is explained

Widget Menu Button

52 of 67

Scorecard

Example of a metric without submetrics

STATE - DEFAULT

53 of 67

Scorecard

MODAL - ADD BENCHMARK WIDGET

User can name the widget

Select the studies to compare (up to 4)

54 of 67

Scorecard

MODAL - ADD BENCHMARK WIDGET

Dropdown active

55 of 67

Scorecard

BENCHMARK WIDGET

Studies added

Name of the original study to be compared

56 of 67

Scorecard

STATE - DEFAULT (Widget Menu Active)

Widget Menu Button active

57 of 67

Scorecard

STATE - COLOR PALETTE EDITION ACTIVE

58 of 67

Scorecard

STATE - COLOR PALETTE EDITION ACTIVE

59 of 67

Scorecard Home

Metric

Overall Mean - Mean to which is comparing

Metric Mean - One being hovered over

To understand where the mean comparison is coming from, the hovered-over mean will be highlighted, as well as the mean to which is comparing, in this case it’s the overall mean.��METRIC MEAN

- COMPARED TO -

OVERALL MEAN

HOVERING OVER A METRIC MEAN VALUE

60 of 67

Scorecard Home

To understand where the mean comparison is coming from, the hovered-over mean will be highlighted, as well as the mean to which is comparing.

SUB-METRIC MEAN

- COMPARED TO -

METRIC MEAN

Sub-Metric

Metric Mean - Mean to which is comparing

Sub-Metric Mean -

One being hovered over

HOVERING OVER A SUB-METRIC MEAN VALUE

61 of 67

Scorecard Home

Single Question

To understand where the mean comparison is coming from, the hovered-over mean will be highlighted, as well as the mean to which is comparing.

SINGLE QUESTION MEAN

- COMPARED TO -

SUB-METRIC MEAN

Sub-Metric Mean - Mean to which is comparing

Single Question Mean -

One being hovered over

HOVERING OVER A SINGLE QUESTION MEAN VALUE

62 of 67

Option B

Considering the feedback of the UX Teams a different version of the scorecard was made��Goal�- Define metric areas with different colors to ease legibility

- Use tooltips to explain comparison algorithm

63 of 67

Scorecard Home

To ease legibility 3 levels of colors were defined for each instance: Metric, submetric, question/item

COLOR CODE

64 of 67

Scorecard Home

Hover triggers a tooltip explaining with which mean that result it’s being compared

TOOLTIP

65 of 67

Scorecard Home

Hover triggers a tooltip explaining with which mean that result it’s being compared

TOOLTIP

66 of 67

Scorecard Home

Hover triggers a tooltip explaining with which mean that result it’s being compared

TOOLTIP

67 of 67

Scorecard Home

Hover triggers a tooltip explaining with which mean that result it’s being compared

TOOLTIP

This one is a version of a metric without sub-metrics