I need some opinion on how to display secondary menu on the website, As you can see I already have a sidebar menu which is the main menu, I have to create a new secondary menu for the details page of a product/item. I've created 2 versions so you can have a look. (Deskptop/ipad/mobile view),
Any suggestion would be appreciated.
V1
V2
Have you considered testing it with your users? By a task-based research (e.g. checking your invoices) you could clearly determine here if there is a significant preference towards one of these.
However, a basic review would suggest option nr 1 over nr 2. Correct me if I'm wrong, but in v2 with collapsed menu, users would see initially only a blue horizontal bar with a dropdown icon. This could lead to confusion - some of the users could interpret the blue background only as a decorative element and not as a second navigation.
If our goal is to make their life easier and find their invoices quickly, option nr 1 gives them much more accurate "scent of information". It's clearly visible that there are some menu options to explore there and it will guide users to look there for what they need.
I would prefer v1 even thow you need a second longer to understand (i think more white space would clean this confusion up), but in v2 there is to little overview.
