Revised Mobile Navigation Proposal
Overview
The existing mobile navigation structure is quite disjointed. At times when users are deep in their user journey, they needs to keep navigating back until the lower nav bar is accessible again. Furthermore, the side menu and lower nav are poles apart, and contains many duplications.
Please implement the following navigational updates. In the interests of simplicity, the following changes relate only to lower navigation bar and the introduction of a new menu screen, then in turn replaces the existing side menu.
Items
-
Implement new mobile main navigation -> https://www.sketch.com/s/ed8346e7-232d-4278-9fdf-aefbb31c1f30/a/v8KEKp4 - (note the increased padding underneath the icons) -
The current side menu should be removed entirely and replaced with a dedicated menu screen -> https://www.sketch.com/s/ed8346e7-232d-4278-9fdf-aefbb31c1f30/a/GmnJnjO - Note that this screen should be scrollable, should the total number of links exceed the height of the screen. -
Implement main navigation animation -> -
Unless otherwise stated, the lower navigation bar should remain visible throughout the application. -
If the user is active within a screen that is a child of the menu (e.g. Wallet), the menu icon should remain active -> https://www.sketch.com/s/ed8346e7-232d-4278-9fdf-aefbb31c1f30/a/8yzW53D & https://www.sketch.com/s/ed8346e7-232d-4278-9fdf-aefbb31c1f30/a/rbodMka
Notes
There are will be follow on tasks that include refined animations, improved search UI and revised scrolling functionality which relate to improved navigation, but will be added as separate issues.
Related follow up tasks
- Revised screen header structure
- Revised scrolling structure
- Improved animations
Edited by Martin Santangelo