Skip to main content

nav

Navigation

By default we will have home, Shuk, news, library and “more” more will open all other apps where the user can also edit and rearrange the order of apps. Nav will have 3 state types, business user, business nav, bar/sheet (aka open/closed). By default the default state will be personal and closed.

Bar/Sheet​

Because Hudi is a super app the user will need an easy intuitive way to navigate to a large variety of apps and features, the way we will accomplish this is by expanding the navigation bar into a sheet.

The nav bar will consist of the icon and name of the app or feature cruelty open, the “more” option and in certain pages the search icon. Bar will also have its own sub states, default, app and onboarding. Sheet The sheet will consist of 3 sections

App options & branding​

To the left we will place the Hudi and partner branding as well as the option to switch between partners. To the right will be an avatar, notification icon and search.

Apps​

This is where the apps are placed and where states like business user and business nav are affecting.

System options​

Here are the options for the user to maintain the app and account, get help and more system options like switching between business nav and personal nav

Business User​

If the user has access permission to any business app, the user will be able to drag the nav sheet left and right to witch between personal apps and business apps

Users story Persona ##: as a user i would like to easily switch between my business tasks and personal tasks

  • Business/personal nav The user would be able to set the business apps as the default sheet, then their business user function will be reverted, switching between business and personal rather than personal and business.