# Your instincts for the meaning of these buttons

**URL:** <https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884>\
**Category:** In My Humble Opinion\
**Created:** [May 18, 2017, 12:52am UTC](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884 "2017-05-18T00:52:49Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![elfkin477](https://avatars.discourse-cdn.com/v4/letter/e/a9a28c/32.png) [@elfkin477](https://boards.straightdope.com/u/elfkin477)\
**Post date:** [May 18, 2017, 12:52am UTC](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884/1 "2017-05-18T00:52:49Z")

</div>

You’re in the middle of getting a program to create a folder for you. There are two buttons at the bottom of the pop-up window for this task. The one on the left is white, the one on the right is black. One says finish, the other says cancel.

If they weren’t labeled, and instead looked [like this](http://tinypic.com/r/2ekox2h/9), which one would you click on to finalize the creation of your new folder?

---

<div class="post-metadata">

**Author:** ![pulykamell](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/pulykamell/32/3166_2.png) [@pulykamell](https://boards.straightdope.com/u/pulykamell)\
**Post date:** [May 18, 2017, 12:54am UTC](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884/2 "2017-05-18T00:54:36Z")

</div>

The black one.

---

<div class="post-metadata">

**Author:** ![Trinopus](https://avatars.discourse-cdn.com/v4/letter/t/2bfe46/32.png) [@Trinopus](https://boards.straightdope.com/u/Trinopus)\
**Post date:** [May 18, 2017, 1:27am UTC](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884/3 "2017-05-18T01:27:08Z")

</div>

Wow, that would be awful interface design!

But if I knew that the choices were “finish” and “cancel,” I’d take the black button to mean “cancel.”

---

<div class="post-metadata">

**Author:** ![Kimble](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/kimble/32/19185_2.png) [@Kimble](https://boards.straightdope.com/u/Kimble)\
**Post date:** [May 18, 2017, 1:44am UTC](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884/4 "2017-05-18T01:44:09Z")

</div>

I picked the black button because:

1. The black served as a highlight, so the highlighted option should be the one that you would normally do – that is, finish. (If the action were more destructive if accidentally pressed, e.g. “Delete all users’ home directories?”, I’d expect the highlighted button to say cancel.

2. I’ve been using Macs for 30 years now. The default option should be on the outside of the window. (This is the opposite of Windows, of course.)

3. The gray outline made me think of something that wasn’t there anymore – i.e., don’t make a new folder. (Of course, a grayed-out button or UI feature has meant a disabled option since at least the days of Lisa and Windows 1.0, so…)

---

<div class="post-metadata">

**Author:** ![elfkin477](https://avatars.discourse-cdn.com/v4/letter/e/a9a28c/32.png) [@elfkin477](https://boards.straightdope.com/u/elfkin477)\
**Post date:** [May 18, 2017, 2:24am UTC](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884/5 "2017-05-18T02:24:59Z")

</div>

> [@Kimble](#):
>
> 1. The gray outline made me think of something that wasn’t there anymore – i.e., don’t make a new folder. (Of course, a grayed-out button or UI feature has meant a disabled option since at least the days of Lisa and Windows 1.0, so…)

I think they went with a gray outline simply because it matches their new color scheme.  
Oh, FTR, I removed the text from the screen capture of the buttons, folks, because this really isn’t a hypothetical question.

---

<div class="post-metadata">

**Author:** ![pulykamell](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/pulykamell/32/3166_2.png) [@pulykamell](https://boards.straightdope.com/u/pulykamell)\
**Post date:** [May 18, 2017, 3:12am UTC](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884/6 "2017-05-18T03:12:58Z")

</div>

> [@Kimble](#):
>
> 1. I’ve been using Macs for 30 years now. The default option should be on the outside of the window. (This is the opposite of Windows, of course.)

Yeah, I think I went with the black one probably because of my Mac background. In something like a Save/Cancel dialogue box, I expect the Cancel to be to the left, and the Save on the right, as well as the Cancel being in white, and the Save being in solid color (blue, usually.) While I do still occasionally use Windows, I actually didn’t notice until now that it’s oriented the other way on Windows, with the Save option on the left, and the Cancel option on the right.

So I’m certain those set of expectations on Mac is what is driving my answer.

---

<div class="post-metadata">

**Author:** ![Projammer](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/projammer/32/559_2.png) [@Projammer](https://boards.straightdope.com/u/Projammer)\
**Post date:** [May 18, 2017, 5:23am UTC](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884/7 "2017-05-18T05:23:17Z")

</div>

With my Windows background I’d default to the left/white button just because I’m used to the [OK] [Cancel] orientation of the Windows interface.

---

<div class="post-metadata">

**Author:** ![Sunny\_Daze](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/sunny_daze/32/438_2.png) [@Sunny\_Daze](https://boards.straightdope.com/u/Sunny_Daze)\
**Post date:** [May 18, 2017, 5:48am UTC](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884/8 "2017-05-18T05:48:01Z")

</div>

I would pick the white one, because I expect “action” to precede “cancel”. I would really tell them not to do this. That is horrible UI. Expecting people to guess that with no other clues is bad, at a “make your customers angry or frustrated” level. Put an image on each button if you can’t use text (due to localization, for example).

---

<div class="post-metadata">

**Author:** ![Mangetout](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/mangetout/32/19_2.png) [@Mangetout](https://boards.straightdope.com/u/Mangetout)\
**Post date:** [May 18, 2017, 6:10am UTC](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884/9 "2017-05-18T06:10:02Z")

</div>

Bottom right is normally ‘continue’, ‘apply’, ‘OK’, ‘finish’, or ‘next’, so I guess if I was forced to choose, I would assume something like that, except I would be really uncomfortable about it.

---

<div class="post-metadata">

**Author:** ![TokyoBayer](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/tokyobayer/32/13989_2.png) [@TokyoBayer](https://boards.straightdope.com/u/TokyoBayer)\
**Post date:** [May 18, 2017, 6:55am UTC](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884/10 "2017-05-18T06:55:33Z")

</div>

I would look around for green and red buttons if I was forced to pick meanings based on colors.

---

<div class="post-metadata">

**Author:** ![pulykamell](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/pulykamell/32/3166_2.png) [@pulykamell](https://boards.straightdope.com/u/pulykamell)\
**Post date:** [May 18, 2017, 12:20pm UTC](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884/11 "2017-05-18T12:20:12Z")

</div>

> [@Sunny\_Daze](#):
>
> I would pick the white one, because I expect “action” to precede “cancel”. I would really tell them not to do this. That is horrible UI. Expecting people to guess that with no other clues is bad, at a “make your customers angry or frustrated” level. Put an image on each button if you can’t use text (due to localization, for example).

They are labeled in the actual implementation, according to the OP: " The one on the left is white, the one on the right is black. One says finish, the other says cancel. **If they weren’t labeled, and instead looked like this** … "

I _think_, although I’m not sure, that the OP is just trying to figure out what actions the users think is most natural for that coloring and orientation of buttons and will either then put the labels back on or report back to whoever he is working on this with that the Cancel/Do actions are assigned to the opposite buttons that most people expect.

---

<div class="post-metadata">

**Author:** ![pulykamell](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/pulykamell/32/3166_2.png) [@pulykamell](https://boards.straightdope.com/u/pulykamell)\
**Post date:** [May 18, 2017, 12:21pm UTC](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884/12 "2017-05-18T12:21:39Z")

</div>

> [@Mangetout](#):
>
> Bottom right is normally ‘continue’, ‘apply’, ‘OK’, ‘finish’, or ‘next’, so I guess if I was forced to choose, I would assume something like that, except I would be really uncomfortable about it.

Except, on Windows, it’s actually usually the left button.

---

<div class="post-metadata">

**Author:** ![Shodan](https://avatars.discourse-cdn.com/v4/letter/s/9f8e36/32.png) [@Shodan](https://boards.straightdope.com/u/Shodan)\
**Post date:** [May 18, 2017, 6:37pm UTC](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884/13 "2017-05-18T18:37:11Z")

</div>

Unless I could figure it out from mouseover, I would call whoever wrote the farging thing and ask if they did any UAT at all.

Regards,  
Shodan

---

<div class="post-metadata">

**Author:** ![What\_Exit](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/what_exit/32/10652_2.png) [@What\_Exit](https://boards.straightdope.com/u/What_Exit)\
**Post date:** [May 18, 2017, 6:42pm UTC](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884/14 "2017-05-18T18:42:53Z")

</div>

I chose the left one, in the English speaking world right is more likely to be cancel.

---

<div class="post-metadata">

**Author:** ![Tzigone](https://avatars.discourse-cdn.com/v4/letter/t/839c29/32.png) [@Tzigone](https://boards.straightdope.com/u/Tzigone)\
**Post date:** [May 18, 2017, 6:45pm UTC](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884/15 "2017-05-18T18:45:07Z")

</div>

Left one to continue, because of general common layout in Windows of “ok/cancel” and “yes/no”, just as others have referenced.

---

<div class="post-metadata">

**Author:** ![Darren\_Garrison](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/darren_garrison/32/92_2.png) [@Darren\_Garrison](https://boards.straightdope.com/u/Darren_Garrison)\
**Post date:** [May 18, 2017, 6:47pm UTC](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884/16 "2017-05-18T18:47:05Z")

</div>

I think I heard somewhere that once you go black you never go back. Is that relevant?

---

<div class="post-metadata">

**Author:** ![Drunky\_Smurf](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/drunky_smurf/32/449_2.png) [@Drunky\_Smurf](https://boards.straightdope.com/u/Drunky_Smurf)\
**Post date:** [May 19, 2017, 2:33pm UTC](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884/17 "2017-05-19T14:33:24Z")

</div>

I would click on the button that said “Cancel this program” because that is a dumb program.

---

<div class="post-metadata">

**Author:** ![IvoryTowerDenizen](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/ivorytowerdenizen/32/17937_2.png) [@IvoryTowerDenizen](https://boards.straightdope.com/u/IvoryTowerDenizen)\
**Post date:** [May 19, 2017, 2:51pm UTC](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884/18 "2017-05-19T14:51:13Z")

</div>

> [@pulykamell](#):
>
> The black one.

Ditto

---

<div class="post-metadata">

**Author:** ![Amateur\_Barbarian](https://avatars.discourse-cdn.com/v4/letter/a/59ef9b/32.png) [@Amateur\_Barbarian](https://boards.straightdope.com/u/Amateur_Barbarian)\
**Post date:** [May 19, 2017, 2:56pm UTC](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884/19 "2017-05-19T14:56:27Z")

</div>

> [@Trinopus](#):
>
> Wow, that would be awful interface design!

IOW,that would be about 90% of software design.

I was once the “first user”/gatekeeper for a software house, and I pissed off a lot of programmers by rejecting their UI layouts. As is typical of the breed, it doesn’t matter where you put the button or what it looks like or whether it’s labeled as long as it hooks to the right bit of elegant, elegant I tell you, code underneath.

This was the era of “self-documenting code” as well. It has gotten better, and the rarity of my position has become a little less so. But a lot of code shops still ship stuff with truly awful interfaces.

---

<div class="post-metadata">

**Author:** ![Half\_Man\_Half\_Wit](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/half_man_half_wit/32/21766_2.png) [@Half\_Man\_Half\_Wit](https://boards.straightdope.com/u/Half_Man_Half_Wit)\
**Post date:** [May 19, 2017, 2:56pm UTC](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884/20 "2017-05-19T14:56:53Z")

</div>

I also went for black, because to me, that seems to be the highlighted one, which ought to be the default option.

[Next page](https://boards.straightdope.com/t/your-instincts-for-the-meaning-of-these-buttons/786884.md?page=2)
