Updates to the navigation

Product
1

In the next step of our UI evolution to more closely align the CHT to Material Design and Android UX standards we are going to be updating the navigation.

In the current version of our navigation, users tab through pages at the top of their screen and the hamburger menu opens to reveal additional items as pictured below.

current nav
current nav2280Ă—692 87 KB

The updated navigation uses a side drawer for the menu, showing all pages available to the user. Tabs move to the bottom of the screen for easier ergonomic access and the top bar will display a larger page title and additional features such as search, filter, and more options. For users with a smaller device, the bottom tab bar can also be hidden to allow for more real estate on the screen for its main content.

updated nav
updated nav2202Ă—762 69.6 KB

As always, comments and feedback are encouraged!

6 Likes
2

Thanks @Nicole_Orlowski !

Has there also been some consideration to removing the “unread” count notification on the tabs? I haven’t seen anyone with “inbox zero” so I suspect it’s only unnecessary clutter in the UI.

3

I think there are some two-way-texting projects using the Unread count on the Messages tab.

4

Thanks @Nicole_Orlowski ! This looks much better, can’t wait. However, I was just wondering why add those items that are already on the bottom tab in the side drawer as well, doesn’t it create an unnecessary redundancy?

5

Great question! Both drawer and tab pages will be configurable :slight_smile:

6

Alright cool, thanks.