私はオンラインオークションサイトに取り組んでいます。ユーザーダッシュボードを更新せずに自動更新する機能に取り組んでいるため、ユーザーは入札単価の更新をリアルタイムで確認できます。入札価格と時間、およびユーザーが入札を落としている、またはアイテムを獲得したバッジが更新されます。
私たちは新しい入札が来たときに微妙にタイルを強調表示するというアイデアを思いつきました。しかし、ユーザーがページに着いた直後に入札が発生しない限り、ユーザーはタイルが更新されることに気づきません。彼らはまたハイライトを見るかもしれません、そして、他の入札はしばらくの間来ません。
正しい方向性についての考えを探しています:
更新する必要がないことをユーザーに通知するために、一度だけ通知を送信する必要がありますか?
それとも、まだ通信中であることを示すために、ローディングGIFの形式で一定のリマインダーを追加する必要がありますか?
そのままにして、ユーザーがページを更新する必要がないことをユーザーに認識させる必要がありますか?
あなたのアドバイスを受けました。あなたはgifで結果を見ることができます:
適切なフィードバックは、優れた直感的なUXを作成するための最も重要な部分の1つです。そのままにしておくと、フィードバックがほとんど提供されず、ユーザー間で混乱が生じる可能性があります。私のUXテストの経験から、大多数のユーザーは多くの「1回限り」の通知で提示された情報を保持していないため、単独で使用した場合、これが最も成功するオプションではない可能性があります。
GIFの読み込みは適切な解決策になる可能性がありますが、ページが十分に高速に読み込まれていないことを誤ってデザインが誤って判断しないように注意する必要があります。人々はしばしばリアルタイム情報をある種の継続的でシームレスな動きと関連付けます。いくつかの例としては、オークションが終了するまで、または新しいオークションのライブストリームが画面の隅に表示されるまで、タイマーが実際に秒数をカウントダウンすることがあります(私は知っていますが、その例は詳細を説明するためだけです)。更新が行われるときに回転する小さな赤と緑の円のような単純なもの。
全体として、更新またはリアルタイムのインジケーターとして、1回限りの通知と慎重に設計された(そして十分にテストされた)ロードgifの組み合わせをお勧めします。完全に直感的なもの(時計のカウントダウンなど)である場合を除いて、インジケーターが通知自体の内部にあるものを指摘することをお勧めします。
素敵なデザイン:)
コンテンツの表示方法については、読み込みアニメーションを使用して両方を組み合わせて、新しい入札単価が取得されていることをユーザーに通知することをお勧めします。だからこのように見えるかもしれません
サーバーから新しい入札を引き出す
これは、負荷が発生していることをユーザーに通知します。
最新の入札が読み込まれたら、メッセージを「最終更新5秒前」に変更して、ユーザーがコンテンツが絶えず取り込まれていることを認識し、更新する必要がないようにすることができます。ページ。
ここに私が意味するものの大まかな近似があります
入札の場合、履歴が関係します。ページにティッカーdivを追加します。最初はティッカーは隠されています。新しい入札が入ると、ティッカーが少しポップアップし、「新しい入札が到着しました」というメッセージが表示されます。ユーザーは、ティッカーを展開して、入札の変更を正確に表示できます(「Wuesthof Knivesで+105ドル」)。新しい入札が入ると、ティッカーがスタックでそれらを押し下げます(したがって、最も新しいものが常にティッカーの一番上になります)。各入札変更のタイムスタンプ。
または、各アイテムの下に スパークライングラフ を配置し、ユーザーが別の色でページを更新してからの変更を表示することを検討してください。これにより、ユーザーは入札の傾向と更新されたものを一目で確認できます。
また、微妙な色で更新されたアイテムを強調表示します。
これは定期的に更新されますか(例:10秒)、それとも単にオープンストリームになりますか?
指定した間隔で更新する場合は、次の更新がいつ行われるかを通知する進行状況インジケーターが良いでしょう。
それ以外の場合、私は個人的に、更新コンテンツの上にあるトグルが好きです。デフォルトではライブ更新があり、オフにできます。これにより、両方のユーザー設定が可能になり、ライブ更新が行われていることがユーザーに通知されます。
更新された個々のアイテムを強調表示するというあなたの考えが好きです。