質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.35%

  • UI Design

    33questions

    UI Design(UIデザイン)は、ユーザインターフェースをデザインすることです。ユーザーとシステムがスムーズにコミュニケーションを取るために、OSやアプリ画面などを使いやすくデザインすることを指します。

OKボタン 右側?左側?

解決済

回答 5

投稿

  • 評価
  • クリップ 0
  • VIEW 1,052

takanoryouta

score 6

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

[キャンセル]  [OK]

vs

[OK]  [キャンセル]

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 5

checkベストアンサー

+4

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

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

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

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

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

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

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/02/22 10:39

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

    キャンセル

  • 2017/02/22 10:49

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

    キャンセル

+3

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

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

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

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

iphone 
[キャンセル]  [OK]

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

-1

[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になっていたのでつい右をタップしてしまって「やられた」と思ったのを思い出しました。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

-1

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

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

同じタグがついた質問を見る

  • UI Design

    33questions

    UI Design(UIデザイン)は、ユーザインターフェースをデザインすることです。ユーザーとシステムがスムーズにコミュニケーションを取るために、OSやアプリ画面などを使いやすくデザインすることを指します。