Add guidelines for help icon style and interaction
This is an actionable insight from the UX Department: MRs experience async critique research (insight).
What
Throughout the UI there are various combinations of icon variant and color for the help icon. Here are some examples from the MR widgets:
Their interactions are also varied:
- Some link to help content
- Some show a tooltip
- Some show a popover
- Some are a combination of link and tooltip/popover
Why
These UI inconsistencies contribute to a lack of polish and impact the sense of trust that users place on the product.
How
Add guidelines on when and how to use the help icon variants (filled vs outlined), which color to use (blue, gray…), and their interactions (links, popovers, tooltips).
Edited by Pedro Moreira da Silva