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

Patterns: add a "blank" option to make it easier to start fresh #63377

Open
annezazu opened this issue Jul 10, 2024 · 6 comments
Open

Patterns: add a "blank" option to make it easier to start fresh #63377

annezazu opened this issue Jul 10, 2024 · 6 comments
Labels
[Feature] Patterns A collection of blocks that can be synced (previously reusable blocks) or unsynced Needs Dev Ready for, and needs developer efforts [Type] Enhancement A suggestion for improvement.

Comments

@annezazu
Copy link
Contributor

When opening a new page while using a theme that has starter patterns available, you're presented with a modal that shows all available patterns. To get out of that flow though or skip it, the only option is to select the X to close out the modal. This is a bit more cumbersome than it should be, especially considering these patterns are likely to cover ever use case. To help

Current:

Screenshot 2024-07-10 at 10 52 40 AM

Proposed:

Screenshot 2024-07-10 at 10 53 59 AM

I don't think this is the best ^ but just to share an idea. If anything, I think we need to make the "start blank" more obvious. As is, this modal is a bit rough around the edges as it's hard to read the names of patterns and to see where one pattern ends before another begins, especially since they are different sizes.

Note that there's an experimental PR around adding zoom out mode with patterns opened in the Inserter instead of starter patterns too which will help here. For now though, this would be helpful to iterate on as is.

@annezazu annezazu added [Type] Enhancement A suggestion for improvement. Needs Design Feedback Needs general design feedback. [Feature] Patterns A collection of blocks that can be synced (previously reusable blocks) or unsynced labels Jul 10, 2024
@jasmussen
Copy link
Contributor

Should probably say "Start blank" (lowercase b), but other than that my instinct would go to the same. The height is an open question, should it be square, portrait? No strong opinions there, and I'd think beyond larger changes (such as taking you into the assembler rather than opening this modal), there are good reasons to move this directly into a PR to get a feel for it.

@jasmussen jasmussen added Needs Dev Ready for, and needs developer efforts and removed Needs Design Feedback Needs general design feedback. labels Jul 11, 2024
@stokesman
Copy link
Contributor

stokesman commented Jul 11, 2024

I'm glad to see the issue raised and think the suggestion has merit yet feel that it may be patching over what is a more general issue. That modal still surprises me and feels interruptive. I’ve thought of a couple ways it might be improved.

One, if its appearance could precede the editor visibility and act as an interstitial. This would avoid the reaction I always have where I think the editor is ready for interaction but suddenly the modal gets in the way. In such a case the “Start blank” option is still valuable.

Alternatively, I think that I’d rather have the choice to engage the “Choose a pattern” flow from a notice prompt instead. In this case “Start blank” wouldn’t be as valuable. I realize perhaps many folks are going to reach for a pattern most of the time and this would add a touch a of friction for them. If they’re they ones to optimize for I guess this is a non-starter. Though I wish it could be a preference at least.

@carolinan
Copy link
Contributor

Does it need to be the full size of a blank page?

The pattern selection for templates has a skip button in the bottom right corner, which is missing on the page pattern selection, is this intentional?

@carolinan
Copy link
Contributor

I briefly looked into adding a new blank item or button inside StartPageOptionsModal or BlockPatternsList and I was not able to do it.

Could it perhaps be a button next to the panel heading?

@richtabor
Copy link
Member

I want to be cognizant that this will likely get replaced by a much more efficient composition flow leveraging zoom out, rather than a modal that stands in the way.

Here's an experiment that @ellatrix put together on this front.

@annezazu
Copy link
Contributor Author

Right! I noted that in the original issue:

Note that there's anhttps://github.com//pull/61489 around adding zoom out mode with patterns opened in the Inserter instead of starter patterns too which will help here. For now though, this would be helpful to iterate on as is.

I still think we can iterate for now as zoom out mode remains experimental.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Patterns A collection of blocks that can be synced (previously reusable blocks) or unsynced Needs Dev Ready for, and needs developer efforts [Type] Enhancement A suggestion for improvement.
5 participants