ネガティブ、ニュートラル、ポジティブアクションのボタン配置
私は、Webアプリケーションのスタイルガイド、特にボタンに関するセクション（視覚的な重み、位置、ラベル付け）をまとめているところです。
私はほとんどそこにいます。さまざまな記事やブログで多くの調査を行い、ポジティブアクションボタンを右側に配置し、ネガティブ/ニュートラルボタンを左側に配置することにしました。
しかし、3つのタイプすべての組み合わせが存在する可能性がある状況をどのように処理するかはわかりません。
ここに例があります。
最良の方法は何ですか？ポジティブ（承認）に行くときにユーザーが誤ってネガティブ（拒否）オプションを押す可能性が低いため、私はBに傾いています。ニュートラル（キャンセル-この不自然な例ではダイアログボックスを閉じる）を誤って叩いても、それほど大きな問題にはなりません。
ただし、否定的なアクションの間にこのようなギャップがあると、それが見落とされる可能性があります。目もスキャンする領域が広くなっています。
誰かがこれを手伝ってくれませんか？
ApproveとRejectは対応するアクションのペアですが、Cancelは「何か違う」-結局アクションを実行しないという選択です。
したがって、私はオプションAまたはCを選択します。
承認とキャンセルは密接に関連しているように見えますが、拒否はそうではないので、Bは混乱します。一見すると、「キャンセル」は配置に基づく承認の反対であり、「拒否」ではなく誤って「キャンセル」にヒットするかもしれません。
間違いを避けるためには、行動を論理的に整理することが最も重要だと思います。ボタンのサイズが適切である限り、誤って画面の誤った部分を押してしまうよりも、オプションを精神的に誤解するほうがエラーの原因である可能性が高くなります。
確かに、コンテキストに依存します。しかし、私は今日、同じようなシナリオを友人と話し合っていました。状況が許せば、たとえば、ポップアップウィンドウの上部にあるXボタンを使用すると、はるかに簡単になります。繰り返しになりますが、シナリオが許せば。 [キャンセル]ボタン自体は機能しないため、アクションをコミットせずにユーザーの操作に戻ることを目的としています。