Zoom Out Mode: Iteration issue: WordPress 6.7

scruffian commented 1 month ago

This issue tries to summarize the changes we'd like to make to Zoomed Out Mode in the WordPress 6.7 release:

Highest Priority:

Later:

[ ] https://github.com/WordPress/gutenberg/issues/63863

Bugs

scruffian commented 1 month ago

Here's a demo of the work we have done so far: https://drive.google.com/file/d/1aJFhPpiHqr22IxKSJWQMf98fsv93bgGI/view?usp=sharing

getdave commented 1 month ago

Some thoughts on ways of exiting Zoom Out mode:

Exit zoom out and enter edit mode on double click on pattern
Add "Edit" button to toolbar to allow users to exit zoom out mode.

I'll create an Issue for these.

Also some other things:

remove unwanted whitespace beneath final pattern
handle inserting sync patterns (UI and UX Issues present)
add prompts to improve UX when entering empty Page
how do we re-enter Zoom Out mode once we've exist by choosing to edit a specific section?
experimental PR to try adding "Zoom back out" button to block toolbar in normal "Edit" mode when.
Pattern search exits Zoom Out mode. We need to fix that.

stokesman commented 2 weeks ago

Add "Edit" button to toolbar to allow users to exit zoom out mode.

I’ve tried out the recently merged implementation and here’s my feedback related to it.

It’s place among block related buttons is less prominent than seems warranted.
Container blocks that aren’t full-width don’t feature the "Edit" button yet their content is not editable so it feels a bit incongruent that you can’t rely on a nearby button like for the full-width blocks.
That a block has to be selected for the button to be available seems less than ideal.

Overall, it leaves me wishing for a better solution. So far the only idea I’ve had is a button near the canvas. To illustrate, I have a couple screen recordings.

Icon button in the top right:

https://github.com/user-attachments/assets/b58808a3-1d80-4187-a9ed-2b73fa1d65ea

Text button below:

https://github.com/user-attachments/assets/052ebe41-12f4-40e5-8aec-fe2bee3adc51

This placement might seem off-limits given how scrolling in zoom out currently works. However, if #64117 is to be fixed, I'm pretty confident it will involve applying the frame’s spacing outside of the scrolling area and making the area available. (This is from a branch where I was exploring a slider to control the zoom level and that’s what’s seen in the bottom right).

Also perhaps a button like this only needs to be displayed if zoom out is not explicitly triggered. If someone gets there through the Preview dropdown, it seems like they’d understand how to get back.

WordPress / gutenberg