イントラネットアプリケーションの場合、「保存された情報」、「ログアウト」などの正常な操作を示す通知メッセージ(トースト)はほとんどありません。それらのほとんどは、モーダル操作(Stack Exchangeの「クリックして閉じる」ウィンドウなど)を必要とするほど重要ではありません)そのため、2500ms後に自動的に閉じるため、ユーザーへの影響を最小限に抑えるようにしています。ただし、反復的または複雑なワークフローの一部である可能性があるため、アクションが成功したことをユーザーが確認する必要があるため、これらを提示することが重要です。
私はそれらが時間枠内で読みやすく、理解可能であることを確認したいので、特に「ポップアップ」スタイルのコンテキストで人々が情報を読むのにかかる時間に関する調査があったのではないかと思っていました。これは実際にはポップアップウィンドウではなく、SEの通知バーに似ていますが、自動的に消えます。読むのにどれくらいの時間がかかるか予想できれば、メッセージの期間とメッセージの長さを調整するのに役立ちます。
それだけの価値があるので、私はさまざまなタイミングを自分で試しましたが、最終的に3200msで最大約20ワードの2行メッセージが表示されました。ただし、左側に小さなドット(直径10px)を配置します。これは、メッセージタイプ(赤/エラー、青/情報、オレンジ/警告など)に応じて色付けされ、3200msでフェードアウトします。フェードが100%になると、メッセージ自体がすばやくフェードアウトします。ユーザーは、気を散らすことなくメッセージが少し目立つようになり、メッセージが消えたときの「驚き」が少なくなるので、気に入ったと述べました。
一般に、フラッシュ通知を読むのにかかる時間は、情報の複雑さ、通知の長さ、ユーザーの集中力/注意散漫レベルによって異なります。
そうは言っても、私は次の情報に基づくアプローチを使用する傾向があります。
正しい式はmin(max(toast.message.length * 50、2000)、7000)です。
おおよそのロジックは次のとおりです。
700〜2000msのフェードアニメーション。フェードアニメーションは、まだ終わっていない場合にユーザーが読み終えたり行動したりするための時間を与えるため(たとえば、解雇を防ぐためにクリックする)、ショーアニメーションよりも時間がかかります。ユーザーが何かを読んでいる途中で、何かをする前に突然消えてしまうと、ユーザーは非常に苛立ちを感じます。
特定の状況に合わせてこれを調整する必要がありますが、一般的なフレームワークが役立つ場合があります。
これをアクセシビリティの問題として報告した人がいないことに驚いています。誰かがメッセージを読むだけでなく、それを理解するのにかかる時間を決定することができないため、時間制限されたメッセージをまったく使用しないことをお勧めします。
推奨事項:ユーザーが自分の時間にアラートを閉じることができるようにするには、「閉じる」ボタンを含めます。
出典: http://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits.html
Auto-show-auto-hide通知には、短いフレーズまたはせいぜい短い文のみを含めることをお勧めします。ユーザーが保存ボタンをクリックした後にスライドインして戻るこれらの小さな泡を使用し、成功すると「保存された」と言うだけです。それらは約2秒半表示され、ボタンをクリックすると何かが起こったことを知るために必要なモードレスフィードバックをユーザーに提供します。
これで、ユーザーアクションが結果を生成できなかったエラーメッセージは、おそらくもう少し目立つか、確認が必要になります。私はそれらをモーダルにすることを言っているわけではありませんが、おそらくユーザーにそれをxか何かにするでしょう。長いメッセージでも同じことが言えます。アプリケーションで何かをするのに忙しく、小さなポップアウトが表示される場合は、おそらくそれを見ていきますが、それは自分がやっていることを終えてからです。私がそれを見に行くときまでにそれがなくなったら、私はおそらくそれによって非常に慰められないでしょう。
私のクライアントのイントラネットでは、短い確認メッセージとエラーメッセージには3秒、長いメッセージには約5秒を使用しています(これ以上長くすることはできないことに注意してください)。
私の注意を引いたのは、ユーザーをできるだけ混乱させないようにしたいとあなたが言ったことでした。イントラネットでは、発行者向けのフォームを発行する際に、確認メッセージが頻繁に表示されるため、Escをクリックするとメッセージがすぐに消えるようにしました。公開時にキーボードとタブを使用する傾向があるため、Escはタブ+保存をクリックすると最適になります。
「一時的な通知ウィンドウ」を表示するためのいくつかの提案1.通常の人がメッセージ全体を読むことができるように、十分な時間が必要です。 2.ユーザーがその上にマウスポインターを置いているときにメッセージが消えないようにする必要があります。これは、ユーザーがこれに集中していることを示します。 3.ウィンドウが消えるとき、それは突然ではなく、一種の遅いアニメーションのフェードになっているはずです。 4.メッセージはプレーンテキストで簡潔に記述し、正確である必要があります。
それは常に通知内の単語数に依存します。単語の範囲が5〜10、3秒で十分であり、単語の範囲が10〜20単語の場合、5秒間表示することをお勧めします。