17

Can somebody tell me if there is a name for this kind of tab navigation implementation?

sketch of the control

29

This is called an accordion navigation control, or accordion menu.

enter image description here

  • Use when you want the benefits of a normal sidebar menu, but do not have the space to list all options.
  • Use when there are more than 2 main sections on a website each with 2 or more subsections.
  • Use when you have less than 10 main sections
  • Use when you only have two levels to show in the main navigation.

Reference: Accordion Menu

  • @Ascorbin You're welcome! :-) – Benny Skogberg Feb 19 '13 at 13:32
1

This kind of accordion menus are mainly used for websites that are specifically designed for mobiles like smartphones. They take up less horizontal space and display the optimum information provided in the menu which can be collapsed and expanded giving access to various links in a portal or website.

Also used in responsive web designs where the entire navigation bar spans accross the screen in a tab or a PC screen whereas the same website is seen scaled down and succumbing itself to the accordion menu when we compress the browser window or open the site in a mobile browser with smaller screensize.

  • +1 Good explaination of use of the accordion menu, Justin! – Benny Skogberg Feb 21 '13 at 21:00

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.