Mock up health-status screen

unity-sds / unity-ui

Apache License 2.0

0 stars 0 forks source link

Mock up health-status screen #26

Closed rtapella closed 6 months ago

rtapella commented 7 months ago

Figma: https://www.figma.com/file/8CiUNS9zH2NUm74VEicn64/Unity-screen-flows?type=design&node-id=2098%3A6287&mode=design&t=rgYJcTtn4jFHHLXh-1

show list of services that are installed
for each, show status (good / bad / warn?)
for each, have a link to a web view if applicable
for each, have a link to an endpoint if applicable

mike-gangl commented 7 months ago

initially, we won't have the links to the services/webview as of right now, i think we should remove that from the AC.

rtapella commented 7 months ago

https://www.figma.com/file/8CiUNS9zH2NUm74VEicn64/Unity-screen-flows?type=design&node-id=2098%3A6287&mode=design&t=rgYJcTtn4jFHHLXh-1

rtapella commented 7 months ago

@mike-gangl the landing-page links are in now, correct?

rtapella commented 7 months ago

mike-gangl commented 7 months ago

Can we remove kion? in a perfect world, users won't need access to that as they'll have unity accounts, not AWS accounts.

mike-gangl commented 7 months ago

Also, might be worth sorting by health status- unhealthy services pushed to the top for attention? Maybe color coded (red? what else?)

rtapella commented 7 months ago

That is just a mockup so I was trying to think of everything that could possibly go there. For now if we're driving the list off the health list, the navbar will include everything.

And yes you can sort/filter on any column and we could default to health status as the sort-order.

rtapella commented 7 months ago

Health Dashboard 2

rtapella commented 7 months ago

Some sort of icon or color-tag may help scan the list, yes.

I prefer using a colored icon because it avoids issues with foreground/background contrast of the letters, and helps with color blindness by using shape as an additional communication method.

In this case I right-aligned it so the text is still in a column but it's probably better to left-align the icon in the health column and still keep the text left-aligned (it's just time-consuming to fix the mockup components to do this cleanly, so I stuck it on the right. it's easier in code :p )

rtapella commented 7 months ago

(to be clear: removing/adding kion or any other thing will depend on the contents of the health json response. the UI won't have any business logic to choose how to organize/filter the services/links )

rtapella commented 7 months ago

(Which, I just realized, means the health dashboard itself needs to be in that response unless we hard-code it)

rtapella commented 6 months ago

done