Likert Scale Legacy
Likert scale radio buttons let people select one option in a Likert scale ranging from strongly disagree to strongly agree.
- Autocomplete (not built)
- Button Group (not built)
- Checkbox Group
- Date Picker (not built)
- Empty State
- Filter Menu
- Global Notification
- Guidance Block
- Hero Card
- Icon Button
- Infinite Scroll (not built)
- Inline Notification
- Likert Scale Legacy
- Loading Placeholder
- Loading Skeleton (not built)
- Loading Spinner
- Pagination (not built)
- Progress Bar (not built)
- Progress Stepper
- Radio Group
- Rich Text Editor
- Search Field
- Split Button
- Tile Grid
- Toast Notification
- This was copied over from murmur's RatingScale component under `ca-capture`.
- When in doubt, talk to a people scientist.
We typically use a 5-point Likert scale for employees to answer survey questions:
- Strongly disagree
- Neither agree or disagree
- Strongly agree
Our people scientists can provide case-by-case guidance for when and if a scale with more than 5 options may be appropriate.
- See Interaction states guidelines for focus indicators.
- On keyboard navigation show focus indicator on each section of likert scale.
- Likert scale group label: a visible statement or question that the user must respond to.
- Rating option: the general term for each specific option.
- Rating label: the label showing the selected rating.
- Rating radio button: the input element for the rating option.
There are a variety of rating scale types using the Likert Scale radio buttons component, which change the available rating option labels:
- Agreement scale
- Quality scale
- Focus scale
- Rating scale
- Satisfaction scale
- Importance scale
- Performance scale
- Frequency scale
There are several states for the overall Likert scale radio group:
- Standard interaction states with radio buttons:
- Active (clicked)
- Overall Likert scale interaction states:
- Not rated
Generally we avoid pre-selecting a value to avoid leading the user.
A rating cannot be cleared once selected. We don't use "half" rating options.
We may present non-interactive versions of the Likert scale in different contexts, such as the survey designer to show how it will look to users but without allowing the HR lead designing the survey to select and submit a response.
We often use a single stacked bar to represent the favorability of collective results from the Likert scale data.
A Likert scale response may be accompanied by a free text comment.
* Use a Likert scale when gathering user input with 5 options.
* Avoid using a Likert scale when gathering imprecise user input. Consider using a [slider](/components/slider) instead.
Here are some examples from external links: