web-dev-qa-db-ja.com

一時的な通知(トースト)はどのくらいの期間表示されますか?

イントラネットアプリケーションの場合、「保存された情報」、「ログアウト」などの正常な操作を示す通知メッセージ(トースト)はほとんどありません。それらのほとんどは、モーダル操作(Stack Exchangeの「クリックして閉じる」ウィンドウなど)を必要とするほど重要ではありません)そのため、2500ms後に自動的に閉じるため、ユーザーへの影響を最小限に抑えるようにしています。ただし、反復的または複雑なワークフローの一部である可能性があるため、アクションが成功したことをユーザーが確認する必要があるため、これらを提示することが重要です。

私はそれらが時間枠内で読みやすく、理解可能であることを確認したいので、特に「ポップアップ」スタイルのコンテキストで人々が情報を読むのにかかる時間に関する調査があったのではないかと思っていました。これは実際にはポップアップウィンドウではなく、SEの通知バーに似ていますが、自動的に消えます。読むのにどれくらいの時間がかかるか予想できれば、メッセージの期間とメッセージの長さを調整するのに役立ちます。

39
Ben Brocka

それだけの価値があるので、私はさまざまなタイミングを自分で試しましたが、最終的に3200msで最大約20ワードの2行メッセージが表示されました。ただし、左側に小さなドット(直径10px)を配置します。これは、メッセージタイプ(赤/エラー、青/情報、オレンジ/警告など)に応じて色付けされ、3200msでフェードアウトします。フェードが100%になると、メッセージ自体がすばやくフェードアウトします。ユーザーは、気を散らすことなくメッセージが少し目立つようになり、メッセージが消えたときの「驚き」が少なくなるので、気に入ったと述べました。

27
Roger Attrill

さまざまですが、英語の場合...

一般に、フラッシュ通知を読むのにかかる時間は、情報の複雑さ、通知の長さ、ユーザーの集中力/注意散漫レベルによって異なります。

そうは言っても、私は次の情報に基づくアプローチを使用する傾向があります。

1.フラッシュ通知は短くする必要があります

  • 通知が約1.5行より長い場合、自動却下するには長すぎる可能性があります。これらの場合、コンテンツを再確認し、モーダルに表示するか(ユーザーが手動で閉じるダイアログなど)、画面の変更を使用するか(情報を含む新しいページにユーザーを移動するなど)を決定します。

2.通常、次の式を使用します。

正しい式はmin(max(toast.message.length * 50、2000)、7000)です。

show animation duration, show duration, hide animation duration

  • これは正確な科学ではありませんが、私にとってはうまくいき、人間工学的データによって合理的にサポートされています...
  • おおよそのロジックは次のとおりです。

    • 200-400msのアニメーション表示は、目が画面上の新しい場所に再び焦点を合わせる サッカード時間 とほぼ一致します。
    • 50ms x文字数の表示時間は、ユーザーの読み取り速度とほぼ同じです。平均的な英語の読者は、約 1分あたり250〜300ワード を読み、平均 ワードあたり5.8文字 (スペースを含む)を読みます。 200wpmの通知の「安全な」見積もりでは、50ミリ秒ごとに約1文字になります。
    • 2000msの最小値を適用して、ユーザーが短い通知でもコンテキストを切り替えることができるようにし、7000ms maximumこれは、通知が実際にフラッシュベースの通知であってはならないしきい値についてのテストが正しいことを発見したためです(上記のポイント1を参照)。
  • 700〜2000msのフェードアニメーション。フェードアニメーションは、まだ終わっていない場合にユーザーが読み終えたり行動したりするための時間を与えるため(たとえば、解雇を防ぐためにクリックする)、ショーアニメーションよりも時間がかかります。ユーザーが何かを読んでいる途中で、何かをする前に突然消えてしまうと、ユーザーは非常に苛立ちを感じます。

特定の状況に合わせてこれを調整する必要がありますが、一般的なフレームワークが役立つ場合があります。

21
tohster

これをアクセシビリティの問題として報告した人がいないことに驚いています。誰かがメッセージを読むだけでなく、それを理解するのにかかる時間を決定することができないため、時間制限されたメッセージをまったく使用しないことをお勧めします。

推奨事項:ユーザーが自分の時間にアラートを閉じることができるようにするには、「閉じる」ボタンを含めます。

出典: http://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits.html

5
Pdxd

Auto-show-auto-hide通知には、短いフレーズまたはせいぜい短い文のみを含めることをお勧めします。ユーザーが保存ボタンをクリックした後にスライドインして戻るこれらの小さな泡を使用し、成功すると「保存された」と言うだけです。それらは約2秒半表示され、ボタンをクリックすると何かが起こったことを知るために必要なモードレスフィードバックをユーザーに提供します。

これで、ユーザーアクションが結果を生成できなかったエラーメッセージは、おそらくもう少し目立つか、確認が必要になります。私はそれらをモーダルにすることを言っているわけではありませんが、おそらくユーザーにそれをxか何かにするでしょう。長いメッセージでも同じことが言えます。アプリケーションで何かをするのに忙しく、小さなポップアウトが表示される場合は、おそらくそれを見ていきますが、それは自分がやっていることを終えてからです。私がそれを見に行くときまでにそれがなくなったら、私はおそらくそれによって非常に慰められないでしょう。

3
Matt Lavoie

私のクライアントのイントラネットでは、短い確認メッセージとエラーメッセージには3秒、長いメッセージには約5秒を使用しています(これ以上長くすることはできないことに注意してください)。

私の注意を引いたのは、ユーザーをできるだけ混乱させないようにしたいとあなたが言ったことでした。イントラネットでは、発行者向けのフォームを発行する際に、確認メッセージが頻繁に表示されるため、Escをクリックするとメッセージがすぐに消えるようにしました。公開時にキーボードとタブを使用する傾向があるため、Escはタブ+保存をクリックすると最適になります。

1
Tarek

「一時的な通知ウィンドウ」を表示するためのいくつかの提案1.通常の人がメッセージ全体を読むことができるように、十分な時間が必要です。 2.ユーザーがその上にマウスポインターを置いているときにメッセージが消えないようにする必要があります。これは、ユーザーがこれに集中していることを示します。 3.ウィンドウが消えるとき、それは突然ではなく、一種の遅いアニメーションのフェードになっているはずです。 4.メッセージはプレーンテキストで簡潔に記述し、正確である必要があります。

0
abhishek jain

それは常に通知内の単語数に依存します。単語の範囲が5〜10、3秒で十分であり、単語の範囲が10〜20単語の場合、5秒間表示することをお勧めします。

0
saikiran