User stories updates

[LibbyUX]

User stories updates

Update existing user stories. Add four new user stories to the Human Reference Atlas.

Design to do

• Complete title, description, overview, and iconography updates for old user stories.
• Reach consensus on titles, descriptions, overviews, and iconography for new user stories.
• HRA-M10-4 spec is approved

Dev to do

Add new user stories pages

All user stories pages have placeholder content currently. We will use a screenshot for Dashboards and the other 3 user stories will have video content (see #359 for content delivery details).

• Add FTU Explorer page
• Add Cell Distance Explorer page
• Add Atlas Components page
• Add Dashboards page

Resources

• Figma Design File: Global Navigation Component
• Figma Design File: Use the HRA Overview Page
• Figma Design File: User Stories Components
  • This is the source of truth for titles, descriptions, and iconography.
• Figma Design File: New User Story Pages
• Former GitHub Issue

[LibbyUX]

@bherr2 & @bhushankhope - These tasks are ready for development. Thank you!

[LibbyUX]

I edited and consolidated this comment with #368. The spec for HRA-M10-4 is approved and it is ready for development!

[LibbyUX]

Hey @bhushankhope & @bherr2, just a heads up: there were minor adjustments to the overview text content on the FTU Explorer page while I was out of the office. You can read the comment thread between Katy & I here. This is still developing and I will follow up on this issue when it is finalized.

[LibbyUX]

The FTU Explorer overview text has been finalized with @katyb. Please see the FTU Explorer overview text for this update.

[LibbyUX]

Hey @bhushankhope, I have updated your to-do list based on new information from today. I peeked at the build preview just now for this issue. Please let me know if you have any questions:

Dev to do with links to Figma

Global navigation component

• Training & Outreach menu: Remove the menu item HRA User Stories
• Use the HRA menu button name update (added 6/12): Update from Use the HRA to Use HRA Previews
• Use HRA Previews menu: Update verbiage from "Overview: HRA Use Cases" to "Overview: Use HRA Previews"
• Use HRA Previews menu: Add Preview: before every title.
• Tools menu: Add Preview: FTU Explorer and Preview: Cell Distance Explorer. Route to user story pages.

Overview: Use the Atlas page

• Update page title from Use the Human Reference Atlas to Use Human Reference Atlas Previews
• Add new paper banner card.
• Rename all button cards to start with Preview: [title]

Overview: Tools page

These button cards route to the user story pages.

• Add Preview: FTU Explorer button card
• Add Preview: Cell Distance Explorer button card

[bhushankhope]

@LibbyUX Updated above content in PR #399. Can be previewed here

[LibbyUX]

Thanks so much, @bhushankhope, this looks excellent. We are super close!

Two requests:

• Can you fix the titles on the Overview: Tools page to have the [Preview:] leading before the title of FTU/CDE?
• Can you add a max width to the menu flyout for Use HRA Previews? I'd like to see the text on one line.

[bhushankhope]

@LibbyUX increased width and added preview: to the card titles

[LibbyUX]

@bhushankhope it looks great!

One last request and this can be closed:

• Can you please add Preview: [US Title] to every title card for the user stories pages? This was a last-minute update, see the Figma canvas

[LibbyUX]

@bhushankhope - We have been communicating via Slack on this but here's another update:

FTU Explorer page

View Figma

• Add a section header: FTU Explorer Features
• Update optimized graphic (see attached)

Dashboards page

View Figma

• Add a section header: Preview: Diversity & Inclusion Dashboard
• Update optimized graphic (see attached)

[bhushankhope]

@LibbyUX merged into develop in pr #440

[LibbyUX]

Perfect, thank you @bhushankhope ! Closing this out!