In general I agree with everyone who recommends not to use form dropdowns when displaying locations. Unless SEO is not really much of your concern AND if proven by e.g. tests that conversion rate is higher when using dropdowns compared to any other methods.
It is also possible to use CSS only to create a menu dropdown (not a form dropdown) that expands when hovering over, exposing more options which should all be picked up by search engines. There is no need for JavaScript to accomplish this.
How would that work though?
Say you had a page for 20 cities that would mean 20 pages on your nav menu, it would look ridiculous, how would you do it so that people could navigate to the city relevant to them without scrolling down a massive nave menu.
I totally agree. Having such a long list is detrimental to the user experience.
There are several ways to accomplish this, depending on preference, the current functional design of the site and how the visitor should reach its goal (in this case the location).
One such way is how big chains work, like Sainsbury, Tesco etc. They have a store locator link pointing to a very specific page where either all locations are listed or where people can search for a location and displaying the e.g. 10 closest stores with all details.
Another way is to group your locations if there are many per area. Instead of showing every location in the menu, first show only the areas. For example: London & South East, South West, East of England, East Midlands etc. When a visitor hovers over any of these areas there are different ways to display the results, depending on preferences etc. For example: (1) A list of all available locations, but only highlighting the locations of the chosen area, (2) Only list the locations of the chosen area or (3) show submenu with locations of that area pointing to specific locations, I added an example at the end.
Compared to having all locations listed in an e.g. menu, you might argue that it takes the visitor too many clicks to get to the location. But when you think about it. It is frustrating to look for something that is there but without clear directions. Having clear directions or having the sense that you will find what you are looking for isn't bad at all if it takes a few extra clicks. As long as it doesn't take the user to click like 10 levels deep or requires too much thinking and guessing.
Examples menu:
- Home
- About
- Locations - show all available locations grouped by area or alphabetically when clicking on this link
- London & South East - either show all available locations grouped by area and highlight selected area or only show this area with its locations
- Location here - show specific page of the location
- Another location here
- Location here
- Another location here
- South West
- Location here
- Another location here
- Location here
- Another location here
- East of England
- Location here
- Another location here
- Location here
- Another location here
Just my 2c
