I am designing a workspace switcher for mobile. It is a mobile web version that renders in the browser and is not an app. Workspaces are different spaces with the same set of settings and contents, and a user could be a part of multiple of them. Since the workspace name could be long, I am refraining from rendering the whole name in the header.
The design goals are:
- User knows which workspace they are in - easy discoverability
- User can intuitively switch b/w workspaces
We have a web version where user profile and settings is one dropdown and workspace switcher is another. On mobile, due to the real estate being low, I am considering to combine the two.
Clarification: There is a similar question Design patterns for switching workspaces on mobile, my question is more about dropdown in a mobile side nav as a pattern.