動的に更新されるアイテムのリストのユーザーエクスペリエンス
以下の要件があります。
私のページにはボタンがあり、クリックするとポップアップのようなモーダルウィンドウが開きます（下の画像を参照）。このポップアップには、アプリケーションで生成されたアラームに関連する情報が含まれます。いいえ。ポップアップに表示される0〜1000以上の範囲のアラームを生成できます。
各アラームとの相互作用は次のとおりです。1）各アラームの2つのボタン-画像のように、確認と破棄。ユーザーはこれらの2でアクションを実行できます。
要件は次のとおりです。1）アラームボタンは、過去30分間に生成されたアラームがある場合にのみページに表示されます。
2）リストは、一度開くと動的になります。つまり、開いた後、さらにアラームが生成された場合は、ユーザーの操作なしで自動的にリストに追加/表示されます。
3）ポップアップで一度に保持できるアラームは40個までです
4）新しいアラームが引き続き上位に表示されます
要約されたワークフロー-アラームが生成されるとすぐに、アラームボタンがページに表示されます。ユーザーがクリックすると、ポップオーバーが開き、アラームのリストが表示されます。ユーザーは個別のアラーム（破棄または確認）に対してアクションを実行することができますが、さらにアラームが発生した場合に備えて、リストは動的に入力されます。したがって、リスト項目は下に移動し続けます。
問題は、動的に継続的に更新し続けるリストがある場合、ユーザーが特定のアラームに対してどのようにアクションを実行するか、つまり、それを確認するか破棄するかです。たとえばユーザーがリスト内のアラームで[破棄]をクリックすることを考えている場合、そのボタンをクリックするとすぐに-破棄、そのアラームは動的更新のためにリストを押し下げる可能性があります。
誰もが提案できますか、この場合の優れたUXとは何か、私が示した画像は、アイデアのほんの始まりにすぎません。ポップアップ内のコンテンツ/デザインは完全に変更できます。
ユーザーが決定しているときに更新しないでください。アプリの使用中にユーザーを苛立たせるだけです
ステータスはありませんアラームが生成されたとき、ユーザーはどのアラームがいつ生成されたかをどのようにして知るのですか？
ユーザーからの選択の制御を盗まない
これが私の視覚的な解決策です
ユーザーとして、UIが予期しない方法で動作した場合、多くの場合、不安を感じます。新しいアラームを上に置く代わりに、次のいずれかを検討できます。
現在のスクロールを超えたアイテムを表示します（モーダルウィンドウにスクロールがあると思いますか？）。その後、上にスクロールして新しいアラームを確認できます。上の境界線が点灯して、上に何かが隠れていることを示す場合があります。
更新ボタンまたは別の記号を表示し、新しいコンテンツを表示できることを警告します。それをクリックすると、新しいコンテンツが表示されます。または、このアイコンを微調整して、新しいアラームが表示される1〜2秒前に点灯させます。これにより、ユーザーは準備を整えるのに十分な時間を確保できます。
ユーザーマウスがそのウィンドウ上にあるかどうかを確認し、更新を一時的に延期できます。これにはいくつか問題があります。まず、一部の人々は非常に高速な目標とクリッカーであり、新しいアラームをクリックする可能性があります。第2に、マウスがないモバイルデバイスでは、ユーザーの指がどこにあるかを推測できません。
私はこれらが何か良いことを願っています;）
ここで多くのことが起こっているようです。認知過負荷を軽減する1つの方法は、モーダルパスを破棄することです。アラームがインターフェイスの重要な部分である場合、それらを永続的にします。この永続的なビューを折りたたむオプションは、全員にボタンをクリックさせるよりも優れています。
永続的なビューを使用すると、動的ロードの性質（上部または下部）が理解しやすく、理解しやすくなります。モーダルコンテンツの動的な生成は、少し処理することができます。