web-dev-qa-db-ja.com

メッセージボックスなしでユーザーに成功を示す最良の方法は何ですか?

私は、フィードバックやメッセージボックスやポップアップが多すぎてユーザーを「悩ませる」べきではないという優れたUIデザインについて説明した本やWebサイトを読みました。また、ユーザーとして、押したばかりのボタンがそれを実行したことを知りたいと思っています。私はSOを検索しましたが、ほとんどがjQueryとWebサイトでした。

「エクスポート」というボタンのあるフォームを使用していますが、実際のエクスポートは非​​常に迅速に行われるため、ユーザーに、エクスポートが完了して成功したことを警告したいと思いました。私の最善の選択肢は何だと思いますか?

  1. プログレスバーを持っている? -すぐに終了しますが、フォーム上に100%のままにしたくありませんでした...理想的には、ユーザーがフォームで何か他のことをしたいので、邪魔をしてはいけません。プログラムを終了します。おそらく100%で表示されていますが、ユーザーがコントロール(チェックボックス、テキストボックスなど)に触れるとすぐに消えますか?
  2. 成功後数秒間続くフォーム上のメッセージですが、待機中にプログラムをフリーズしたくありません...これは、まだあまり処理していないスレッドを使用しているようです。
  3. 他に何か?
15
Sisyphus

Gmailは良いアプローチをとっています。オプション2と同様に、成功メッセージは画面の目立たない場所に表示されますが、ユーザーが別のアクションを実行するまで残ります。

メッセージの位置が鍵となります。情報やコントロールを覆い隠すことはないため、ユーザーがメッセージを無視してタスクの実行を続行する能力を妨げることはありませんが、パラノイアは以前のタスクが正常に完了したことを確認できます。

14
quietmint

Behanceの方法は非常に効果的です。

投稿の下部には、サイト全体で標準となっている「これを評価する」ボタンがあります。ユーザーがクリックすると、ボタンは「ありがとう」に変わり、アクションが成功したことを即座にフィードバックします。フィードバックは、ユーザーの焦点がどこにあるかを即座に正確に示します。

メッセージのほかに、ボタンの外観の変化も見過ごされないほど厳しいものです。さらに、2番目の段階(クリック後)は、ユーザーが行ったことに関連する追加のアクションをユーザーに提供します。

ここにいくつかのスクリーンショットがあります:

http://i.imgur.com/0SbJK4v.png

http://i.imgur.com/1uN8nij.png

3
eduardorh

トーストやうなり声の通知と同様のことを行うことを検討してください。短いメッセージでユーザーの注意を引き付けますが、ユーザーのアクションを必要とせずに消えます。

ただし、@ dasblinkenlightが示唆しているように、複数回エクスポートすることが意味をなさない場合は、最初のエクスポートの後にエクスポートする機能も無効にする必要があります。データが再度変更されない限り。

2
Ben

コンテキストに依存しますが、ユーザーへの成功の表示は、確認のための明示的な図像(Wordの確認または成功の緑色のチェックマークなど)、またはタスクフローの別のステージへのナビゲーションなどの形を取ることができると思います。メールや印刷などが可能なチェックアウトの確認ページまたは詳細の概要ページ。 「完了」、「ありがとう」、「完了」などの表現は、結果を共有したりフィードバックを提供したりするためのオプションとともに検討できます。

0
uobroin