3

I'm working on a Saas platform that will provide its user with an SDK for their apps. Users will either be able to create multiple apps (tier 1) in their account or only one (tier 2). Within each app, the admin user (app owner) will have the ability to onboard teams (tier 3); these teams will also be able to create teams (tier 4). Every tier sits lower in the architecture and will have limited permissions. Each tier will have its own dashboard, with several sections. Users in the same tiers cannot see each other content/dashboards, neither of upper tiers, but can navigate through lower tiers (mostly for monitoring of use and troubleshooting).

Here's a diagram of the architecture: platform architecture

I'm having issues identifying good practices when building navigation for such nested layers. Imagining to be the owner of multiple apps, and wanting to dig deeper into the lower tiers, how should the navigation behave?

For switching between different apps, I've used the same UI pattern as Slack (leftmost sidebar to list all apps and quickly switch between them): enter image description here

The problem to me is designing the navigation WITHIN each app, from the app owner's dashboard down to the tier 4 teams' dashboards. The navigation sidebar is necessary for the admin user to navigate through -and back to- his dashboard/account, but when moving below to tier 3, it should also show the sidebar relevant to that tier in order to access each tier's content/sections.

This is the solution I've adopted: enter image description here

Other possible solutions:

  1. keep the app owner sidebar and adding a breadcrumb navigation when inside a specific team, instead of its sidebar
  2. using this multilevel push-menu

Can you see any major issue with this solution? Can you point me towards the keywords/topic in question (SaaS admin navigation through multi-tiers architecture?) Recommendations/best practices? Examples of existing SaaS platform that I could check out?

It is quite a convoluted architecture and I hope the initial description will be enough clear.

  • Your question is quite broad and will be difficult to answer without editing. – RobbyReindeer Jun 11 '18 at 18:19
  • Thanks for feedback. I've tried to describe the context accurately, if you need any additional information I can do my best and try to provide it. The questions at the end are much broader because I don't know what keyworkds/topic to use to narrow it down – Blooba's Jun 12 '18 at 8:16
0

I would use the breadcrumb option and always have it on "top" and also following as you scroll down.

Why?

Because you can always see how "deep down" while you're scrolling through the project and you can quicker go back to a higher level.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.