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 V1_Desktop V1_Ipad V1_mobile

V2 V2_desktop V2_Ipad V2_mobile

2 Answers 2


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.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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