bcgov / bcgov/entity

UI DESIGN - Registration Table Usability Enhancements

Open
#11,282 7 comments 0 reactions 0 assignees View on GitHub
Assets enhancement UX
Dominant language
JavaScript
Stars
23
Forks
62
Avg merge
24m
Merged PRs (30d)
1

Description

Multiple changes to improve the usability of the Registrations table

[View prioritized list of enhancements](https://1drv.ms/x/s!AlejmOwhCCvlgcAQLvgDkhpzj6eg0w?e=dggPYa)

[ ![image.png](https://images.zenhubusercontent.com/5bdb286ef2d4f912cf500d34/d9aed295-914d-4b0d-b6da-a0ff7124f0cb)
View wireframe (Concepts)](https://preview.uxpin.com/5ebdf0f620421f05b8caebd3b7dcec2716d9b313#/pages/147621589)

### 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

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.