ドラッグアンドドロップUIを備えたアプリを作成しています。ドラッグ可能な要素の上にカーソルを置くと、カーソルを変更する予定です。
move
カーソルとgrab
カーソルの違いは何ですか?
それらは互換的に使用できますか?
参照:
カーソルの移動は、オブジェクトが位置以外のプロパティを変更せずに再配置(変換)されている場合に使用する必要があります。例えば:
グラブカーソルは通常、オブジェクトを操作してオブジェクトを変更したり、クローンを作成したりするときに、ドラッグアンドドロップ操作に使用されます。例えば:
ドラッグ操作とグラブ操作の例
これはイディオマティックの使用です。つまり、これらは2つのカーソルを使用する一般的なアプローチですが、これらは正式な標準ではなく、実際には設計者はどちらかまたは両方のユースケースの矢印ポインターに固執するか、いくつかを選択します。完全に異なるカーソル。
多くの描画プログラムでは、 grab を使用して、描画面(キャンバス)を移動します。つまり、描画面の別の部分を表示します。これはpanning.と呼ばれます。
Move は、選択されたオブジェクトを /キャンバス内で移動するために使用されます。
私の経験では、グラブおよびグラブカーソルの動作は、可動UI要素の明示的なホバーおよびクリックアンドホールド動作が必要な場合に機能します。これらは、標準のカーソル操作であるため、デスクトップアプリケーションでは理にかなっています。移動カーソルは、移動可能なUI要素のホバー動作とクリックアンドホールド動作を特に区別する必要がない場合に使用される傾向があります。
ユーザーインタラクションデザインにとってこれが意味することは、要素が明確に移動可能な場合(注文できる要素のリストなど)、ユーザーは移動できる要素を実際に見つける必要がないため、移動カーソルを使用できます。 。ただし、UIがもう少し複雑な場合は、グラブとグラブのペアを使用すると、ユーザーがホバーしてグラブできる要素を見つけ、クリックアンドホールド動作を適用してドラッグできます。
これらのパターンをモバイルアプリに適応させようとしている場合、少しトリッキーになる可能性があるため、UIをできるだけシンプルかつ明確にすることをお勧めします。ホバーなしでクリック/タップおよびドラッグ動作を適用するだけです。発見行動。ホバー/ディスカバリーは、デスクトップアプリに簡単に対応できます。