search

WordPress / gutenberg

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

Make pattern categories be selected by hover (onMouseEnter) instead of onClick. #57994

Open kohheepeace opened 9 months ago

kohheepeace commented 9 months ago

What problem does this address?

I am frustrated that I have to select a category every time I look for a pattern.

The end-user does not know which category contains the pattern he/she wants.

Therefore, they need to "click" on each category to find a pattern. Replacing this with Hover eliminates the need to click the mouse.

❌ Current: It's a pain to click every time to find patterns.

✅ Expected: Just hover, so you can easily find patterns.

What is your proposed solution?

In packages/block-editor/src/components/inserter/block-patterns-tab/index.js

スクリーンショット 2024-01-19 17 28 03
kohheepeace commented 6 months ago

Proof of concept example

Shuffle.dev

2022-10-06 04 09 50

You can try this UI at https://shuffle.dev demo page.

scruffian commented 5 months ago

If we do this we'll need to keep a touch event for mobile. We are exploring a different UI in Try drill down for pattern inserter

kohheepeace commented 5 months ago

I understand that it is necessary to click on mobile.

However, I think that the best UI for PC devices is hover. This is my opinion, but I find the UI for searching for patterns on shuffle.dev to be more comfortable than gutenberg.

First of all, users have no prior knowledge about the pattern categories. Additionally, these pattern categories vary depending on the WordPress theme. Therefore, in order to understand what patterns are in which categories, users need to click through all the categories. This is very troublesome.

The final decision is up to the core team, but I would appreciate it if you could consider this as one user's opinion. Thanks!