Tuesday, June 2nd, 2009
Down with Modal Dialogs

This post is all about a very common design element that I really hate (most of the time).  I'm talking about modal dialog boxes (or modal windows).

 

In UI terminology, a dialog box is a window that pops up and prompts some action from you.  They can be used to confirm that you want to delete something, to enter a password, or to give you a status update among other things.  The term "modal" means that this window takes the focus so that you can't interact with anything else in the application until you address whatever action the dialog box is calling for.

 

Dialogs and pop-up windows are fine, but when you make them modal you're really limiting how a user can work with the software.  Microsoft Outlook is the worst with this.  Almost anything you want to do in outlook other than reading an email causes a modal window to pop up.  If you need to edit your signature, change your account information, or configure plugins, you can't interact with anything else in outlook.  This is particularly frustrating when you want to copy text from an email into your signature (which happens more than you might realize) but you can't view any emails when the signature editor is open.

 

If you're not sure what I'm talking about, try this (you'll need firefox and chrome):

 

  • Open firefox and to to tools > options
  • With the option window open, try going to a new web page in the web browser.
  • Now try it with chrome.  Open the options and try to go to a website.
Notice a difference?  Firefox won't let you do anything with the browser when the options window is open.  Chrome does.  So what is the point of this?  This goes back to my post about strict user interface.  Firefox is making decisions for the user that sometimes just don't make any sense.

I'm not trying to pick on firefox.  This seems to be the default way for all windows applications to operate, but I just don't get it.  Why would you want to lock your users out of certain functionality?  Sometimes it's necessary because the main window can't function properly without some input from the users, but most of the time there is no point.

 

Modal dialog boxes are slightly more necessary with web development.  Websites have the problem that a pop-up in a window can't exist if a new page is loaded, so it makes sense to lock down the rest of the window to prevent the user from clicking links.  To be clear, I'm talking about javascript/html pop-ups within the parent window, not new instances of the browser.


This post is basically just an unorganized rant, but I'm actually going to follow it up in the future with some good ways I'm learning to avoid the hassle of a modal world.


Posted by Tyler King
Tags: UI, Critique

This post has 3 Comments

June 3, 2009 at 07:39 pm
Word. I completely agree.

The iPhone is really annoying about this (both dialogs and notifications). Modal notifications almost never make sense. From the demo videos I've seen, the Pre looks like it does it better.

For the record, neither Mac Safari's (4 beta) nor Mac Firefox's (3.0.8) prefs windows are modal. It seems like there's a trend that the same companies write better UIs for their Mac software (see also Microsoft). Maybe either Mac users actually demand it or (my guess) Mac programmers are more comfortable insisting on it.

PS - your captcha just asked me to type "corrupt administration." That's a pretty sophisticated automated turing test.

June 6, 2009 at 12:32 am
I was under the impression that Microsoft programs for Macs are a lot worse than the windows ones.  I thought they did that intentionally to encourage business users to stick to PCs.

Also, not to pick on Apple, but Safari (for windows at least) has some annoying modal windows.  Like if an SSL certificate doesn't match it does the whole modal warning thing which always bugs me.

Even companies that generally have really great UI design fall into this trap. It's weird.

June 7, 2009 at 07:06 pm
Yeah I still agree with you. Mac (and other) software definitely does this too much.

Mac versions of MS software get updated less often and sometimes lack functionality (never got Visio or Frontpage), so I can understand people thinking they're worse, but I think the Mac UIs often seem better.

I'll add that OS X with Spaces does even worse -- sometimes it loses a modal dialog (behind other windows) if it pops up while you're viewing a different space than the one containing the dialog's parent window.  Surprisingly terrible behavior.

Leave a comment

Please fill this out to prove you aren't a robot.
You can Create an Account or Log in to hide this.
Name: Required
Email: Required. This will not be shared
Your Website: Optional
Comment:
Email me if other people comment on this post
Receive Email Updates:


About this site
Hi, I'm Tyler King and this is my blog. It's about programming, graphic design, UI design, and anything else related to software development. You can read this post to learn a little bit more about what I'm trying to do here.

If you're interested in learning more about me, check out my Portfolio, Bio or Resume.
Search
Tips
If you have any feedback about the site or you have a topic you'd like me to write about, send an email to tips@TylerKing.net.
Archives
2010 (1)
March (1)
2009 (88)
August (6)
July (17)
June (20)
May (33)
April (12)
Links

More about me:


My friends:


Sites that I really like:


Blog
Portfolio
Resume
Bio
Contact
© 2010 - Tyler King