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: show list of categories to pick from #54885

Closed
annezazu opened this issue Sep 27, 2023 · 5 comments
Closed

Patterns: show list of categories to pick from #54885

annezazu opened this issue Sep 27, 2023 · 5 comments
Labels
[Feature] Patterns A collection of blocks that can be synced (previously reusable blocks) or unsynced Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.

Comments

@annezazu
Copy link
Contributor

Pulling from the FSE Outreach Program's Final Touches call for testing:

I see that I can add a category, but I can not see which categories already exist. As I might want to place this into a pre existing category.

Right now, this flow acts more as tags than categories to reuse what's shown in the Post Editor:

Screenshot 2023-09-27 at 11 55 56 AM Screenshot 2023-09-27 at 11 56 19 AM

I think we should consider having some consistency here and show a list of categories to pick from, especially since the intent is that this will improve organization. Curious for design feedback first though :)

@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 Sep 27, 2023
@glendaviesnz
Copy link
Contributor

As soon as a user starts typing it does show the list of existing matching categories as shown above. The reason for going with this approach is the UX is much simpler than providing the option to select or add, eg.
Screenshot 2023-09-28 at 9 34 43 AM

but as you note, let's see what design thinks.

@Ren2049
Copy link

Ren2049 commented Sep 28, 2023

I think the main problem of discoverability through typing could be that the're often many possible category descriptions for the same thing (e.g. CTA, call to action).

Not sure if most users just type in the first letter and wait for suggestions to populate, or if the algorithm used for search somehow accounts for the user behavior when users type in more letters (if it still show the results from typing just the first letter).

They may not see a previously used and forgotten category if they type in more than one letter which would lead to duplicates of categories and clutter (e.g. ca.. wont show CTA). Without an easy way to merge patterns many users would clutter and mess up their pattern library.

The WP Engine Pattern Manager plugin uses hardcoded pattern categories. A similar approach could also make it easier to learn and memorize and integrate with public pattern libraries, or help the compatibility across themes if everybody uses the same category names.

A similar approach works already for new templates where you can pick the name from an existing list.

@glendaviesnz
Copy link
Contributor

The WP Engine Pattern Manager plugin uses hardcoded pattern categories.

It seems potentially limiting to force users to select from a hardcoded list, particularly as we know some sites have 3000+ patterns, and will have very varied uses for them, more so than templates probably. But I am sure we can find a balance between making it easy to discover existing categories and adding new ones.

@Ren2049
Copy link

Ren2049 commented Sep 28, 2023

Maybe provide a baseline with an option to customize, like with templates. We can steal the category names from popular libraries designers are used to for the baseline ones.

@glendaviesnz
Copy link
Contributor

This was fixed by #55024

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 Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.
Projects
Status: Done
Development

No branches or pull requests

3 participants