私は、フィードバックやメッセージボックスやポップアップが多すぎてユーザーを「悩ませる」べきではないという優れたUIデザインについて説明した本やWebサイトを読みました。また、ユーザーとして、押したばかりのボタンがそれを実行したことを知りたいと思っています。私はSOを検索しましたが、ほとんどがjQueryとWebサイトでした。
「エクスポート」というボタンのあるフォームを使用していますが、実際のエクスポートは非常に迅速に行われるため、ユーザーに、エクスポートが完了して成功したことを警告したいと思いました。私の最善の選択肢は何だと思いますか?
Gmailは良いアプローチをとっています。オプション2と同様に、成功メッセージは画面の目立たない場所に表示されますが、ユーザーが別のアクションを実行するまで残ります。
メッセージの位置が鍵となります。情報やコントロールを覆い隠すことはないため、ユーザーがメッセージを無視してタスクの実行を続行する能力を妨げることはありませんが、パラノイアは以前のタスクが正常に完了したことを確認できます。
Behanceの方法は非常に効果的です。
投稿の下部には、サイト全体で標準となっている「これを評価する」ボタンがあります。ユーザーがクリックすると、ボタンは「ありがとう」に変わり、アクションが成功したことを即座にフィードバックします。フィードバックは、ユーザーの焦点がどこにあるかを即座に正確に示します。
メッセージのほかに、ボタンの外観の変化も見過ごされないほど厳しいものです。さらに、2番目の段階(クリック後)は、ユーザーが行ったことに関連する追加のアクションをユーザーに提供します。
ここにいくつかのスクリーンショットがあります:
トーストやうなり声の通知と同様のことを行うことを検討してください。短いメッセージでユーザーの注意を引き付けますが、ユーザーのアクションを必要とせずに消えます。
ただし、@ dasblinkenlightが示唆しているように、複数回エクスポートすることが意味をなさない場合は、最初のエクスポートの後にエクスポートする機能も無効にする必要があります。データが再度変更されない限り。
コンテキストに依存しますが、ユーザーへの成功の表示は、確認のための明示的な図像(Wordの確認または成功の緑色のチェックマークなど)、またはタスクフローの別のステージへのナビゲーションなどの形を取ることができると思います。メールや印刷などが可能なチェックアウトの確認ページまたは詳細の概要ページ。 「完了」、「ありがとう」、「完了」などの表現は、結果を共有したりフィードバックを提供したりするためのオプションとともに検討できます。