Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Navigation Editor - update delete menu button #30426

Closed
grzim opened this issue Mar 31, 2021 · 6 comments · Fixed by #31026
Closed

Navigation Editor - update delete menu button #30426

grzim opened this issue Mar 31, 2021 · 6 comments · Fixed by #31026
Labels
[Status] In Progress Tracking issues with work in progress [Type] Enhancement A suggestion for improvement.

Comments

@grzim
Copy link
Contributor

grzim commented Mar 31, 2021

What problem does this address?

As described in #30307 we want all the data in the sidebar to be saved on the save button click rather than being saved immediately on change.
Nevertheless, as pointed in #30322 Delete button is behaving in a different way - it deletes the menu upon clicking on it (and then confirming) and we would rather leave it this way.
Therefore, in order to avoid confusions, it would be good to place it in a different area, to make it clearer that it will work without the need of hitting the save button

What is your proposed solution?

Place the Delete menu button under Manage locations or in a different place to make distinguished from other options that are saved on hitting save button

@grzim grzim added [Type] Enhancement A suggestion for improvement. Needs Design Needs design efforts. [Package] Edit Navigation labels Mar 31, 2021
@grzim grzim self-assigned this Mar 31, 2021
@javierarce
Copy link
Contributor

I think it's a good idea to place the delete button at the end of the sidebar, not exactly because of the possible confusion with the Save flow (which is addressed by the dots and the disabled state of the save button in this issue), but because of its destructive nature (and also because "Delete menu" is not really a setting).

Here's my proposal (maybe too dramatic?)

delete

Another thing I'd improve is the message in the alert box. We are currently saying: "Are you sure you want to delete this navigation?" I would add: "This action cannot be undone"

What do you think, @shaunandrews?

@shaunandrews
Copy link
Contributor

I'm not sure it needs to have it's own accordion or all the copy around it. Here's a few ideas:

image

@javierarce
Copy link
Contributor

The button would be placed at the bottom of the screen, right?

I agree with you about not needing the accordion and the text around. I'd go for the last option you suggested and update the alert box to remind the user there's no undo: "Are you sure you want to delete this menu? This action cannot be undone"

@shaunandrews
Copy link
Contributor

Sounds good to me.

@talldan talldan changed the title Navigation Editor - move delete menu button Navigation Editor - update delete menu button Apr 20, 2021
@talldan talldan removed the Needs Design Needs design efforts. label Apr 20, 2021
@Mamaduka Mamaduka added the [Status] In Progress Tracking issues with work in progress label Apr 21, 2021
@getdave
Copy link
Contributor

getdave commented Apr 21, 2021

@shaunandrews Coming to this all with fresh eyes as a "new" user, I was struggling to find where to delete my menus. Personally I think it's not helpful to divorce the primary action buttons, even if the intent here is to avoid making destructive actions too easy to find.

Looking at the existing Menus screen the Delete action is placed in the same plain as the Save action.

Screen Shot 2021-04-21 at 09 48 37

I'm not saying we need to mirror everything the old screen did, but perhaps some continuity would be nice.

I see the Delete action as a primary action and thus it should be in the header next to the Save and Switch buttons. We already have the "Are you sure?" confirmation which will avoid users accidentally taking a destructive action.

Interested in your thoughts and also @critterverse.

@javierarce
Copy link
Contributor

I think the screenshot is contradicting the idea of the Delete action being primary 😅

Moving the button to the bottom of the screen is good: it's easily accessible and helps remove noise from the top elements of the sidebar.

A counter-argument could be that the Trash button in the Page editor is always visible and it's placed on top of the screen, so users will naturally expect it to be there:

Screenshot 2021-04-22 at 12 34 45

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Status] In Progress Tracking issues with work in progress [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

6 participants