We have a 5 level navigation menu that needs to be incorporated in Mobile devices with a good & best usability approach.. which does not cost multi click for the user to view the 5th level menu.
Please share your usability approach on this.
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.Sign up to join this community
Looks like you're trying to take the entire web site structure and cram it into a phone interface. That is a daunting task which one need to handle with care. First I would advise you to analyze the structure of your content. Do you really need a five-level-deep navigation hierarchy? Or can you organize content differently? Could you use tags or filters? Do we need all of the content available on mobile? These kind of questions are important to start with.
But if you have done all that, and still come to the conclusion that a five-level-deep navigation is just what we (as in our users) want – then I’d suggest the following:
Personally, I’d use a classic sideway tree view navigation element that Spotify uses. You see where you are, where you can go to and where you came from.
Here are the five levels:
Notice on screenshot 2-4 the upward navigation to higher levels in the hierarchy, represented by a button with pointy edge to the left.
You can have a nested menu sliding in from the side to reduce the number of pages you'll need just dedicated for navigation:
See the first image, its a two tier menu in a single slide. I have seen a couple other apps which do a similar two tier menu, you can maybe stretch it further to three (or four?) but I feel that you should rethink your navigation to reduce the tiers.
There might be a misunderstanding since you're not providing a screenshot, but can you provide some more context or tell the domain for which you're building the app?