<img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=698042&amp;fmt=gif">
EnvisionIT Solutions Blog Logo
Back to posts

April 10, 2019

Should you use Drop-down Navigation on your Website?

Should you use Drop-down Navigation on your Website?

drop-down-navigationWhen you’re designing a website for your business, you want it to be user-friendly and easy to navigate. Drop-down navigation menus may seem like a logical choice, following the hierarchy pattern of other computer menus. However, there are several drawbacks

 to drop-down menus. Are they the right choice for your business website?


Drop-Down Menus

Drop-down menus can be a user-friendly design element. Menus and sub-menus are revealed when the user hovers the mouse over the menu item. Users are accustomed to this navigation scheme in other programs, making for an easy transition. By nesting links, the design of the web page is cleaner, with fewer links on the main page.


It also reduces the number of clicks and page loads by making all the information accessible from a main menu area. When used properly, drop-down menus can be an asset to your business website, but you should consider several factors before using them.


Related Post: The difference a professional website makes.


Mobile Web Design

More and more, people are accessing web pages from a variety of devices. Not making your web page mobile-friendly is one of the biggest mistakes in website design.


Accessing a drop-down menu can often be difficult on a computer. Because menus are designed to open when the mouse hovers over the menu, one wrong move of the mouse could completely close the menu, forcing the user to start over. This is a frustrating but common issue with drop-down menu navigation, making it hard for users to click on the link they want on the first try. This problem increases on a mobile device.


Mobile device touch screens don’t have the concept of hovering over a menu – when the user touches the menu, it loads the page. Touch screens rely on finger swipes and taps, which do not work well with roll-over style drop-down menus. You can design a specific mobile version of your business web page, but it is often easier to design your site with both computer and mobile needs in mind.


Download: 10-Step Checklist For Your Website RedesignConfusing and Large Hierarchies

If your website contains a lot of information and pages, drop-down menus can become large and unwieldy. With small amounts of information, a drop-down menu can provide a clean and obvious navigation for users. However, as you add more information, and therefore more menus and sub menus, this can become overwhelming for the user. While it may be obvious to you where various topics fall in the hierarchy, your customers may have to scroll through several large menus and lists to find the information they need.


Larger menus can also cause problems for computer and mobile users alike. As the menus become larger, they may not fit on a single screen, even on a larger computer monitor. This is very frustrating for users who may not be able to access the links that are off their screen. If you choose to use drop-down menu navigation on your business webpage, it is important to balance the amount of information given against the customer’s ease of use.


Mega Menus

Ubermenu-Logo-Intently-DigitalIn recent years, a new drop-down navigation technique has been used; it is called the mega menu. It is basically a menu that displays all of the menu options for a particular drop-down in one large menu instead of a narrow, single level drop-down. We placed an example of a mega menu is below. For Wordpress, we highly recommend using a plugin-in called Ubermenu. They have developed an amazing menu system that lets you integrate photos, tabs etc. They have examples on their website. The advantage to the mega menu is that it allows you to see a lot more information at a quick glance than a traditional menu system.



Search Engines

Search engines work by scouring the internet and indexing links and keywords that will be accessed during a search. Drop-down menus involve using languages such as JavaScript make it harder for programs to find and store the relevant data. If your data is not indexed, it won’t come up during searches. This ultimately results in less traffic to your business website. Alternative navigation methods don’t have this problem, making your website more searchable.


Ultimately, the choice is yours. Drop-down navigation menus can work well in some situations, but in the increasingly mobile world, you may want to consider other options for your business website.

Mike Tungate
Hello! I am the Web Services Manager @ EnvisionIT Solutions. I create business websites, help shape a businesses image through branding, and help them grow through content marketing. I am an avid photographer and a lover of musical instruments.
Find me on: