web-dev-qa-db-ja.com

「変更を保存せずに残す」ダイアログのデフォルトの選択

ユーザーがWebページの小さなパーツを編集できる既存のデザイン(Webアプリケーション)があります。小さなエディターが開き、編集可能なフィールドと[キャンセルして閉じる]、[クリア]、[保存]の3つのボタンが表示されます。

変更を加えて[キャンセル]をクリックすると、小さなダイアログが表示されます。

これらの変更を保存しますか?[はい]/[いいえ]

[はい]ボタンは、デフォルトの選択のように見えるようにスタイルが設定されています。これは理にかなっていますか?

変更を保存せずに立ち去るかどうかをユーザーに尋ねた方がいいのではないですか。何かのようなもの:

保存されていない変更を無視しますか?

3
Maarten

一般に、ユーザーが変更を加えた場合、一般的に意図的な変更であり、ユーザーが変更を保持したいので、デフォルトのフィールドとして「保存」を保持します。

(盲目的にクリックしないように)ユーザーが選択しているオプションを確認できるようにするには、Luke Wroblewskiの Webフォームのプライマリアクションとセカンダリアクション の情報を確認します。

全体的に見て、「キャンセル」を際立たせたデザインに人々はよく反応したようです。これらのデザインが少し遅くなったとしてもです。これは、データを迅速に送信することよりも、データの損失を回避することの方が重要であったことを示唆しています。

この状況では、人を少し遅くすることが望ましいです。不必要なキャンセル/保存を回避するために数秒余分にすると、多くのフラストレーションを防ぐことができます。

ここでオプションCを試してみます(異なる色の送信ボタンがデザインの残りの部分に適合すると想定)。これは、「セカンダリアクションがリンクである」状況よりもわずかに長い修正を引き起こすことがわかったため、理論的には処理により多くの時間が与えられます盲目的にクリックするのではなく、あなたが見ているもの。

enter image description here

2
Ben Brocka