web-dev-qa-db-ja.com

通常のモーダル以外の削除確認の確立されたパターンはありますか?

「本当によろしいですか?」を処理するためのいくつかの準標準的な方法があるかどうかを調べようとしています。人がレコードまたはアイテムを削除するときの確認ロジック。

一般的なオプションは次のとおりです。

  1. 「このアイテムを削除してもよろしいですか?」モーダル。
  2. モーダルを表示せずに、(ゴミ箱のような)ある種の取り消しを行います。

そして、タッチの出現により:

  1. スワイプして削除オプションを表示し、タップして削除します。

誰かがこれらの良い代替品を見たり見つけたりしましたか?多分これらは良いものであり、私たちは代替物を必要としませんか?

私はこれをReddit経由で見つけました: http://i.imgur.com/DF7xk64.gif これは間違いなく創造的ですが、どれほど使いやすいかはわかりません。

14
DA01

すばらしい質問です。

概説されているモデルの動作の問題 here のため、私は「確認なしの削除」について多くのことを考えてきました。

要するに、ほとんどのユーザーは実際に操作を開始するときにアイテムを削除するつもりなので、従来の確認を投げることはほとんどの場合面倒です。

基本的なアプローチに関するローレンの答えに完全に同意します。とはいえ、彼女が概説している2つのカテゴリの内部には、利用可能なクリエイティブスペースがあります。

以下は、非モーダル削除の相互作用の一部です。


(画像はクリック可能です) enter image description here


  1. 「カウントダウン削除」。ユーザーが削除を押すと、微妙な「削除中...」の進行状況バーが約5秒間アニメーション化され、ユーザーは削除を元に戻すことができます。これにより、「Gmail」スタイルの削除に関する問題が解決されます。この場合、元に戻す通知が予測できない時間表示されます。

  2. 「ゴミ箱にドラッグ」は、タッチスクリーン用のデスクトップのゴミ箱パターンを再解釈したものです。オブジェクトを押し続けるとスクリムオーバーレイがアクティブになり、ゴミ箱(および場合によっては他のアクション)が表示されます。ユーザーは指を下にしてアイテムを缶にドラッグし、ホールドアンドドラッグで意図を確認します。

  3. 一括オブジェクト削除の「消しゴム操作」。ユーザーは、消しゴムアイコン(単一の肯定的な確認)をクリックし、ツールがアクティブなときに削除するアイテムをタップします。これはベクターグラフィックスプログラムで使用されますが、フォトアルバム、在庫リスト、またはオブジェクトが密集しているその他のインターフェイスの処理に拡張できます。

10
tohster

アクションの重大度と回復可能性は、使用するスタイルのガイドに役立ちます。また、あなたが使っているプラ​​ットフォーム。プラットフォーム標準も役割を果たしています。

ダイアログと元に戻す

これについては、次のQ&Aで説明しました。ダイアログと元に戻すのに意味がある場合:

削除:確認または元に戻す?どちらがより良いオプションであり、なぜですか?

スライドして削除

モバイルデバイスのジェスチャーは、アイテムの削除にショートカットを提供できる新しいダイナミクスを導入します。スライドジェスチャーを使用して削除ボタンを表示するアプリに注意してください。ほとんどの場合、これはアクションへのショートカットにすぎません。通常、非表示のジェスチャー以外の方法でアイテムを削除する方法があります(その必要があります)。

確認するタイプ

削除を確認するために単語またはフレーズを入力することは、アクションが完全に回復できない場合に一般的です。たとえば、GitHubは、リポジトリの削除を要求するときにこれを行います。

enter image description here

ボタンの言語にも注意してください。単にリポジトリを「削除」するのではなく、続行することの意味を理解していることを確認します。

削除して保留

リンクしたアクションは興味深いものです。これまで見たことのないもの。そして、私は決して対処する必要がないことを願っています。恐ろしいです!

enter image description here

これはデスクトップ環境で行われているようで、「ホールドしてアクションを実行」は意味がありません。しかし、それは他の状況では理にかなっています。

ジェスチャーシステム(Kinectなど)も同様のメタファーを使用しており、ターゲット(または手を表すアイコン)をターゲットにかざすとタイマーサークルが表示され、すぐに塗りつぶされ、ホバーしているものを本当に選択するつもりであることが確認されます。

enter image description here

6

はい、私はあなたが正しいと思います。標準は次のとおりです。

  • ユーザーにやりたいことをやらせるが、元に戻す方法を提供する
  • ユーザーにやりたいことをさせますが、行う前に確認します
2

通知によってアイテムが異なる「フォルダ」または「タブ」に移動する別の標準パターンがあり、ユーザーはこれらの異なる作業領域間でアイテムを移動するだけでアクションを実行できます。これは、ユーザーがアクションを「取り消す」ことができるため、強制的な確認または確認の必要がないことを意味します。

典型的な例は、電子メールの受信トレイから削除し、アイテムを「ゴミ箱」フォルダに移動することです。標準のアクションは削除ですが、逆のアクションは「受信トレイに移動」です。

0
Michael Lai