Ceph » mgr » Dashboard

• in EOS I didn't find any direct suggestion.
• in PF they're commonly using 'Save' and 'Cancel' (instead of our 'Edit'/'Update'/'Submit' and 'Back').

Per our discussion, we'll use "Action + Object", e.g. "Delete RBD", "Create Pool".
Use "Cancel" for aborting an operation instead of "Back" or something else.

Follow https://www.patternfly.org/styles/terminology-and-wording/ for "Create" vs. "Add"

Examples: Create OSD, Create Pool, Create RBD Image but Add User, Add Group, Add Permission

Hi Ernesto,

Ernesto Puerta wrote:

Most naming inconsistencies come from the high redundancy in text items, that needs to be kept manually. There are enough textual/UI hints for the user to become aware of their current actions and outcomes: URL, breadcrumbs, frame title, button label, task title.

My suggestion would be to:
- Keep/use CRUD-like naming for URLs: <resource>/{create,edit,delete,clone,copy}
- Keep breadcrumbs, as they help understand the user where they are within the website navigation.
- Keep Form Titles in Headline capitalization ("Action Resource", or even simpler: "Resource")
- Simplify buttons: only "Save/Cancel", without resource/item mentioning (no button labeled "Add Image", but just "Save").

I would be very much in favor of adapting this, thank you for this proposal! I'm all for simplicity, so the second suggestion would be my favorite. Thanks!

Thanks, Lenz. I'll update my PR to get it aligned with the former proposal. I've also asked Ju to have a look at this for her views on it.

First off thanks for bringing this up. I've to admit it was confusing to me as well when I first started looking at Ceph Dashboard, and I'm glad we've folks willing and able to take this one up!

• +1 Keep/use CRUD-like naming for URLs: <resource>/{create,edit,delete,clone,copy}

• +1 Keep breadcrumbs, as they help understand the user where they are within the website navigation, and it should say “Action Resource”.

• Have Form Titles in with appropriate capitalization/camelcase, i.e. “Action + Object” (e.g. Create Bucket) so it’s clear to user what he/she is doing -- especially if they walk away from their browser (a lot of context-switching happens in a regular day) and returns back to the Ceph Dashboard window/tab in the browser.

• Buttons should be ““Action + Object” (e.g. Create Bucket) or “Cancel” (which replaces “Back” as it’s confusing when it’s really aborting/cancelling the action). The reason I suggest not using “Save” or “Submit” is they are not clear to the user what they are doing. From past experience and usability testing especially in wizards with many steps, “Next” and “Save” was not clear whether data is being persisted or not, whether it was saving a state or actually creating something, etc. It's probably less a concern since we don't yet have any wizards in Ceph Dashboard yet.

• +1 on the “Create” vs. “Add” and the examples of Create OSD, Create Pool, Create RBD Image but Add User, Add Group, Add Permission per suggestions from https://www.patternfly.org/styles/terminology-and-wording/.

Thanks a lot for the feedback, Ju!

• On breadcrumbs, you suggest moving from, let's say:
  1. "Object GW >> Bucket >> Create" (current) to
  2. "Object GW >> Create Bucket" or
  3. "Object GW >> Bucket >> Create Bucket"?

If everyone else is happy with the suggestions I'll make the changes (not many) to bring the missing bits in.

Regarding breadcrumbs, both #2 or #3 work, though I'd suggest going with #3 ("Object GW >> Bucket >> Create Bucket").

• On breadcrumbs, you suggest moving from, let's say:
  1. "Object GW >> Bucket >> Create" (current) to
  2. "Object GW >> Create Bucket" or
  3. "Object GW >> Bucket >> Create Bucket"?

Ju Lim wrote:

Regarding breadcrumbs, both #2 or #3 work, though I'd suggest going with #3 ("Object GW >> Bucket >> Create Bucket").

• On breadcrumbs, you suggest moving from, let's say:
  1. "Object GW >> Bucket >> Create" (current) to
  2. "Object GW >> Create Bucket" or
  3. "Object GW >> Bucket >> Create Bucket"?

Thanks for the suggestions! Option#3 sounds good to me as well.