WordPress / gutenberg

The Block Editor project for WordPress and beyond. Plugin is available from the official repository.
https://wordpress.org/gutenberg/
Other
10.33k stars 4.12k forks source link

Delete Icon Shortcut in the Structure Panel (List View) #58478

Open Dentalicious opened 7 months ago

Dentalicious commented 7 months ago

What problem does this address?

Currently, to delete an Element (Block), a user has to click two times, first to open up the settings open, and then to click again for the delete setting. That is one click too many for a frequently used feature.

What is your proposed solution?

Have a Delete icon shortcut next to the Element (Block) Label in the Structure Panel (List View).

IMG_0269

Mamaduka commented 2 months ago

@jasmussen, @andrewserong, I think this is somewhat similar to #62340.

Should we also close this as "not planned"?

Dentalicious commented 2 months ago

I use on-screen shortcuts and never use keyboard shortcuts as I find them more intuitive and do not have to memorize a bunch of keyboard shortcuts.

Especially for beginners, an on-screen shortcut is more intuitive as everything is in plain sight.

As far as not having space! It's a tiny shortcut and can be found in all page builders, from Elementor to Bricks and others.

I really don't understand the Gutenberg team’s logic of discarding good ideas. Has anyone ever used a popular page builder like Elementor or Bricks with Advanced Themer?

A delete icon in the structure panel (list view) is a very nice enhancement to have.

jasmussen commented 2 months ago

For the default experience, I would not expect delete to have prominence there. Space is also, genuinely, a problem. It's not just the ellipsis, it's also lock icons, and even block anchors if such are present. There have even been conversations about showing little "alert" icons, or dots, to denote if a block is in an error state. Like a linter in your IDE.

That said, I think there's a separate opportunity—though likely with a longer view—to offer customizability here. A "List view preferences" section, that could let you pick and choose which ellipsis actions to pin, vs. which to have in the ellipsis overflow. Options like these so you can tailor your experience feel valid enough to have. This is another aspect of software as broadly used as WordPress is: for some people, the delete button, right there, is going to be a productivity boost. For others, they'll accidentally click it and wonder: where did my content go? Perhaps they won't even notice.

Dentalicious commented 2 months ago

A delete button is certainly a productivity boost as it saves on clicks.

It is a commonly used feature wherein a user is experimenting with ideas, adds a bunch of stuff, and deletes them, and it is at the core of web design or rather any design process per se.

To address the concern of accidentally deleting elements, a delete button is generally a two-step process, within the same button itself. Click delete, and icon changes to confirm delete. Once the user clicks twice on the delete button, only then is the element deleted.

For devs who are skeptical of this idea, I encourage you to at least see how Advanced Themer with Bricks enhances the Structure panel (list view). It is productivity on steroids.

Mamaduka commented 2 months ago

I don't understand the productivity difference between these two:

Requested: click the Delete button > confirm the delete action. Current: open Actions > click delete menu item.

Dentalicious commented 2 months ago

The difference is that a frequently used feature is in plain sight on the canvas, whilst currently it is hidden behind settings.

On the requested feature, wherein the delete icon is in plain sight in the structure panel (List View), two clicks address both the productivity issue as well as the safety issue.

As things stand currently, to achieve the same safety, a user has to click thrice if that safety mechanism was introduced, while the icon is still hidden behind settings.

One must also factor in the mouse cursor movement. In the requested feature, mouse cursor movement is optimal.

To put it more simplistically, What goes with a pencil? An eraser. The notion that it’s poor UX to have an eraser next to a pencil seems to defy logic.

That is a productivity boost for consideration.

Cheers.