wp-calypso icon indicating copy to clipboard operation
wp-calypso copied to clipboard

Plugins Marketplace: No back navigation when clicking on "Browse All"

Open taipeicoder opened this issue 1 year ago • 10 comments

Description

The Plugins Marketplace defaults to showing many sections where users can click on "Browse All" to see the full list.

Image

However, once they enter the subsection, there is no back button to go back to the previous state.

Image

taipeicoder avatar Aug 16 '24 03:08 taipeicoder

Let's just add one, pulling the same style from other pages with a back button.

davemart-in avatar Aug 16 '24 20:08 davemart-in

pulling the same style from other pages with a back button.

Can anyone quickly name one? We don't have one on /themes, /read, /sites. Outside of Onboarding the only one I can think of is purchases:

Screenshot 2024-08-19 at 11 40 16

I'm not even sure where to put a back button, I had assumed next to the header, but the header is always "Plugins marketplace" so "Back" there makes it feel like you're leaving the marketplace.

My quick and dirty attempt is this, I'm not certain it looks right

Screenshot 2024-08-19 at 11 57 15

CC @lucasmendes-design / @javierarce

dsas avatar Aug 19 '24 10:08 dsas

Maybe we just need to make "Plugins marketplace" be a link back to "Discover"

dsas avatar Aug 19 '24 16:08 dsas

Why don't we make the "Discover" option sticky like the search field on the left? It's not really a category and it could act as the back button.

javierarce avatar Aug 20 '24 10:08 javierarce

I wondered about that too, in the theme showcase we have "All" which serves that purpose. I'm not sure if "Discover" is discoverable enough, but maybe it'd work if it had the right ui affordances.

dsas avatar Aug 20 '24 10:08 dsas

I'm not sure if "Discover" is discoverable enough, but maybe it'd work if it had the right ui affordances.

True. Maybe with a light shade of gray?

image

And here's also alternative idea for a back link (the copy is just an idea, perhaps "See all" is not the best solution)

image

javierarce avatar Aug 20 '24 10:08 javierarce

I didn't realize there is a sticky header (p1724150233850569-slack-C029GN3KD also prevented it from displaying for me)

Image

This makes me think my previous proposal for a "See all" link makes less sense.

javierarce avatar Aug 20 '24 12:08 javierarce

And thinking a bit more broadly, what if, instead of working on this issue, we unified the Theme and Plugin navigations?

javierarce avatar Aug 20 '24 12:08 javierarce

Feels like we might be overcomplicating this particular issue. We can of course look at a larger project to align theme and plugin directories, but for this particular issue that was raised, I propose that we just add a simple back link.

Can anyone quickly name one?

Sure. Sorry, I should have been more specific in my original proposal. The reader has a simple option. See https://wordpress.com/read/feeds/188407/posts/5351811751 for an example.

Here's what I propose:

Image

davemart-in avatar Aug 22 '24 13:08 davemart-in

Can anyone quickly name one?

The individual plugins page show one on tablet view:

Screenshot 2024-08-22 at 9 24 46 AM

While on desktop it is replaced by "Pugins -> {current plugin name}" and clicking "plugins" serves as going back:

Screenshot 2024-08-22 at 9 25 41 AM

Individual post pages in the reader have one as well:

Screenshot 2024-08-22 at 9 26 12 AM

Addison-Stavlo avatar Aug 22 '24 13:08 Addison-Stavlo

Here's what I propose:

Image

@davemart-in @javierarce Would it be possible to reconsider this? When experiencing it in real time, it looks a bit janky with the search and the categories list suddenly jumping to the bottom:

https://github.com/user-attachments/assets/7ce6f614-f3d7-4fbd-8a6e-e8ad52d8ee35

mmtr avatar Aug 30 '24 09:08 mmtr

Heya 👋🏽

I think the < Back button is not the correct answer here. These sections work as filter, so the users do not "go back" to another level or page. It's a very confusing interaction.

If you don't want to change the mechanism of this page, then we need to make sure that the "Discover" tab is always visible and sticky, as Javier suggested above.

nuriapenya avatar Sep 02 '24 12:09 nuriapenya

+1

lucasmendes-design avatar Sep 02 '24 13:09 lucasmendes-design

I think the < Back button is not the correct answer here. These sections work as filter, so the users do not "go back" to another level or page. It's a very confusing interaction.

That's my bad. I was obviously in too much of a rush and didn't notice this. I'm sorry @javierarce! Thanks of moving this back to "Needs design".

@javierarce mind clarifying what your proposal would be?

davemart-in avatar Sep 02 '24 15:09 davemart-in

My other thought: maybe this isn't an issue and we could just close this. The user can go back to the initial state by selecting "marketplace" in the sidebar again. The marketplace sidebar item is clear that it goes to a certain level of the marketplace, and it has already been used to get there if the user is in this state. This feels better to me than adding more back buttons or extra links.

If this really is an issue to fix, the following probably makes sense:

what your proposal would be?

Adding a link in the same place as "browse all" (where it becomes "60 plugins") makes sense. This seems to be what @javierarce laid out above.

Note when I click "browse all" the entire interface remains the same except that link and what is shown below it. If we wanted a link to go back to the last state, it could make sense right here as this feels to work like an expand/collapse toggle in a way:

browse-all

Again, I almost feel leaving this as-is is better than adding links or buttons. 🤷‍♀️

Addison-Stavlo avatar Sep 04 '24 14:09 Addison-Stavlo

Going to close this one out. Happy to re-open it if anyone feels strongly about a particular solution that is better than leaving it as it is now.

davemart-in avatar Sep 10 '24 13:09 davemart-in