UI DESIGN - Registration Table Usability Enhancements

[forgeuxGH5]

Multiple changes to improve the usability of the Registrations table

View prioritized list of enhancements

View wireframe (Concepts)

Visual Design Comps:

https://projects.invisionapp.com/share/NW12GSGMF7H2#/screens/464937879_01_-_Table_-_Default?browse

Visual Design updates include:

• Loading animations (Initial, Filtering, Scrolling)
• Moving Drafts into Parent row (with new draft icon)
• New on-Click Focus, Rollover, Expanded parent/child states
• Button Updates and new Button rollover menu
• New column ordering
• Clear Filter button and selected filter view
• Column header sort arrow rollover state
• Update Registration count in table header to be specific
• Change "t" in Pacific Time on the Search table to a capital to match Reg table
• New treatment for expired and discharged registrations

---

Comments from March24th Design review meeting: Another feature we should add:

• Also include identifying registration in green when user try to add to table but its already in table

Download new SVG Draft Icons:

https://drive.google.com/drive/folders/13kojpVzpo9CtiQzlZyhAznd8OmrQKESQ?usp=sharing

• I've included a blue one for the blue button dropdown, plus a gray one for the table (two options - one that has transparency already, one at full colour if you want to reduce transparency via CSS)

---

Future - Add "Days to Expiry" Sorting. Order should be:

• Days
• Expired By
• Discharged
• Infinite
• N/A

[forgeuxGH5]

@mstanton1 for ticket creation ^

[tlebedovich]

@forgeuxGH5 - what is the status of this ticket now? Its sitting in the Review pipeline? Does it need design?

[forgeuxGH5]

@tlebedovich I updated the Prioritized list of enhancements with Visual Design needs.

[tlebedovich]

@forgeuxGH5 @janisrogers - lets review tomorrow

[tlebedovich]

@forgeuxGH5 @janisrogers @mstanton1 - the items listed under Visual Design are ready for BA review and dev

[forgeuxGH5]

@LizGovier tagging you for reference

[LizGovier]

@forgeuxGH5 Yes! I added this to Epic #20488. went through all the design tickets and added anything to do with the MHR/PPR table and created a list of all the visual design updates that have been collect.