DimensionDev / Maskbook-Talks

Where talks of Maskbook happen.
7 stars 1 forks source link

Global Navigation in Mobile Apps? #60

Open neruthes opened 3 years ago

neruthes commented 3 years ago

Previously we introduced a design at https://github.com/DimensionDev/Maskbook_MobilePWA-Meta/issues/1 and now it looks increasingly obsolete. We need a new way to allow the following operations:

neruthes commented 3 years ago

At the current stage, I am personally in favor of adding a global hamburger menu bar on the top of everything.

Design

image

Any in-site navigation will not affect the visibility of the global hamburger menu bar.

The hamburger menu button will open a drawer on the left, containing the list of possible navigation destinations:

Each tab is an isolation environment, containing its own storage (e.g. cookies, session storage, local storage).

The isolation environment may have 2 known states:

The login session of a tab may be terminated by the server. Maskbook will ask the user to login again if Maskbook detects an logout in the tab. Maskbook will require the user to login to the specific account. After a seccessful login, Maskbook will check the current username. If the current username does not match the previously specified username on the corresponding Profile of the tab, Maskbook will ask the user whether to update the Persona to adopt the current username or to relogin with the correct account.

Extra Benefits

Drawbacks

Tedko commented 3 years ago

Good example -> Friendly +