web-dev-qa-db-ja.com

ListBox内のドラッグドロップのデザインパターン?

直感的なUIを構築する方法に関するアドバイスが必要です。

ドラッグドロップで並べ替えることができるアイテムのリストボックスがあります。新しいアイテムを追加すると、この画面が表示されます。次に、この新しい項目をこのListBoxに挿入する必要があります。より直感的にするためにドラッグドロップに代わるものはありますか?

私たちが検討していたことの1つは、この新しい項目を常にリストの最後に追加し、ユーザーがそれを再注文できるようにすることです。ここでのポイントは、新しいアイテムがユーザーによって再注文されること、またはアイテムが正しい場所にあるという意識的な決定をしたことを確認することです。ありがとう。

1
user47249

アイテムを物理的につかんで、好きな場所にドラッグするのは、それができる限り直感的にわかると思います(これは、現実世界のオブジェクトで行うことです)。

アイテムを配置する場所はもう少しトリッキーです。アイテムのリストが非常に長い場合は、アイテムに移動するために少しスクロールする必要があり、ユーザーがそのアイテムに気付かない可能性もあります。リストの一番上に置くこともできますが、ユーザーがそれに気づかず、そのまま注文を受け入れると問題が発生する可能性があります。

ユーザーがアイテムを意図的に特定の位置に配置したことを確認する唯一の方法は、ステージングエリアに新しいアイテムを最初に表示し、そこからリスト内にドラッグすることです。

1
Franchesca

新しいアイテムをリストの最後に自動的に追加することは少し先制的であるかもしれません、そしておそらくユーザーはそれがいくつかの時点で追加されたことに気付かないかもしれません。これを行う場合は、必ずユーザーに「新しいアイテムが追加されました」という何らかの通知を送信します。そうしたくない場合は、おそらくアイテムをリストの横に表示し、その横に「追加」というボタンが付いた「新しいアイテム」と表示して、自分でアイテムを挿入して、追加された後、好きなように再注文してください。ただのアイデア、それが役に立てば幸いです。

0
Nick_M