web-dev-qa-db-ja.com

アクションを元に戻す最善の方法は何ですか?

わかりやすくするために、各項目が行で、その近くにチェックマークが付いたWebアプリのタスクリストがあるとします。ユーザーがチェックマークをクリックすると、タスクが「完了」し、線が見えなくなります。残念ながら、ユーザーは間違ったタスクを確認することがあります。アンドゥ機能を追加したい。私は3つの方法を考えましたが、それらの間で決定することはできません。

  1. 元に戻すボタン。
  2. フェードアウトするのではなく、アイテムをそのままにし、取り消し線を付けて、チェックマークを「復元」ボタンに変換します。
  3. ユーザーがチェックマークをクリックすると、確認ダイアログ(モーダルまたはそれ以外)がポップされます。

私はさまざまな構成で3つのオプションすべてが使用されるのを見てきました(たとえば、スタックオーバーフローは「フラグ」アクションに3を使用し、Trelloは一種の元に戻すボタンを使用します-元に戻すことができるアクションのログを保持します)。 オプションの1つが望ましいですか?より良いオプションはありますか?

8
Mikle

私はグーグルのメールの振る舞いが好きです。元に戻すポップアップが表示されます:

gmail undo

取り消し線を引く(および「完了したタスクをクリアする」アクション)は、todoリストにとっても良い(そして一般的な)ソリューションです。

7
alexeypegov

Amazonがウィッシュリストからのアイテムの削除を処理する方法が好きです。

enter image description here

編集:少し説明...

  • 削除されたアイテムは、元に戻すコマンドで置き換えられます(以前のアイテムは)、ユーザーのコンテキストはそのまま保持されます(Googleの通知バーやグローバルな「元に戻す」とは異なります)画面の反対側にある「」ボタン)。
  • ユーザーの邪魔をするための確認ボックス、モーダル、またはその他の方法はありません。これは、元に戻すことのない破壊的な削除には役立ちますが、一般的な「軽量」タスクには役立ちません。 「元に戻す」を意味するときに警告を使用しないでください
  • 微妙なアニメーションは、ユーザーにアイテムを直感的に「消える」「再現する」ように見せます。
13

それは現在の見方の問題だと私は主張します。つまり、少なくとも2つの異なるビューが必要ですです。つまり:
1)不完全/ ToDo
2)完了/完了

次に、タスクに完了マークを付けるIncomplete / ToDoビュー。したがって、complete / Done表示、チェックマークが付いたアイテムを表示し、テキストを取り消します。誰かが誤ってアイテムに完了のマークを付けた場合、彼らはチェックを外すからComplete / Done 見る。

enter image description here

4
JohnGB

アクションが発生する前の以前の状態が表示されなくなったため、前述のGoogleおよびAmazonが使用する一種の「アクション完了」/「アクションの取り消し」通知が必要です。たとえば、メールが受信トレイからビンに移動されたとします。そのため、現在のビューでは、元に戻す操作の逆はできません。

アクションの結果がまだ表示されているため、同じアクションで「元に戻す」ことができる場合、追加の通知は必要ないと主張することができます。アイテムをフェードアウトさせるのではなく取り消し線を引くと決めた場合、ユーザーは、もう一度クリックするとボックスのチェックがオフになり取り消し線が反転することを知っています(または、少なくとも実験するつもりです)。したがって、フェードアウトでは取り消し線を使用することをお勧めします(完了したすべてのアイテムを表示/非表示にするオプションを使用して?)。これは、画面上の乱雑さを最小限に抑える最も簡単な操作です。

0
James