UI edits to schema selection and edits saving in Wikibase extension

[lozanaross]

This has been mentioned in previous PRs and issues, but starting a new issue to track all the final adjustments needed in more detail. This is a request to improve the following UI features:

1. I think this text is not needed - it's too clunky in the layout; it's information experienced users know and don't need to see at all times; it's also something new users should learn from tutorials / documentation; new users (as shown during user testing) tend not to read small text anyway, and just click around until they find the solution to go forth, or just go and watch a tutorial;
2. Save schema should be called "Save schema progress".
3. Save schema progress / Discard changes should move below the main schema editing area (see wireframes).
4. This should probably just say "Select..."
5. "Save new" is potentially confusing if users just want to save and override an existing schema. Another idea was to keep the button to say only "Save", but I think this will make it potentially confusing next to the dropdown in case users decide they are just saving their selection choice. I propose we call this button "Save schema edits" and we move it to the right of the screen (see wireframes).

Proposed solution

Proposed redesign:

For more context see complete design wireframes accessible via this link: https://docs.google.com/document/d/1uWkrid1UJwM3FCak_fI4VUY2EUabVUUFk9z6OeWtzKs/edit?usp=sharing

Alternatives considered

Several previous iterations can be seen in the wireframe versions in the link above. The naming of the "Save" button and the schema vs schema template was discussed in more detail in previous PRs, e.g. #5303

Additional context

The need to adjust this was discussed during the final round of user testing for the Commons extension project carried out Sept / Oct 2022.

[Ololad-e]

@lozanaross hello I’m Ololade, Outreachy Applicant and I’d like to contribute to this issue as I have some ideas I’d like to implement on dealing with the issues, can you please assign this to me? I’ve started working on the design UI

[wetneb]

This issue is already a design proposal on its own, so I do not think there is much left to design @OloladeOdus. Perhaps it is worth picking another issue where the desired behaviour and appearance is not clear yet?