tdm-calculator icon indicating copy to clipboard operation
tdm-calculator copied to clipboard

Users did not notice sidebar

Open SMR9220 opened this issue 2 years ago • 9 comments

Dependency

  • [ ] A closed issue where research makes a summary of findings presentation and recommendations for Designers to consider.
  • [ ] All other features required for MVP have been finished by the Design team

Overview

We need to create design mockups to explore all options for improving the visibility of the sidebar so that we can decide if we are going to try any of them out.

Details

Several users did not even notice the sidebar until page 4. The majority of users did not see that the sidebar action related to their input. It was not in their line of sight. They were focused on the right side of the page where they were making entries.

Action Items

  • [ ] Explore different options for how to make the information more visible to users (create separate issues for each one)
    • [ ] #1191
    • [ ] Design Mockups: Side Panel: Make the numbers and circle larger
    • [ ] Design Mockups: Side Panel: Adding the shopping cart display to page 2
      • (include details about their choices, and appear across subsequent pages)
    • [ ] Design Mockups: Side Panel: Don't show levels and points grayed out until selections made on page 2
    • [ ] Design Mockups: Title of Page 2 & 3: Change page title to describe function of the page
      • page 2 would change from Determine Project Level to Determine Project Level and Target Points
      • page 3 would change from Calculate Project TDM Target Points to Finalize Target Point Calculation
  • [ ] Create issue to do dog-fooding of all option mockups to determine what is helpful
  • [ ] Move issue to the icebox and add dog-fooding issue to this issue as a dependency.
  • [ ] One all Dependencies have been removed:
    • [ ] Make presentation to product team with recommendations
  • [ ] Add product label, remove UX lead label
    • [ ] Determine which option to pursue based on user feedback.

Resources/Instructions

Add this to each issue

### Resources/Instructions
- This issue is part of the Epic https://github.com/hackforla/tdm-calculator/issues/1180

SMR9220 avatar Jun 04 '22 16:06 SMR9220

Moved sidebar to right side of page, expanded the project level and target point circles

github sidebar image

Reneedesigns avatar Jun 09 '22 00:06 Reneedesigns

Issue #1151associated with this issue.

SMR9220 avatar Jun 09 '22 02:06 SMR9220

Development pending

SMR9220 avatar Jun 23 '22 03:06 SMR9220