WordPress / wporg-theme-directory

15 stars 6 forks source link

Layout: Filter & Sorting #17

Closed tellyworth closed 3 months ago

tellyworth commented 1 year ago

Figma

Screenshots:

No filters Filters open Filters selected Filters applied Sorting open
Screenshot 2023-02-03 at 5 56 28 PM Themes - Filter Themes - Selecting filters Themes - Applied filters Themes - Sorting
Mobile No filters Filters open Filters selected Filters applied Sorting open
Screenshot 2023-02-03 at 5 56 15 PM Mobile - Filter Mobile - Filters applied Mobile - Applied filters Mobile - Sorting
gibrown commented 1 year ago

I'm not positive what the scope of the "refresh" is here, but figured I would throw in some thoughts.

I think we should be offering a lot more filtering options here. Ratings and filtering by ratings especially. All of the filtering should also include the count of the number of items (faceting). Pretty standard search design practice is to not have any dead ends which means we shouldn't be displaying filters if adding that filter will result in an empty results page.

The results also don't tell you much about the quality of the themes or how to pick them: ratings, number of installs, etc. It seems like we could display a lot more information.

There are a bunch of notes around filtering and sorting for plugins that seem applicable here: https://meta.trac.wordpress.org/ticket/2753

The "Features" list of filters feels like too much of a hodgepodge. Why not break them into more sections? I think using a sidebar would help here by grouping that list more.

The implementation of the filters entirely in a dropdown seems like a pretty bad search UX also. Why not a sidebar where users will actually be encouraged to engage with the results. Also why such a small search box at the top?

Overall feels like we should much more be thinking about this in terms of an e-commerce "purchase" search. e.g. Amazon etc.

I also think we could/should be matching more than just what is in the content of the theme and also match against any reviews for the themes. This probably would require displaying highlighting of the results, but we could do that.