B_027 Therapy Set-up UX | Step 2: Template Dropdown Hover States

Background

Most feedback that RC receives from HCPs is that the set-up of a self-monitoring takes too long. In reviewing the process and fastest use of RC, using RC templates or HCP self-made templates is the fastest and best way to have a quick start to the application.

What to do

When an HCP is in the preview, set-up or edit a therapy follow-up page, the template dropdown hover was initially styled for the template bar out of the main body. When the save therapy follow-up button was added and buttons put at the top of the screen, the template dropdown was moved into the main body of the page. This makes the hover state of the dropdown not intuitive.

• On hover of the dropdown, text should be bold (H1 in design system)
• Non-selectable options (i.e. "Select Template" / "Vorlage auswählen") are not given hover background color
• All other non-hovered items are not bold (T1 in design system)
• Arrow points up and options open up - should already be this way
• On hover of options the Naming is Bold (H1 in design system)
• On hover of options, background is HCP create background (orange)
• Settings dropdowns and RC question database dropdown can follow the same rules
• Please contact Katrin for any questions, clarifications, or issues you run into
• Please fix and add any e2e tests

figma

Clickup