kaarelss
commented
2 years ago Agree, it will be really frustrating for merchants to find the NavigationMenu in mobile.
Open marisveide opened 2 years ago
kaarelss
commented
2 years ago Agree, it will be really frustrating for merchants to find the NavigationMenu in mobile.
Describe the bug
It is basically a usability bug - inconsistency between the Shopify mobile app and the app in mobile browser. Basically, when migrating all the navigation to the side-menu
<NavigationMenu>component - then on the mobile web browser this side menu is too far, too hard to find for normal use. Especially, if a user has several apps pinned, so she has to go to the hamburger menu of the Admin, then scroll down the side menu, and only then she will find the app Navigation menu item.See the video: https://youtu.be/o8uKsKj0Huo
To Reproduce
Steps to reproduce the behaviour:
Expected behaviour
Whereas, on the Shopify mobile app - the
<NavigationMenu>component generates a very convenient menu on the top of the same view, without having to leave the app view.Contextual information
Packages and versions
@shopify/app-bridge@^3.1.0@shopify/app-bridge-react@^3.1.0@shopify/app-bridge-utils@^3.1.0@shopify/polaris@^9.11.0react-router-dom@^6.3.0Platform
Additional context
We are following those requirements that say that the NavigationMenu and the page action buttons must not repeat each other: https://shopify.dev/apps/design-guidelines/navigation
So if we ONLY have the NavigationMenu for navigation, then the mobile user experience will be dramatically decreased. Having navigation as page actions on mobile looks a lot more convenient, with the current AppBridge behaviour. Good solution would be if the AppBridge on mobile browser would render similar experience for NavigationMenu as it does inside the Shopify mobile app.
@itissible/matrixify