global-research-platform icon indicating copy to clipboard operation
global-research-platform copied to clipboard

As a user, I can see a help text on hover while in help mode

Open colleenskemp opened this issue 3 years ago • 2 comments

Problem: As a user, I need help text that allows me to understand the application through a tutorial. The current state is a screenshot and doesn't look great.

Suggested UX: In help mode, user can hover over an element and see help text.

Improvements needed to the UX: Currently there is a small question mark icon in the left sidebar. This is small and not obvious about what it is. Are there UX improvements we can make here to help the user see that they can enter help mode and where.

Background: We have some designs on tool tips here:

Workbook overview tutorial: https://www.figma.com/file/QImAyi1guE4AICGMN7uODK/Drawdown-Portfolio-UI-Figma-Chakra-UI?node-id=1804%3A998

Sidebar Navigation: https://www.figma.com/file/QImAyi1guE4AICGMN7uODK/Drawdown-Portfolio-UI-Figma-Chakra-UI?node-id=1736%3A128813

Solution dashboard: https://www.figma.com/file/QImAyi1guE4AICGMN7uODK/Drawdown-Portfolio-UI-Figma-Chakra-UI?node-id=1736%3A129211

Acceptance criteria:

I can also enter help mode and experience that tutorial at any time. This is found in sidebar navigation as grey question mark icon.

colleenskemp avatar Aug 08 '21 14:08 colleenskemp

@Chukslord1 is reviewing some potential tour libraries, evaluating what the effort would be to coax them into performing "help mode" in addition to "tour mode"

brodavi avatar Aug 09 '21 23:08 brodavi

@colleenskemp @brodavi Estimated time: 6 hours

Chukslord1 avatar Aug 16 '21 19:08 Chukslord1