OKボタン 右側？左側？

Question

ダイアログを作っているのですが、OKボタンは右側でしょうか。左側でしょうか？
私は右側だとは思うのですが、いかがでしょう

[キャンセル] [OK]

vs

[OK] [キャンセル]

Answer 1

一般的に、主要なUI（製品やフレームワーク）には、デザイン上のガイドラインが存在しますので、それに従うべきだと思いますし、同じUI上では異なるアプリでも同じ見た目、ふるまいをすることが重要だと考えます。

たとえばWindowsでは以下です。

ユーザーに最も実行してもらいたい操作を表す既定のボタンを指定します。前に示した例では、"許可" が既定の選択です。
指定しない場合、一番左のボタンが既定のボタンになります。
最も安全で保守的な選択に対応するボタンを一番右に配置します。前に示した例では、"ブロック" が最も保守的な選択であるため、最も右側にあります。

メッセージ ダイアログのガイドライン

個人的にはこれ（OK、キャンセルの並び）は自然に感じます。

その他いろいろ：UIデザインガイドラインのまとめ

Comments

[takanoryouta]

なるほど意味合いで左右分けるのですね。参考になりました。

[8524ba23]

そうですね。じつは提示先の文章の前段には
>"OK" と "キャンセル" のような汎用的なパターンは使わないようにします。
とも書いてます。
「ボタン名にはアクション名を付けた方がより分かりやすい」ということですね。

Answer 2

Windowsの場合
[OK] [キャンセル]

Macの場合
[キャンセル] [OK]

Andorid version 4以下(確かここが境目だった)
[OK] [キャンセル]

Android version 4以上
[キャンセル] [OK]

iphone
[キャンセル] [OK]

絶対的な正解はないですね。

Answer 3

javascript confirmのダイアログだと前者の配置ですにゃ。

そのアプリ内で統一されていればどちらにしても大丈夫だと思いますにゃー。
注意を促す目的で、重要な選択を迫る場面ではあえて逆配置にするUIもたまに見ますにゃ。

Answer 4

一般的には左OK右Cancelだと思いますが・・・
正直デザインの問題なので作る側のさじ加減でどちらにしてもかまわないと思いますよ。

Answer 5

[OK Cancel]で画像検索してみたところ、左がOKの方が優勢のようですね。
https://www.google.co.jp/search?q=OK+cancel&safe=active&source=lnms&tbm=isch
JavaScriptやVB等でもデフォルトのconfirmは左がOK、右がキャンセルとなっているので、私もいつもそうしていました。

つい先日、スマホアプリで「評価してください No/Yes」と、右がYesになっていたのでつい右をタップしてしまって「やられた」と思ったのを思い出しました。