Monday, August 4th, 2008
Drop-Down Dilemma

I've been designing web sites for clients for several years now. In every case, I have successfully avoiding using drop-down menus. But now I have a problem.

A client who has been with me for several years and who has given me plenty of business came to me with a request recently. They want drop-down menus on their site. I'll skip the details, but suffice it to say that my perception of the situation is that they want drop-down menus just for the sake of having them.

Usually web design works like this: you have a problem, and you form a solution. This time it seems as if they want a solution with no concern whether there is a problem or not.

What's Wrong With Drop-Downs?
More importantly, I'd ask "What's RIGHT with drop-downs?" Any element of a site should serve a specific purpose and solve a specific problem. There is always a way to do this that does not involve drop-down menus. They are a band-aid for an otherwise poorly designed site. Too many links in the header can be confusing, and hiding the links doesn't actually cut down on the confusion - it only hides the problem -- literally.

The best way to organize a site is to have a set of links in the header, and on each of those sections, any nested pages are immediately obvious on that section's main page. For example, say I'm looking for a knife to slit my wrists. So I go to Walmart.com. I would expect to click on something like Sporting Goods. Then on that page, I would see all options in that section, including Hunting/Knives (possibly under which is Implements of Self Destruction). On the main Sporting Goods page, that's where you can list out on screen a map of sorts with links to everything in that section. That's fine. But don't do that on the home page, and don't do that in hidden menus.

Practical Considerations
There are some actual, real reasons that a site should avoid drop-down menus. For one, if the only way to access those sections relies on the drop-down menus, and those menus rely on JavaScript -- congratulations, your site is inaccessible to anyone with JavaScript disabled. I doubt visually impaired people who rely on screen-readers would have much more luck. Same for search engines - how can they follow a link they don't know to click on? Yes, some of these problems are obscure at best, but they ARE problems. And introducing new problems when "solving" existing problems is not very productive.

What Should I Do?
As a professional web designer, I feel that it would be an injustice to the client's site and visitors to give in to the drop-down menu request. I have suggested alternatives (that make sense and are more user-friendly), but they're falling on deaf ears. The client is determined to get drop-down menus.

One option is to suck it up and do it. Another option is to dump the client and tell them good luck.

What do you think I should do?
36 Comments
nikideaton
1) I would give them radial buttons instead. Drop down menus are so 1990.
niki   Monday, August 4, 2008
George
2) Depends how badly you need the business. If you don't, tell them to spin on it.
LimeyGeorge   Monday, August 4, 2008
Russ
3) Dump that client!

Unless they pay their bills on time. Then you just do the dropdowns and take their site out of your portfolio.
Russ   Monday, August 4, 2008
courtneyheinzel
4) Don't do any work you're not proud of. This isn't your day job. Maybe you've grown out of this client, and it's time to find someone who is willing to pay more for good design. Your job isn't just to produce web sites. Your job is to design them to look good and be user friendly. It's what you're good at. You are not good at doing what other people tell you to do who know less about design and usability. Is that a word?

Don't do it; it's crap.
Courtney Heinzel   Monday, August 4, 2008
ChinaCalling
5) Maybe give them a link to this blog! LOL
ChinaCalling   Monday, August 4, 2008
_DELETED_hayley
6) I just re-designed my company's web site (with boss in tote and the help of a site development company). Our old site had the classic roll over it and drop it down menu. Oh, and it was yellow and blue for no reason.

To remedy this, we came to a compromise. We reorganized our website and developed a pseudo-drop menu.

Maybe you could work this compromise with your customers. Basically, now, the nav bar works like an apple menu. There are the main inside page links when you first get on the home page. there are little triangle pointing right - if you click on it, it points down and expands to show all the sub-sections under that inside page. Click it again and it goes back up. If you don't click the triangle and just click that section name on the nav bar it takes you to that inside home page and at the same time expands to show that section's subsections. Kind of like what you were talking about earlier ... and automatic sort of drop down. (I can send my company link if you like if this explanation wasn't very good)

I think it's a great compromise and it's working really well for us. Maybe you could try it with your clients.
Hayley   Monday, August 4, 2008
daveheinzel
7) Hayley, I know what you're describing, but they are still drop-down menus. The main distinction is that instead of showing up when the cursor mouses over them, they show up (and hide) only when clicked, right? That is an improvement, but for the end user, it doesn't alleviate the mental noise of having so many links in the header.

For example, if you have 8 main links in your header, awesome. That's not too many, and most users can scan then quickly to determine which one best suits their needs. But if I click one of them and am presented with a drop-down menu with 8 options, then mentally the number of available options has actually gone up to 64 (because I assume that the other menus also have about 8 options). And that's when, as a visitor, I get the "oh no I'm never going to find what I'm looking for" feeling.

I've tried some common-sense compromises, but no-go. And if my wife, who has been eating sawdust for weeks now because we're so poor, is telling me to bow out instead of sucking it up for the money, then maybe that's a good way to go.
Dave Heinzel   Monday, August 4, 2008
dennydeaton
8) Dave,
I am putting the finishing touches on a new version of Humzoo and it has drop down menus. I was going to keep the new version a secret but since reading your blog I couldn't wait to tell you more about it. I really think you'll like it. Also, we sell knives now.

Niki, what are radial buttons? Are those like buttons made of old tires or something? I agree, sounds totally 80's!
Denny Deaton   Monday, August 4, 2008
nikideaton
9) Hah, you are right Denny. I meant radio button. Radial is funnier though.
niki   Monday, August 4, 2008
_DELETED_hayley
10) Dave,
it's a left nav, and yes. they show up when clicked. however, since they are grouped well, it shouldn't be too stressful for people to find what they're looking for (we definitely tried to go with the 3 click rule). If they click on the top to go to it, it goes to it and opens up the menu subsections.

plus the 8,000 links on all the other pages leading to other pages within the site. I see what you mean though.

I would go in and tell them you side and why. I think there is a good chance they're listen to the "expert" and agree if you have samples and "statistics". Oh man, people love statistics!
Hayley   Monday, August 4, 2008
daveheinzel
11) Good advice Hayley, about going in to talk with them. I think my problem now is that because they came to me with this request, asking basically for a solution without a problem, it speaks of their respect for me and what I do. Basically it's like taking the car to the mechanic and telling them "remove the front brakes and put in red brake pads."

A client with no respect for good design and with no desire to logically produce the best solution for an existing problem is not one that I want to work with. And I think it has come to that point.
Dave Heinzel   Monday, August 4, 2008
Lionheart
12) I agree with Hayley, tell them you disagree, show them why its a bad idea and if they still want it, they can have it. If you've already done your best telling them why its a bad idea, then its time to make the changes they requested.

Sometimes I'm in the same boat as ou, I can't make my clients do what I want, all I can do is give them my advice and information about what will happen after they make a particular choice. Sometimes they just want to do their own thing, regardless of the good advice.

I don't think its up to to either of us to make their lives or website perfect. I think we can do our best to guide them, but doing what we do doesn't have to include miracle working. They only get miracles when they take our advice. ;-)
Lionheart   Monday, August 4, 2008
_DELETED_hayley
13) Well if it has come to that point, don't "burn bridges", but you have nothing to lose if you tell them that drop downs are out of date and not user-friendly and it compromises the integrity of site design. Then show them a rockin' mock up of what you can really do.

I was told in a web class I had that the customer never knows that they want till you show them. So give them two nice options and one really crappy one that has the items they suggested. They can't possibly pick the bad one, so you get your way and they're none the wiser. If they pick the bad one, run, run far far away!!! I hope it all works out for you, Dave.
Hayley   Monday, August 4, 2008
daveheinzel
14) @Lionheart: Yeah, but there's also the whole "do I want my existence on Earth to be defined by drop-down menus" thing. I mean, yeah, I could do it and make a little money. Their web site would suffer a little, but I'd have the cash and they'd be happy. Then several months from now, they'd come back with more changes. I'd do it even though it wasn't the best choice. Then one day I wake up and find that their site is a total crap-hole and I'm responsible for it. That's really not the path I want to choose, and as a designer I have the right to pick and choose my clients just as they can pick and choose their service providers.
Dave Heinzel   Monday, August 4, 2008
dennydeaton
15) Dave,
A reasonable compromise is to throw in a free splash page with this effect.
http://www.dynamicdrive.com/dynamicindex3/leaves.htm

I'll send you an invoice for my time and expertise.
Denny Deaton   Monday, August 4, 2008
_DELETED_hayley
16) Dave, If I was your client and read your blog here. I would be enthralled that you were my web designer and cared so much. If these people have sense, I think you can get through to them. It doesn't hurt to ask. :)
Hayley   Monday, August 4, 2008
_DELETED_hayley
17) (Sweet leaves, Denny)
Hayley   Monday, August 4, 2008
daveheinzel
18) @Hayley: I can't count the number of times I've tried that approach. Show them what they asked for, then show them a rocking alternative that would actually be better for their clients. Almost without fail they will pick the bad one, every time.

I have tried to understand why, and I think it all boils down to board meetings. The board meets, they need some changes. Person A suggests changing some things on the web site, the board likes it and they chit chat for a bit about possibilities. By the end of the meeting, they have their minds made up about what they want. After that meeting is the first time I'm brought on board, after the solution is already decided.

Problem is - like you said - the client never knows what they want. And they're not designers. Which is why they called me in the first place. But now, Person A has the weight of the all-mighty Board on their shoulders, and if they don't deliver what was agreed upon in the meeting, then it makes Person A look bad.

I can provide all the logic and research in the world showing why their idea is bad and why my solution is better for their clients, but that always falls on deaf ears.
Dave Heinzel   Monday, August 4, 2008
nikideaton
19) Oh, I think you forgot to mention that they were deaf from the beginning. Deaf people love drop downs. I totally get it now. It would be uncharitable to not do this site now since you are working with handicapped people. You should almost do it for free.
niki   Monday, August 4, 2008
Russ
20) Dave,
Just tell them that dropdowns are not 508 compliant, and you're saving them from a possible lawsuit.

Promlem solved.
Russ   Monday, August 4, 2008
_DELETED_hayley
21) It's "differently-abled".

Sounds like drop time. Drop the bomb that their design sucks and you can't do it with good conscience,then if they don't listen, drop them. Sorry to hear they're buttheads.
Hayley   Monday, August 4, 2008
daveheinzel
22) Nice advice Russ. Oh, and Russ - how come you didn't win the SJ-R photo scavenger hunt thing last week? I didn't even try 'cause I figured you'd have it in the bag. But low and behold, Humzoo's own JDI was the winner and will receive a $500 gas card. SWEET!
Dave Heinzel   Monday, August 4, 2008
Russ
23) WHAT? I forgot to check on that, but I can't imagine I missed any. I guess they did a drawing. Are the results online somewhere? I couldn't find it.

Way to go Joe.
Russ   Monday, August 4, 2008
24) Maybe you can bury the drop-downs in a java-applet or shockwave embed. Or possibly just offer the whole site as a powerpoint people can download.

To say there's NEVER a valid reason to use drop-downs is silly -- that's like saying you should NEVER use the blink tag... But in the end all you can do try to steer the client in the right direction, and then decide if whoring out your design skills is worth the loss of dignity that comes with compromise.

blink

blink
EyePulp   Monday, August 4, 2008
courtneyheinzel
25) Yeah, I would never say, "differently-abled." There's a bit of a disagreement on the subject, but I'd say a better term would be "people with disabilities."

http://en.wikipedia.org/wiki/List_of_disability-related...
Courtney Heinzel   Monday, August 4, 2008
Joe
26) Russ,
No results online for the Scavenger Hunt, but it was in the paper paper on Friday. They did a drawing from the correctly answered submissions. SJ-R lady has been trying to get a hold of me since Friday.
Joe   Monday, August 4, 2008
SallyPants
27) Tell your client it's against your religion to use drop-downs. If they still insist on them, sue for religious discrimination. Profit.

Really, if you're in the position where you can walk away from a paying client because you don't want to lower your standards to accommodate their wishes (or even better - if Courtney says you can), then good for you.
SallyPants   Monday, August 4, 2008
lgrant
28) I have no web design knowledge (ask Denny). The most I've ever learned about the web is here on Humzoo and then I took that "sense" into Sharepoint and picked it up much faster than I would have pre-Humzoo.

I've been at the same company for 14 years and I agree with Dave, once they have made up their mind, even if it is technically a disaster, they will go at it full-speed until some new toy or some board member gets them excited about some other toy. It's the way of most corporate thinking--especially when they feel they are techno-smart but in reality are not.

I guess it depends on your work ethics. Eating dust with integrity and not compromising your talents and skills and knowledge; or giving the customer what he asks for and being less than happy with your work (from what you said with your video for the credit union--you are a perfectionist and are rarely satisfied even when it is great).

I like the idea of discussing it from your expertise and experience with websites. Mention the lack of politically correct accessibility as well as the style being very 90s and showing the company as behind the times. Most execs hate to look dated and old-fashioned--they like that new technology! (one even asked today if our Outlook works well with an iPhone--bet someone got a new toy recently!). Hopefully seeing it as dated and showing age instead of new technology plus the lack of access for the physically challenged user will make them rethink their choice.

If not, then you are back to dust/integrity/work satisfaction or steak/compromise/work dissatisfaction. :)
LGrant   Monday, August 4, 2008
29) Aren't you driven by a morale imperative to offer the best possible product? Ask yourself the critical question: WWJKD? What would James Kirk do? He would boldy go where no man has gone before! My advice would be that the website is for the savvy client not for him. It isn't about him it is about who will visit the website. What would his clients want to use?
-Ken   Monday, August 4, 2008
gotshoo
30) I've got some ideas for some great splash screens for Humzoo... and background music.

Emailing now.
shoo   Monday, August 4, 2008
igna83
31) My husband, Catbert-the-evil-Javascript-consultant, says to tell the client you will need to develop a custom drop-down Javascript menu system that will take approximately 100 hours. If they agree to this, go for it - "You can't fix stupid." Oh, and Bill (Pastafarian) will take a 10% commission.
Angi   Monday, August 4, 2008
lgrant
32) Even better, Angi...hit them in the pocketbook! They always wimp out then! :)
LGrant   Monday, August 4, 2008
Leslie
33) I'd present a good argument for not having drop downs but in the end "Don't cut off your nose to spite your face" If they give you business and you don't want to lose it, then give them what they want. We all do things to please clients (or in my case patients) that maybe we disagree with. Is your name splashed all over the website? If not then why the big deal?
Leslie   Monday, August 4, 2008
reera
34) I understand that you don't want to have your reputation associated with work you believe to be inadequate or out of date-how about a disclaimer?
dannie   Monday, August 4, 2008
soundchick
35) 1st comment: Try to find out who is filling they're head full of crap stating that they have to have drop-down menus. Someone close to someone is pulling the strings and I'll bet you a lot of money that's the reason why they want them so bad. Someone's son, daughter, wife, brother, etc is a "web designer" and loves drop-downs.
2nd Comment: Money is great but don't do the job if you feel like it leaves a black mark on your portfolio. If you wouldn't want your name name to be associated with the work, then it's easy: don't do the job unless they accept that they're not getting they're precious little drop-downs.
soundchick   Tuesday, August 5, 2008
jef
36) Dave, I would create a flyer entirely in comic sans with every color in the rainbow for 150 bucks--if that's what the client wanted. You and your standards.

If they are a good client, you might as well suck it up. LGrant's idea to charge them way more than they're expecting is a good one.
jef   Thursday, August 7, 2008
Leave a Comment


Your Name
Enter the text from the left:
Publish Comment