カテゴリー
単一コンポーネント
72

肯定/否定ボタンの順序

肯定/否定ボタンの順序はプラットフォームのルールに従う。明確なルールがない場合は、「左が戻る、右が進む」に従って右を肯定ボタンにする。

01
Bad

左に肯定、右に否定(Webでは違和感がある)

変更を保存しますか?

※ 肯定が左、否定が右(Web標準に反する)

Good

左に否定(キャンセル)、右に肯定(保存)

変更を保存しますか?

※ 左に否定、右に肯定(Web標準に準拠)

02
Bad

キャンセルボタンが目立ち、保存ボタンが地味

ファイルを削除しますか?

※ キャンセルが目立ち、主要アクション(削除)が地味

Good

保存ボタンが目立つ色、キャンセルは控えめな色

ファイルを削除しますか?

※ 主要アクションが目立つ色、キャンセルは控えめ

03
Bad

肯定と否定ボタンが画面の両端に配置され比較困難

設定を保存しますか?

※ ボタンが離れすぎて比較しにくい

Good

関連するボタンは近くに配置し選択しやすく

設定を保存しますか?

※ 関連するボタンは近くに配置して選択しやすく

No.72肯定/否定ボタンの順序
72

肯定/否定ボタンの順序

肯定/否定ボタンの順序はプラットフォームのルールに従う。明確なルールがない場合は、「左が戻る、右が進む」に従って右を肯定ボタンにする。

01
Bad

左に肯定、右に否定(Webでは違和感がある)

変更を保存しますか?

※ 肯定が左、否定が右(Web標準に反する)

Good

左に否定(キャンセル)、右に肯定(保存)

変更を保存しますか?

※ 左に否定、右に肯定(Web標準に準拠)

02
Bad

キャンセルボタンが目立ち、保存ボタンが地味

ファイルを削除しますか?

※ キャンセルが目立ち、主要アクション(削除)が地味

Good

保存ボタンが目立つ色、キャンセルは控えめな色

ファイルを削除しますか?

※ 主要アクションが目立つ色、キャンセルは控えめ

03
Bad

肯定と否定ボタンが画面の両端に配置され比較困難

設定を保存しますか?

※ ボタンが離れすぎて比較しにくい

Good

関連するボタンは近くに配置し選択しやすく

設定を保存しますか?

※ 関連するボタンは近くに配置して選択しやすく