0

There are two levels of menu. Tabs and usual sub menu.

The problem is when tabs are under home/manage/analytics menu - it doesn't make sense because hierarchy is actually backwards.

Because Every tab (All, game 1, game 2, game 3) has it own home/manage/analytics page, not otherwise.

But this way it looks nice, there are enough space, #materialdesign etc.

So, somehow I need to place Tabs menu higher then sub menu to make it obvious that it's actually submenu.

It seems I created a mess and need a hint how to get out of this mess and structure UX wise.

How to solve it?

enter image description hereenter image description here

1

Since you're using material design and you're looking for forward navigation (accessing deeper content), why not try to implement the structure they describe? The docs say the following:

Methods of forward navigation

Forward navigation refers to one of three types of movement between screens to complete a task:

  • Downward in an app’s hierarchy to access deeper content, from a parent screen (higher level of hierarchy) to a child screen (lower level)
  • Sequentially through a flow, or an ordered sequence of screens, such as a checkout process
  • Directly from one screen to any other in the app, such as from a home screen to a screen deep in an app’s hierarchy

Implementing forward navigation

While lateral navigation uses dedicated navigation components, forward navigation is often embedded into a screen’s content through a variety of components.

Forward navigation can be implemented using:

  • Content containers such as cards, lists, or image lists
  • Buttons that advance to another screen
  • In-app search on one or more screens
  • Links within content

With this in mind you could have your 'all games' tab be your game overview page and have the forward navigation from there. So you could split into two pages having a game overview page and a game detail page, something like this:

Game overview page Game detail page

Google Tag Manager has a different approach to navigation (with a dropdown and tabs), which may also work for you:

Google Tag Manager

  • 1
    This approach clarifies the workflow nicely – Michael Hogan Oct 13 '18 at 17:59

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.