Improve Lock modal description and options naming #62843
Description
Description
Splitting this out from #62795
The description of the Lock modal dialog and the naming of the various options could use some more clear wording.
Screenshot:
1
The description: Choose specific attributes to restrict or lock all available options.
Note: after #62795 the description will become the <legend>
element of the form fieldset, thus it will be used to give the fieldset group a name.
Issues:
- The text is too long. It would benefit from being more concise.
- Visually, the checkboxes order is: 'Lock all' first, the other options after. However, the current description first mentions the other options, and then the ability to lock all. As such, when reading the description, there is a logical mismatch with the visuals that doesn't help with immediately understanding the interface.
- As a user, I have no clue what the difference between 'attributes' and 'options' is. I'm not sure introducing these two concepts helps with understanding the UI. I'd rather propose to simplify. Users just want to lock either all or some features.
2
The options naming.
The specific 'options' use three different verbs:
- Restrict
- Disable
- Prevent
While, technically, they may be the most correct verbs to use, I'd argue that by using different verbs this UI adds unnecessary cognitive load. As a user, my experience would be:
- Click on a menu item called 'Lock'.
- A modal dialog named 'Lock {block name}' opens.
- The first option I see is named 'Lock all'.
- But, suddenly, the following options are Restrict / Disable / Prevent.
- At this point, I may wonder what the difference is between Lock / Restrict / Disable / Prevent, if any, and get a little confused.
I'd like to propose to drastically simplify. This is a feture to 'lock things'. How about:
- Lock all
- Lock editing
- Lock movement
- Lock removal
Step-by-step reproduction instructions
- To see all the available options in the Lock modal dialog, add a Navigation block.
- Select the Navigation block and from its toolbar choose Options > Lock.
- Observe the wording of the description and of the options.
Screenshots, screen recording, code snippet
No response
Environment info
No response
Please confirm that you have searched existing issues in the repo.
Yes
Please confirm that you have tested with all plugins deactivated except Gutenberg.
Yes