web-dev-qa-db-ja.com

テーブル内のデータがライブで更新されている(または更新されていない)ときに、ユーザーにそれをどのように明確にしますか?

データのテーブルをリアルタイムで更新する必要があります。時間の経過とともに新しいレコードが追加され、セルごとに修正されます。

ただし、ユーザーが並べ替え順序を変更したり、テーブルの条件を変更したりすると、テーブルは更新されなくなります。

テーブルがライブで更新されているのか、それとも本質的にオフラインで今後更新されないのかをユーザーに示すエレガントな方法は何でしょうか?

この問題を解決する例を見た人はいますか?

30
Andrew Rimmer

ユーザーに複雑な情報がある場合、ほとんどの場合、最善の解決策は単純にそれを綴ることです。ユーザーが検索結果を表示している場合は、テーブルの真上に灰色の情報ボックスを表示します。

検索パラメーターのため、自動更新は無効になっています。ここをクリックして更新

また、最終更新日...を追加で表示することもできます。

8
Falco

ユーザーがクリックする必要のある更新ボタンを含めることができます。ボタンには、新しい要素の数とその数のライブアップデートが表示されます。

このようにして、ユーザーにテーブル内のpossible新しい行を認識させ、テーブルの更新を制御できます。

  • テーブルが並べ替えられていない場合、 "2つの新しい要素、クリックして更新"ボタンをクリックすると、これらの2つの要素がテーブルに追加されます。
  • テーブルがソートされている場合、ボタンをクリックすると、テーブル内の新しい要素が表示されるかどうかがわかります。
    • 並べ替えに属していないために表示されなかった場合は、それを説明するメッセージが、表示されない理由をユーザーが理解するのに役立つ場合があります。
    • 新しい要素が属している場合でも、それらを並べ替えに含めることができない場合は、ユーザーをデフォルトの並べ替えにリダイレクトします。
21
Alvaro

ユーザーにデータの更新を知らせるために、私は通常、最終更新日時を次のように画面に表示します。

           updated at: 01/03/2017 19:24:55 (2 mins ago)
  -----------------------------------------------------
  |.   |.  |.                 |.      
  -----------------------------------------------------

これは非常に役立ちます。プリントにはタイムスタンプがあります。 (2分前)は、接続が悪い場合に特に役立ちます。待ち時間がしきい値を超えており、高速であると予想された場合は、テキストを赤に変えることもできます。

パトリシオの変更ラインを短時間強調するというアイデアも素晴らしいです。

18
Lucas

これをユーザーの観点から見ると、並べ替えを実行でき、テーブルの条件に変更を加えることができる場合でも、テーブルがライブで更新されることを期待している可能性があり、テクニカルアーキテクチャについては知らず、気にしていません制限。

ユーザーがこのビューを共有している場合は、ソリューションを拡張する必要があるかもしれません。ユーザーが単にテーブルを並べ替えただけでテーブルがライブで更新されなくなったことを伝えるメッセージが表示されることをユーザーが喜ぶとは思えないからです。ライブアップデートが機能しなくなった場合は、必ず伝える必要があります。理想的には、ライブアップデートを再度有効にする方法とその理由を説明する必要があります。

4
SteveD

別の色でマークされたテーブルの新しい要素を置くことができます。

注釈付きの要素の継続時間は5秒になる可能性があります(更新が非常に速い場合)。更新が高速でない場合は、最後の要素をマークしておくことができます。また、最後の更新のタイムスタンプを置くことができます。

2
Patricio Bustos

セマフォスタイルのアイコンやテキストを使用して、次のように示します。

  1. オンライン、更新中:赤信号アイコン、テキスト「ビジー」。
  2. オンライン、更新なし(引き続きリアルタイム更新が可能):緑のライトアイコン、テキスト「アイドル」または「準備完了」。
  3. オフライン(リアルタイムの更新はありません):灰色/オフのライトアイコン、テキスト「オフライン」。

テキストを使用すると、i18nに関する追加の作業が発生する可能性があることに注意してください。

WinZipやHeidiSQLのようなソフトウェアでこれらのインジケーターを見てきましたが、非常に直感的です。

2

マテリアルデザインの方法は次のようになります: yes, this

1
Elijah Ciali

赤と緑の2つの「LED」(オフラインモードとオンラインモード用)が欲しいです。そして、アクティブな方は明るくなり、もう一方は暗くなります。

または this

0
Matías Cánepa