Rescale の新しいユーザー インターフェイス: 大きなファイル セットの管理

新しいユーザー インターフェイス (UI) では、ユーザーが大規模なファイル セットを選択し、それらの項目に対してグループ アクションを実行できるようにするという UI の共通の課題に直面しました。 私たちの頭に最初に浮かんだのは、すべてのファイルを各ファイルの横にチェックボックスを付けて表示することでした。 これには次の 1 つの理由で問題があることが判明しました。100,000) 2 以上のアイテムのデータを事前に読み込むと時間がかかる可能性がある、100,000) 3 以上のアイテムの DOM をレンダリングするとブラウザがクラッシュする可能性がある、100,000) 「すべて選択/選択解除」の切り替え」または XNUMX 以上のアイテムのリストを注文する場合、非常に時間がかかることがあります。
まず、頻繁に使用されるアプリケーションで既存の解決策を探したところ、電子メールを除いて Gmail にも同様の問題があることがわかりました。 Gmail アプリでは、受信トレイから「すべて選択」することはできませんが、フィルターを使用してメールのリストを絞り込み、ページ上のすべての会話を選択すると、次の通知が表示されます。

[この検索に一致するすべての会話を選択] をクリックすると、検索キーワードでフィルターされたすべてのメールが選択されますが、リスト内のメールの選択を解除しようとすると、すべて選択の切り替えが無効になります。 言い換えると、 Gmail の UI では、一部を除くフィルターに一致するすべてのアイテムに対してアクションを実行することはできません。。 このような場合は、グループ アクションを実行する必要がある電子メールのみを含めるようにフィルターを慎重に設定する必要があります。
Gmail が行ったことは、ブラウザがクラッシュする可能性よりは明らかに優れていましたが、ユーザーのニーズには応えられませんでした。 Rescale のプラットフォームでは、ユーザーは実際、一部を除いてすべてのファイルを削除またはダウンロードしたいと考えていました。 そこで私たちは、いわゆる 包含/除外ルール、その仕組みは次のとおりです。

ユーザーが最初に結果ページにアクセスすると、(特に指定されていない限り) 最初の 10 ファイルのみが表示されます。 リストはサーバー側でページ分割されるため、ブラウザは一度に 10 個のファイルしか認識しません。

ユーザーがチェックボックスを使用してファイルの選択を開始すると、選択されたファイルが包含セットに入ります。

ただし、ここで異なるのは、「すべてを選択」ということです。 N ファイル」。 ユーザーがこのボタンをクリックすると、包含セットが空になり、すべてのファイルを選択するためのフラグが true に設定されます。 その時点から、ユーザーが選択を解除したファイルは除外セットに入ります。

最後に、ユーザーがグループ アクションを実行すると、Rescale はアクションに使用される包含セットまたは除外セットをサーバーに送信します。
これまでのユーザーからは、出力ファイルをより適切に管理する方法がほしいとの要望があったため、特に大規模なファイル セットを生成するシミュレーションを実行するユーザーにとって、新しい UI がさらに便利になるように努めました。