web-dev-qa-db-ja.com

ドラッグしながらビジュアルオブジェクトを変更する

マップとタイムラインという2つの主要なペインを持つインターフェースがあるとします。ユーザーが地図に表示されたジョブ(たとえば、「場所で洗濯機を修理する」)を選択してタイムラインにドラッグできるようにして、それをイベントに変換します(「所定の時間に修理を行います」 ")持続時間は長方形で表される場合があります。

ドラッグ操作は事実上、ある視覚オブジェクトを別の視覚オブジェクトに「変換」するため、ユーザーは遷移に混乱する可能性があると思います。

もちろん、いくつかのユーザーテストを実行する予定ですが、他の人がこれを正当な懸念事項であると考えるかどうか、そしてもしそうなら、この問題の良い解決策を誰かに教えてもらえるかどうかを尋ねたかっただけです。

3
Phil Parry

私は...するだろう:

アイテムをドラッグしたら、透明度をX%に設定します。

Windows 7ドラッグ透明度

Windows 7 Dragging transparency

マウスが入るまで「ドロップ可能」領域を強調表示します

GMailドラッグドロップターゲット GMail Drag Drop Target

マウスが入ると、ドラッグされたオブジェクトが最終的な外観(四角形など)に変換され、透明度が維持されます。また、マウスがドロップ可能な領域に入ると、強調表示が削除され、マウスが離された場合に作成されるオブジェクトの最終的な位置/詳細が表示されます。

2
bendataclear

ある形状から別の形状への移行は、混乱を軽減するために段階的に行うことができます。最初の形状と宛先の形状の2つの形状があります。ドラッグが始まると、ステップ1の形状が初期形状になります。ある時点(ドラッグが重要な領域に入ると)で、形状は初期形状と宛先形状のオーバーレイの組み合わせになります(ステップ2)。ドロップすると、最初のシェイプがフェードアウトし、目的のシェイプだけが残ります(ステップ3)。

うまくいけば、この3段階の移行により、発生している概念的な変換がユーザーに示されます。

2
obelia