Two Level

Mobile Menu

Approach


Recently I’ve worked on a Project with a pretty complex information architecture on two levels.

While the Desktop version had its challenges, the first drafts of the mobile version became pretty messy and hard to use. So I went a step backward and defined some key requirements that should help me to find a better solution

  • Access via burger icon and support for drag gestures
  • Separate second level but preserve quick access to the first level at any time
  • Preserve level status after selecting a second level menu item
  • Integrate quick access to the search functionality on both levels

After some wireframes and prototypes I came up with a solution that combined common mobile menu interactions with the list of requirements and some nice transitions and interactions.

You can find a working prototype on my Website

Tryout the Prototype