Browse Mode: Consider adding a pointer for how to get back to dashboard

[annezazu]

What problem does this address?

Repeated feedback has come in around the FSE Outreach Program and other sources around how to get back to the dashboard while using browse mode. While adding a "dashboard" link is being considered to be brought back, it's also worth considering whether we should add a pointer if this interaction remains without an explicit dashboard link, similar to what's being explored here: #47410

Note that this will depend on how #36667 progresses for 6.2.

What is your proposed solution?

Add a pointer that explains how to get back to the dashboard. Quick copy idea:

Trying to return to your dashboard? Just click on your site icon above.

cc @WordPress/gutenberg-design for feedback and @youknowriad as a heads up.

[davewhitley]

I had the same problem. I tried to figure out how to exit this screen and it took a long time to figure out. Here is the part that confused me:

It didn't occur to me that the logo might exit or navigate away from this screen. A few reasons for that:

• There's no arrow, icon, or text label that indicates that it might be a button or provide navigation.
• It appeared obvious to me that the logo was part of the card that it's inside (by "card" I mean the dark black rectangle that sits on top of the dark sidebar). Because of that, if I clicked the logo or anywhere in the "Edit" card, I assumed it would take me to some sort of edit screen (probably the WP editor).
• The "Home" and "Templates" text is so close to the logo that I thought they were related.
• Another design (I believe the previous design?) had an arrow with the text "Dashboard". Remembering this design, I thought that perhaps the ability to go back to the Dashboard had been removed.

In this case, I don't think a tooltip is enough, because of the close association of the logo and the Edit button (they are in the same container). People will always associate the two and assume they do the same thing if clicked.

There is also this design that has been standard for a while:

Maybe not ideal, but at least it has a hover tooltip, and I have learned what it does. It has no association with any UI around it, so I learned that it must do something unique (and there's no confusion about its relationship with the surrounding UI). It's a completely isolated element. Because of this previous

Ideas for solutions

• Detach the logo from its container that also contains the Edit button. This could include putting the logo outside of the card, or putting it on its own row (not on the same row as the Edit button).
• Putting a back arrow or cross next to the logo.
• Tooltip will certainly help, but I'd like to see additional steps taken

Thanks for logging this issue!

[ndiego]

I agree that some additional action should be taken here. Not sure what the best implementation would be, but I foresee confusion, especially since the "beta" label is being removed from the Site Editor. Over the next few months, we will see an influx of new users who may have never experienced the Site Editor before.

[jameskoster]

Given the intention is to add more panels, and for this navigation paradigm to (potentially) scale up to wp-admin in the future, adding a Back arrow at the Design level seems the simplest thing to try:

default.mp4

[paaljoachim]

I really like the clarity of having the < (back arrow) and the tool tip that says "Dashboard".
Which @glendaviesnz made in this now merged PR:
#47950