web-dev-qa-db-ja.com

オブジェクトが多すぎる場合にこのインターフェイスを機能させるにはどうすればよいですか?

私の状況はこれです:私は学校のための管理アプリを持っています。教師はクラスと生徒のリストを見ることができ、クラス間でプレーヤーをドラッグできます。

enter image description here

クラスの数が約12未満である限り、これは非常にうまく機能します。その後、画面からスクロールされます。しかし、私のデータセットでは、20または30を処理する必要がある状況がいくつかあります。

このインターフェイスの有用性を維持しながら、時々大量の列を処理するための良い方法は何でしょうか?

3
Joshua Frank

クラスに特定の属性が含まれている場合は、より広範なクラスリストを属性でフィルタリングまたはソートできます。

フィルタリングは、情報の負荷を軽減し、過度の横スクロールなしに関連する列をフレーム内に維持するのに役立ちます。これにより、アイテムをドラッグする列間の距離が制限されます。

並べ替えは情報の負荷を軽減しませんが、項目をより近くに移動できる列を配置し、ドラッグ距離を短縮します。

検索関数は、フレーム外のコンテンツにすばやくアクセスするために常に役立ちます。最大30の列のうち、一度にフレームに入れることができるのはそのうち12列のみです(フィルター処理されない限り)。編集可能なコンテンツの40%は常にユーザーに表示されるため、再配置タスクを円滑にするための準備を提供している限り、アイテムを見つけることは克服できない問題ではありません。

従来のsearch-sort-filterトライアド(またはそれらの1つのみ)に加えて、片方の列に再割り当てする個々のカードの間に差別化されたドラッグ動作を導入すること、および全体をドラッグ移動する機能について検討します。他のカードに割り当てられたすべてのカードと一緒に列。これもまた、編集する可能性のある列を互いにより近くに移動する目的に役立ちます。

最後に、2番目の右クリック>移​​動先...コマンドなど、ドラッグモーションの冗長な代替方法を検討してください。ドラッグモーションは非常に学習可能であり、並べ替えボード全体でスロットラベルまたはポストイットを移動するための適切なメタファーです。その表現でのmove-toアクションは、元のスロットからラベルを取り出し、目的の宛先(Originから遠く離れている可能性がある)を検索し、見つかったら再スロットするのと似ています。

2
Andreas Mehne

Trelloアプリのインターフェースが良い例です。カードの長いリストが入ったボードがあります...ボードをいくつ持っているかを水平方向(左-右)にスクロールできます。
特定のボードにカーソルを合わせると、垂直方向にスクロール(上下)してすべてのカードを見ることができます...
https://Android.appstorm.net/reviews/productivity-reviews/trello-the-easiest-way-to-organize-anything/

1
xul

@Andreasによって言及されたフィルター/ソート/右クリックオプションとともに、列をカスタマイズ可能にすることができます。

リストが大きくなった場合(例:セクションが非常に多いクラス)、左右にスクロールして選択を行い、リストをドラッグすることはできません。この列のカスタマイズは、セクションの比較などにも役立ちます。

0
Sanjai