10 Drop Down Menu Best Practices You Should Follow
- Keep menus under two levels deep. ...
- Create a clear and well-structured drop-down menus. ...
- Add hover or selection effects to stand out menu items. ...
- Use icons or images to enrich your drop-down menus. ...
- Keep menu styles consistent. ...
- Grey out unavailable menu items.
- How many items should be in a drop-down menu?
- When should you use a drop-down menu?
- Why should you avoid drop-down menus on navigation?
How many items should be in a drop-down menu?
In General, Avoid Drop-Downs When There Are More Than 10 or Fewer Than 5 Options.
When should you use a drop-down menu?
Offering drop-down menus can help users avoid scrolling and can quickly get them access to your site's content. For large websites, drop-down menus can save users time by allowing them to jump down a level or two to get to the content they seek.
Why should you avoid drop-down menus on navigation?
Drop-downs can sometimes render a website unusable on an iPhone or Blackberry and can also make life difficult on iPads. Drop-down menus can also encourage "navigation creep" in which the website owners keep adding more and more menu options simply because they can.