Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Improve discoverability of tooltips #1223

Closed
2 tasks done
Tracked by #1179
, #1219
...
entrotech opened this issue Jul 27, 2022 · 3 comments · Fixed by #1230
Closed
2 tasks done
Tracked by #1179
, #1219
...

Improve discoverability of tooltips #1223

entrotech opened this issue Jul 27, 2022 · 3 comments · Fixed by #1230
Labels
enhancement Release Note: Shows as visual or user experience Enhancement level: easy milestone: missing p-feature: Project Page p1 Users Define Project including AIN, Adress, Ect. /calculation/1 priority: SHOULD HAVE role: front-end Front End Developer

Comments

@entrotech
Copy link
Member

entrotech commented Jul 27, 2022 •
edited by jahpe777
Loading

Overview

Since users sometimes don't notice the tooltips for the various fields on the Wizard pages, we want to make some changes to help the users discover the tooltips.

Actions

  • Change the cursor to a pointer when the user hovers over a rule label that is a tooltip on all Wizard Pages.
  • Add the box and text as shown in the screenshot below, which only shows up on the first page of the Wizard.

Resources

image

Here is a link to the Figma file page with the mockup: https://docs.google.com/document/d/1CNWYzg_le3b_ncj7_ZeP3YUZumWfbkQ_FKtWUJr9IHU/edit
@entrotech entrotech mentioned this issue Jul 27, 2022
Closed
3 tasks
@entrotech entrotech added enhancement Release Note: Shows as visual or user experience Enhancement role: front-end Front End Developer level: easy priority: SHOULD HAVE p-feature: Project Page p1 Users Define Project including AIN, Adress, Ect. /calculation/1 labels Jul 27, 2022
@entrotech entrotech changed the title Add text banner to bottom of pg 1 UX: Improve discoverability of tooltips Jul 27, 2022
@entrotech entrotech changed the title UX: Improve discoverability of tooltips Improve discoverability of tooltips Jul 27, 2022
@jahpe777 jahpe777 self-assigned this Jul 28, 2022
@SMR9220 SMR9220 mentioned this issue Jul 28, 2022
Closed
6 tasks
@entrotech entrotech mentioned this issue Aug 3, 2022
Closed
4 tasks
@jahpe777
Copy link
Member

jahpe777 commented Aug 4, 2022

Created new component, DiscoverTooltips, and inserted it within ProjectDescriptions

@jahpe777 jahpe777 mentioned this issue Aug 4, 2022
Merged
@entrotech
Copy link
Member Author

There is a problem with the message box overlapping other page elements on device widths less than about 1200 pixels:

image

I realize the app is not really designed to work on narrow devices, but 1200 pixels is a pretty large minimum width for desktop devices.

@entrotech entrotech reopened this Aug 9, 2022
@jahpe777
Copy link
Member

jahpe777 commented Aug 9, 2022

Corrected the width issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement Release Note: Shows as visual or user experience Enhancement level: easy milestone: missing p-feature: Project Page p1 Users Define Project including AIN, Adress, Ect. /calculation/1 priority: SHOULD HAVE role: front-end Front End Developer
Projects
P: TDM: project board
Archived in project
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

1223 discoverability tooltips hackforla/tdm-calculator
2 participants
@entrotech @jahpe777