Greyed out enablement text

[SMR9220]

Action Items

create mock ups for additional text to be added to pre existing tooltips, for strategies that are greyed out

Resources/Instructions

Tooltip edits for greyed out text

[Noushie]

@SMR9220 @Biuwa

MOCKUP 1 (SELECTED TO SHOW STAKEHOLDERS AS OF 10/26 MEETING)

Grey Tool Tip Fix V1.1: User Tooltip Warning Message

CHANGES MADE

• Added blue warning/informational text w/ icon to disabled tooltip

MENTIONS

According to development (John), to avoid any changes in logic, warning message would be better phrased as "This cannot be selected unless 'Bike Share Station' has been selected"

• Need specific stakeholder language for all disabled tooltips warnings

LINK TO FIGMA FILE FOR ALL SHOWN MOCKUPS:

https://www.figma.com/file/nD9QK56Mzq7xNSaSUoeGx0/TDM-Calculator?node-id=3331%3A11984

[Noushie]

MOCKUP 2

Grey Tooltip Fix V1.2: User Tooltip Warning Message + Highlighted Hover

CHANGES MADE

• Added warning/informational text w/ icon to disabled tooltip (same as version 1.1)
• Added highlighted hover of disabled row (to grab user attention)

MENTIONS

According to development (John), to avoid any changes in logic, warning message would be better phrased as "This cannot be selected unless 'Bike Share Station' has been selected"

[Noushie]

MOCKUP 3

Grey Tooltip Fix V2.1: Clickable Information Icon

CHANGES MADE

• Added clickable conditional information icon (i.e., only present when text is disabled) to tell user why the option is disabled
• Tooltip pops up on the right side of selected disabled text

MENTIONS

Development (John) mentioned they'd rather have the message exist regardless of text being enabled/disabled

[Noushie]

MOCKUP 4

Grey Tooltip Fix V2.1: Hover Information Icon

CHANGES MADE

• Same as version 2.1 (information icon with a side tooltip), but changing user interaction from clicking to hovering over information icon

MENTIONS

Development (John) mentioned they'd rather have the message exist regardless of text being enabled/disabled