web-dev-qa-db-ja.com

アイテムのリストの並べ替えとマージ/マージ解除

1つ以上のアイテムのブロックで構成されるリストがあります。たとえば、次の画像には3つのブロックがあり、合計5つのアイテムがあります。

list

ユーザーはアイテムを追加し、ブロックにグループ化するアイテム、ブロックの順序、およびブロック内のアイテムを決定できます。通常、ブロックごとに1つのアイテムのみがあり、ほとんどの場合4以下です。通常、30〜100個のブロックがあります。

提供するのに最適なユーザーコントロールは何ですか?

私の考えは、ユーザーは次のアクションを実行できるということです。

  • ブロック(およびその中のすべてのアイテム)の並べ替え
  • アイテムをブロックに移動/並べ替え
  • ブロック外へのアイテムの移動/並べ替え

しかし、左クリック、ドラッグ、ドロップ、右クリック、ドラッグ、ドロップ以外の適切なコントロールを考えることはできません。これらは、アクションには十分ではありません。

1
Code

検討:左クリックでアイテムを選択/選択解除、右クリックでコンテキストメニューを表示

コンテキストメニュー-ウィキペディア

コンテキストメニューは、メニューが属しているオペレーティングシステムまたはアプリケーションの現在の状態またはコンテキストで使用できる限られた選択肢のセットを提供します。通常、利用可能な選択肢は、選択したオブジェクトに関連するアクションです。

次に問題は、適切なメニューオプションラベルと、それらが操作された後にアイテムに何が起こるかを理解することになります。

開始状態から最初のグループを作成する場合は、1つ以上の項目を左クリックし、それらのいずれかを右クリックして、メニューから[Group Selected]などを選択します。

同じコマンドを使用して、単一または他のグループのアイテムから新しいグループを作成できます。

グループから1つ以上の項目を切り離したい場合は、それらをすべて左クリックし、いずれかを右クリックして、「グループから削除」などを選択します。

明らかに、解決すべき多くのニュアンスがありますが、あなたはそのアイディアを得ます。

1
dennislees

マウスの右クリックと左クリックは、非常に直感的に見えません。これは、専門家が使用するアプリケーションであれば問題ないかもしれません。

可能なアクションは常にユーザーに表示される必要があります。だからここに私の考え:

  • グループをより目立たせる
  • その場合、グループをドラッグするとグループがドラッグされます
  • アイテムをドラッグすると(グループの内側または外側)、アイテムがドラッグされます
  • グループまたはアイテムをドラッグすると、ドロップが行われる場所が表示されます。これは、ドロップ領域の下のアイテムが少し下に移動した場合に達成できます。
  • ユーザーがまだグループ化されていないアイテムの上にカーソルを置いてアイテムをドラッグする場合、ユーザーがドラッグしたアイテムで既存のアイテムをグループ化できるように、単一の既存のアイテムをグループとして表示する必要があります。

私は何かをまとめようとした ここ

1
BrunoH