Review the Program module for usability improvements

[dasunhegoda]

No description provided.

[earthtomarsi]

Set Program Settings

Different configuration tabs could be placed in the same row instead of expanding downwards because it is unclear which tab is selected, and if the text beneath belong to the selections. I’ve also went ahead and improved the UI in the mockup I created to propose emphasizing the current tab, also adding an ellipsis feature to unselected tabs.

In the filter section, to remove a path and/or its children, you would have to click on the back icon; however, i think it would be better if the user could select a path(s) to remove by hovering on a tag and removing it by clicking on the x icon

In the Add new value field, I think it looks a bit confusing for the box and the button to be smaller than the rest of the fields on the left. I suggest we make the height consistent. The values selected could also be placed inside the box instead of outside to avoid it looking “broken”

Center Area > Search More…

Center.Area_checkbox.selections.unsaved.mp4

Selections made on a page are not saved when switching to a different page

Change request Module

Change.request_unclear.checkboxes.mp4

The contrast between the checkboxes and background is too low for unselected boxes