I'm designing an application where the main nav is on the left. This is because there isn't enough space if I put the main nav on top (to fit both the main nav and the utility nav).
So this is how the navigation looks like:
When the user clicks into the 'accounts' tab, there will be a list of accounts shown. One of the main features of the accounts page is the ability to filter accounts (by name, email, etc). So the accounts page looks like this:
The filtering navigation is also vertical, and I'm having trouble figuring out how to fit it on the page. One idea was to put a fly-out right nav, like this:
But it seems really cluttered (and potentially confusing?)
Another idea I had was to completely hide the main navigation, and allow the option to switching out the main nav to the account filtering nav, like this:
But it seems like bad UX to hide the main navigation.
I've also considered having a navigation that drops down from the top, but I don't like the idea of having to open and close the nav every time you make changes to filtering (its a tool that is used a lot).
This is an example of how the filter looks, expanded:
All advice appreciated! Thank you!