Welcome to Pete Brown's 10rem.net

First time here? If you are a developer or are interested in Microsoft tools and technology, please consider subscribing to the latest posts.

You may also be interested in my blog archives, the articles section, or some of my lab projects such as the C64 emulator written in Silverlight.

(hide this)

20 Nov 2008

What’s Wrong with this Dialog?

 

There’s a glaring issue with this dialog from the Amazon MP3 Downloader. What is it?

image

For comparison, here’s another dialog in Windows

image

And a third

image

I won’t fault you if you don’t happen to see the problem. In fact, you really need to have the mouse in your hand before your muscle memory points out the issue.

Share |
posted by Pete Brown on Thursday, November 20, 2008
filed under:  

23 comments for “What’s Wrong with this Dialog?”

  1. Jason Bocksays:
    The OK/Cancel buttons are reversed?
  2. Robertsays:
    cancel should be on the right.
  3. Ramsays:
    OK and Cancel buttons are reversed... ;-)
  4. Martinsays:
    The Cancel and OK button are aronud the wrong way
  5. Cory Smithsays:
    No way to minimize it?
  6. Peter Brombergsays:
    On the Amazon dialog, the positions of the OK and CANCEL buttons are reversed. Also, it appears that the ADVANCED button has focus.

    Of course, I don't use Amazon's MP3 downloader, preferring to download their purchased MP3's directly.
  7. Pete Brownsays:
    D'oh! Everyone but Cory got it. Sorry Cory :)

    We get hung up on conventions such as colors and shapes, but one of the most important conventions is position. People generally look for menus and navigation starting at the top left, and for dialog buttons on the bottom right. The position of those buttons is also important, as you have to do a double-take otherwise.

    Pete
  8. Patrick Burrowssays:
    It is implying you actually pay for music?
  9. Pete Brownsays:
    @Patrick

    Perhaps, but I never ended up buying the music anyway :)

    Pete
  10. Parag Mehtasays:
    May be the target is Mac users. They spend lavishly! :)
  11. Davesays:
    lol... I had a peer write a tool to support some work I was doing, and she put the OK button to the right of Cancel. I ran it three times and actually told her it wasn't working for me before I realized I was Cancelling out of the thing instead of pressing OK!
  12. Kevin Lesays:
    Advanced? Is this only for users who have PhD degrees? How about something like "Additional settings" or simply "More" or something like that? Microsoft, I believe, is guilty of that and if memory serves me right, that nomenclature was started by Microsoft 13, 14 years ago (around Windows 95), and was unfortunately followed by everyone else.
  13. Piccolo Principesays:
    In Gnome (for instance Ubuntu) there's no such a thing like Ok or Cancel... only Close buttons and the configuration is applied instantly. So Gnome users don't have the "muscle memory" needed...
  14. Johnny Vegasays:
    It also doesn't appear to have keyboard shortcuts and that you need to use the mouse for everything.
  15. Vatarsays:
    It's a Mac thing. /yawn
  16. Lars Dsays:
    Ballon tips are only available when the app is minimized to the tray?
  17. Ivansays:
    you wouldn't believe how many ui architects in the real world don't konw this basic rule. at very large and prominent web businesses too.
  18. Chrissays:
    Wow! I can't believe you're wasting our time with this ... I thought this was a serious question!
  19. Pete Brownsays:
    @Chris

    That *is* serious, and developers make UX mistakes like that all the time. Users often suffer because of us.

    Pete
  20. Richardsays:
    RealPlayer is a culprit of this as well. I've lost count of the times I've inadvertently clicked "OK" instead of "Cancel" in the "Do you want RealPlayer to steal all of your file associations and completely screw up your computer" dialog box!
  21. Neilsays:
    You guys use your mouse too much :) There's another problem with the dialog: the Advanced button appears to have focus by default, which means if you whack Enter on your keyboard to dismiss the dialog you'll actually get the Advanced options up instead.

    Neil

Comment on this Post

Remember me