web-dev-qa-db-ja.com

小さなオブジェクトを操作する

オブジェクト(小さな四角)を選択/選択解除できます。小さなオブジェクトは大きなコンテナボックスに含まれています。 x軸上に複数のコンテナボックスを並べることができます。

小さな正方形の選択/選択解除を可能な限り簡単にする方法についての提案をいただければ幸いです。このような小さなオブジェクトで作業するとき、それは本当に手間がかかり、フィッティングの法則は実際には考慮されないので私の提案画像のように。

Select small objects

コンテナーボックスは水平方向に拡大できるので、x軸上でドットのスペースが広くなりますが、ユーザーは(完全な実装では)選択を行うためだけに拡大したり、他のことをするために縮小したりしてはなりません。ズームアウトした方が簡単です。

私はOS Xの拡大鏡の効果について考えていましたが、選択をより簡単に、そして面倒でなくする他の方法はありますか?

この設計は、マウス/マウスパッドを操作できるコンピュータPC/Mac用です。

9
Henrik Ekblom

1つの解決策は、ユーザーが現在ホバーしている場所の真上に拡大バージョンを表示することです。たとえば、YouTubeが長い動画のシークにどのように対処しているかを見てください。

YouTube seeking

これにより、ユーザーは興味のある大まかな期間を選択し、より短い間隔の倍率を使用してより細かい選択を行うことができます。

IPhone/iPodのミュージックアプリには、画面を垂直方向に下方向にドラッグして細かく選択することで、「スクラブ速度」を遅くする機能があります。タッチ用に設計している場合、指を垂直に動かすと、バーが自動的にズームイン/ズームアウトして、より細かい選択ができます(アイテムを選択するための針を使用)。

16
Brendon

オブジェクトはそれほど小さくなければなりませんか?

たとえば、ドットの代わりに線を使用して、フーバーしたときに詳細情報を表示できます。選択範囲はY軸とX軸に依存せず、Xのみに依存するため、さらに大きくなります。

get bigger

5
Gildas Frémont

enter image description here

ユーザーがコンテナボックスを選択できるようにします。次に、システムはそのボックス内の最初のオブジェクトを現在のオブジェクトとして作成し、それを強調表示する必要があります(現在のリストアイテムを強調表示します)。ユーザーは、キーボードの左矢印キーと右矢印キーを使用するか、選択したコンテナボックスの両側にある矢印ボタンをクリックして、オブジェクト間を移動できる必要があります。ユーザーが矢印キーを使用してオブジェクトを移動すると、システムは常に現在のオブジェクトを強調表示する必要があります。また、現在のオブジェクトはコンテナボックスの上に拡大表示されます。ユーザーがEnterキーを押すと、システムはそれを現在のオブジェクトの選択として扱います。

2
rags