Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

When you have a popup with buttons yes and no like this:

| YES | NO |

It is best to put the button "yes" right or left ?

share|improve this question
1  
Different OSes have different style guidelines. Microsoft asks "Present the most commonly used command links first." (msdn.microsoft.com/en-us/library/windows/desktop/aa511273.aspx) –  BoppreH Sep 5 '13 at 22:17
    
If it's a desktop application the answer is simple: Follow the OS convention. For websites it's tricky. –  CodesInChaos Oct 6 '13 at 15:38
add comment

5 Answers 5

up vote 8 down vote accepted

Unless you already have a positive/negative position set out I would say whichever is more likely to be clicked on the right, due to a similar reason described here:

http://uxmovement.com/buttons/why-ok-buttons-in-dialog-boxes-work-best-on-the-right/

Some designers believe that putting the primary action on the left side before the secondary action is better for users because it’s closer and, therefore, takes less time to click. This makes sense, but you cannot ignore the fact that users will look at all of their options before they choose which action to take. This means that most users won’t blindly click the primary action button without also looking at the secondary action button next to it. They’ll first see the primary action on the left and then look at the secondary action on the right. Then they’ll move their eyes back to the primary action to click it. This creates a total of three visual fixations in multiple directions. Dialog

share|improve this answer
5  
no one looks at all the options. they read left to right and if the first option looks good they pick it. the primary action should be on the left. unless it is a chinese interface (they read right to left) –  nathan hayfield Sep 5 '13 at 20:12
2  
@nathanhayfield Where are you getting that information? Also, next time you click on the left side option of a dialog, try to think back on what the alternative was, I'm pretty sure you'll remember. –  bendataclear Sep 5 '13 at 20:13
2  
@nathanhayfield: Chinese is left-to-right when written horizontally, and you should source your claim that people read buttons the same way they read body text. –  Jon Purdy Sep 5 '13 at 20:14
2  
@nathanhayfield If it's just your opinion it would make sense to state that, don't try and pass your opinions off as authority. –  bendataclear Sep 5 '13 at 20:21
1  
@nathanhayfield You claim that the default has always been on the left. While that may be true for you since "dos 3.0" as windows has displayed them that way, Mac OS has displayed them so that the default would be the farthest right. With no data aside from "windows does it that way" we cannot declare that the best way to do it. –  Gidgidonihah Sep 11 '13 at 16:41
show 3 more comments

First some personal appreciation, then some sources :

1) I think is less about the positive or negative than the flow in the process.

ex :

Do you want to save before leaving ? Yes / No

Is not good UX

Save before leaving ? Save / Leave without saving / Cancel

Is good UX

That is to say, most of the time a question which answer is Yes / No is not relevant.

2) The fact that positive should be on the right is not so obvious :

Basecamp that is really a leader in our field does not follow this convention

enter image description here

Also some reading : http://www.nngroup.com/articles/okndashcancel-or-cancelndashok/

and a synthesis of it :

  • It's often better to name a button to explain what it does than to use a generic label (like "OK"). An explicit label serves as "just-in-time help," giving users more confidence in selecting the correct action.
  • Make the most commonly selected button the default and highlight it (except if its action is particularly dangerous; in those cases, you want users to explicitly select the button rather than accidentally activating it by hitting Enter).
  • If you're designing a desktop application for one of these two personal computer platforms, your choice is easy: Do what the platform owner tells you to do .
share|improve this answer
4  
+1. Label buttons descriptively, because that's all the user is going to read anyway! –  Steven Noto Sep 5 '13 at 16:56
add comment

This question arises almost in every UX conference. The answer that makes the most sense is: always follow your target operating system guidelines. Your application should not look like an exotic that doesn't fit it. The user should feel that the same user experience provided by his operating system should extend to your own application. So if you are targeting Windows, it should be Ok/ Cancel. If you are targeting Mac it should be Cancel / Ok . If you are writing a web application, you have more freedom. Most usability studies show that Cancel / Ok work best. But this doesn't mean it will work for your users. Whatever you decide to do, test with your users.

share|improve this answer
add comment

Personally, I would say it depends. I tend to put the confirmation button on the right and the cancel/back button on the left.
So, in the case of a popup: "Do you really want delete this page", I would put the "Yes" button to the right and the "No" button to the left.

share|improve this answer
    
Shouldn't this be a comment? This is entirely opinion based with out any empirical reasoning. –  xdumaine Sep 5 '13 at 14:02
2  
swap that, the yes goes on the left because people read left to right. –  nathan hayfield Sep 5 '13 at 15:29
add comment

As most designers use Apple computers, they feel that putting the primary action last is "the right choice".
Windows does the opposite and IMO in this case they are right.
Anyway, what is important is to make the primary action much more noticeable than the others, so a user who was able to fill the blanks without a glitch can go straight to it without even throwing a glance to the other options, capture the oversized target quickly and move on.
The other users (who will be very few due to the high quality of the UI) will slow down forced to read the other options and choose one, and they'll manage to find it even if it's much smaller or much less noticeable.
My point is, design for a single big noticeable button, and don't worry about tossing the other options around it, possibly not too close to prevent accidental clicks.
This is being done so in many login forms, where the "forgon password" and "register" options are small links.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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