WordPress.org

Make WordPress Core

Opened 2 years ago

Closed 6 months ago

#40118 closed defect (bug) (maybelater)

Clicking top level admin menu links on mobile does not take you to those sections

Reported by: karmatosed Owned by:
Milestone: Priority: normal
Severity: normal Version:
Component: Administration Keywords: ux-feedback
Focuses: ui, administration Cc:

Description

If you click 'Media' op 'Posts' on desktop you go to those sections. In testing on an iPhone 7 Plus this did not happen. I would suggest on mobile you need those quick links even more.

Change History (9)

#1 @karmatosed
2 years ago

  • Keywords ux-feedback added

#2 @steve1607
2 years ago

  • Keywords has-ux-feedback added; ux-feedback removed
  • Type changed from defect (bug) to enhancement

Hi karmatosed,
you are right, I can see the same behavior on my device. But I would suggest this behavior as totally fine. This solution has to be done in that way because you do not have a mouseover on mobile devices.

The alternative solution with using quicklinks would have a downside:
Navigating to a new page results in loading the new page and therefore closing the navigation panel.

Now imagine you want to navigate to Posts->Add New. You would have to do the following steps with quicklinks:

  1. Open the navigation
  2. Click on the entry Posts
  3. Wait for the page to reload
  4. Open the navigation (again)
  5. Click on the entry Add New
  6. Wait for your target page to load

While currently it works that way without quicklinks:

  1. Open the navigation
  2. Click on the entry Posts
  3. Click on the entry Add New
  4. Wait for your target page to load

As you can see it is easier without the quicklinks on your mobile device to directly navigate to your target page due to the lack of mouseover effects.

Do you agree on that or shall we try to think of another workaround/solution?

Many regards,
Steven

#3 @karmatosed
2 years ago

No I don't agree, its a broken flow. We should make sure the mobile experience is as good as desktop.

When you tried it did it not feel broken as a flow? That's the issue for users. What we need to do is find a solution that works on mobile but fixes that.

Thanks for taking a look though and be great if you want to work on a solution for this. I have made it a bug though as it is.

Last edited 2 years ago by karmatosed (previous) (diff)

#4 @karmatosed
2 years ago

  • Keywords ux-feedback added; has-ux-feedback removed

#5 @karmatosed
2 years ago

  • Type changed from enhancement to defect (bug)

#6 @steve1607
2 years ago

Okay, I understand your point. Currently the functionality and the workflow for the user are different on mobile and desktop and this makes it much harder for the user. But I have an idea :)

We could implement our navigation similar to this one with a dropdown arrow. Then the user can decide wether to open the next level of menu entries or just navigate to the top level entry.

http://entrepreneursclub-darmstadt.de/TMP/Oracle%20APEX%20navigation%20dropdown.png

You can try it here:
https://apex.oracle.com/pls/apex/f?p=72766:26

What do you say?

Last edited 2 years ago by steve1607 (previous) (diff)

#7 @ghovens
17 months ago

Hi guys,

I think the solution @steve1607 is offering is intuitive and should solve the problem.

Kind regards,

Gijs

This ticket was mentioned in Slack in #design by boemedia. View the logs.


6 months ago

#9 @melchoyce
6 months ago

  • Milestone Awaiting Review deleted
  • Resolution set to maybelater
  • Status changed from new to closed

Chatted about this in this week's Design triage. While we agree @steve1607's suggestion is an improvement, it also feels like a bandaid. Small-screen WordPress is a bit of a mess, and we'd benefit from taking a step back and looking at it holistically rather than in pieces. "Tightening up" is a focus of core design this year, and we'd like to tackle this as a wider part of that effort. I'm going to close this as maybelater, but keep a note to review while we're looking at mobile patterns.

Note: See TracTickets for help on using tickets.