1

In my product am using a modeless dialog box with “OK” and “Minimize” button. Where I can place these buttons on the Top Left or Top Right? If I place on the Top Left it shows am focused only on the Mac Users. Is there any standards?

enter image description here

  • 3
    Are you developing a Windows or Mac application? – Liam Hammett Jun 30 '16 at 7:41
  • Not application. Browser based cloud product. – Pradeep Jun 30 '16 at 8:39
  • Do you even need minimise and close buttons on a modal dialog? A lot of web dialogs I see simply have the options, okay and cancel etc. Convention is that the close is a cancel, but that's not aways the case. Removing them completely reduces ambiguity. If you need to minimize it doesn't help though! If you're using a minimisable dialog, it could be that you shouldn't be using one at all though... (what does minimise mean on a web app anyway?) – Joe Jun 30 '16 at 19:31
2

The browser is a platform agnostic environment. You don't have to follow OS convention (although it would definitely aid UX if it did).

Saying that though, you can't beat a bit of convention! Looking at some frameworks and examples, they generally follow the Windows way.

Here's a jQuery UI dialogue for example:

enter image description here

Also, doing a good ol' google search for javascript modal dialogue returns a page where nearly every example has the X button at the top right (the others have the X button as a call-to-action beneath the modal's content like Ok and Cancel).

However...

...if it was really important to you, you could sniff the OS using JavaScript using this method; then set a class on the modal of controlAlignment-mac or controlAlignment-windows and then float them left or right accordingly, that way you get the best of both worlds.

Personally...

...I think users are savvy enough to scan for the controls necessary to dismiss a dialogue as the X is pretty generic and easy to spot so I would just stick to the convention.

| improve this answer | |

Not the answer you're looking for? Browse other questions tagged or ask your own question.