Feat/improve UI/UX

[torinvdb]

Addresses #209

Here's a short video showing the changes I made to improve the UI/UX:

ui-ux.mov

[chamindra]

Though I like the present view as well, I believe this improve upon it and makes it much easier to search and find what you are looking for. So I am +1 however I still need to test the code implements the video

[ColinEberhardt]

Visually I like this, but I am concerned that it feels a bit complicated, do we really need such a sophisticated filtering system for the quantity of risks / controls we have?

[torinvdb]

@ColinEberhardt is the quantity going to remain fixed, though? I was under the assumption we would likely expand and/or update this list as new research, findings, developments, etc in the industry emerged. My main goal with this was to reduce friction to find what people are looking for since it wasn't super intuitive when I was first looking through things on the card view.

[ColinEberhardt]

Hi @torinvdb - many thanks for this contribution. We discussed it yesterday in our fortnightly meeting:

#219

(which you are of course most welcome to join in future, anyone in FINOS can attend).

We discussed for ~20 minutes, and it was very positive. I'll try to summarise here:

• the subtle addition of colour and iconography was very well received
• we discussed that the risks and mitigations will grow, and some sort of sort / filter could be helpful. We did also discuss that example architectures might provide an easier way to navigate, but regardless some sort of sort / filter would be worthwhile.
• it was pointed out that this might make a printed version harder to navigate, however, this is a separate concern (the current version isn't print ready), a new issue has been raised [Idea]: Printable/PDF version of the Framework #220
• it was felt that the overall UI put too much emphasis on the filter / sort functionality. It was suggested that the search / filter pane is initially collapsed, but can be expanded.
• for most people they will view not edit, having an edit option on the individual pages is enough - the front page should just allow people to view risks / mitigations
• expanding on the above point, can we make the entire card clickable to navigate

So in summary, very positive, and a few small tweaks requested:

• collapse the search / filter
• remove edit functionality
• full card clickable

We also decided that we don't need a full group review again, so can now fast track.

Thank you :-)

[torinvdb]

@ColinEberhardt understood - I'll go ahead and make the suggested changes 👍

[torinvdb]

I just made the updates you requested @ColinEberhardt

1. Update the search panel to start in collapsed view, so users can expand it if needed.
2. Remove the "Edit on Github" buttons from the risk/mitigation cards on catalogue view.
3. Make the entire risk/mitigation cards clickable from the catalogue view.

improved-ui-ux.mov