web-dev-qa-db-ja.com

アクセシビリティー(そしておそらくモバイルWeb)のためのドラッグ・アンド・ドロップの「クリック・アンド・ドロップ」代替

私はマウスをいじくる人を観察しました。ボタンのクリックとマウスのスライドを一貫して、クリックするつもりでドラッグしたところに同期することができないようです。または、ドラッグアンドドロップを使用しようとすると、移動中にマウスボタンを指で押さえ続けることができないため、誤ってドロップしてしまいます。または、ボタンを押したままマウスを狙うことに問題があります。

Webアプリケーションはシンプルなツールバーです。お気に入りには金の星、不満にはイマイチ、削除には赤いXのようなステッカーを考えてください。ユーザーがEdgeの「ツールバー」からWebページ上のオブジェクトにこれらのステッカーを適用できるようにしたいと考えています。これにはドラッグアンドドロップが機能します。

それほど器用でないユーザーのために、私は私が何を呼んでいるかを想像しますクリックアンドドロップ。マウスボタンを押したままドラッグするのではなく、ツールバーの1回のフルクリック(マウスダウン+マウスアップ)でアイコンを「引き上げ」ます。これで、マウスの移動中にマウスカーソルがアイコンに置き換わります。宛先で2回目のフルクリックでアイコンが「ドロップ」され、マウスカーソルが元の状態に戻ります。これの名前はもうありますか?たぶんそのアクションは、ツールベルトというよりむしろ絵筆を水彩の井戸に浸すようなものです。

このクリックアンドドロップの代替は、器用さの課題Webユーザーの大部分に役立ちますか?より良い代替案はありますか?

この質問をあまり混乱させずに、私はさらに、この代替案がmobileまたはパッドデバイスに転送される可能性があると考えていました。ツールバーをタッチすると、右上隅にアイコンが表示され、目的地までパンし、目的地を1回タップしてアイコンを「ドロップ」します。これは主に、デバイス間の一貫性を考慮するために取り上げています。 おそらく 完全に 別のスキームマルチタッチ の世界に適していますが。

6
Bob Stein

別の相互作用を考えることをお勧めします。現在、相互作用モデルは「動詞-名詞」であり、「動詞」は「名詞」と呼ばれるオブジェクトに対するアクションです。最初のユーザーは「動詞」を選び、それを「名詞」に適用します。

他の相互作用モデル、「名詞動詞」があります。これは、ユーザーが最初にオブジェクトを選択し、次にそのオブジェクトで使用可能なアクションを選択することを意味します。

これらの相互作用モデルは、J.Raskinによる The Humane Interface で説明されています。
.3名詞-動詞対動詞-名詞構成子 「名詞-動詞」モデルには引数があります:

enter image description here
enter image description here

6

アプリケーションのコンテキストによっては、クリックしてドロップするのが少しわかりにくい場合があります。アプリ/プログラムにクリック可能なオブジェクトがある場合、ドラッグできるものとできないものをどのように決定しますか?オブジェクトをドロップするために利用できる領域と、「---_をドラッグしています」のステータスについて言及する必要があります。

タブレットやタッチパッドでのドラッグアンドドロップは、少し難しい場合がありますが、代替手段があります。タブレットでは、オプションの1つは長押しして取得することです。これを行うと、要素が大きくなり、影が落ちる可能性があるため、他の要素の上に置かれたように見えます。移動先にドラッグしたら、タップしてドロップし、要素をドラッグできないようにするか、再度固定することを提案できます。これはiOSのデバイスで使用されます。

ドラッグアンドドロップのマルチタッチアクションも可能ですが、いくつかの指示が必要です。私の意見では、マウスでドラッグアンドドロップすることは、これらの種類のアクションを実行する最も自然な方法ですが、指摘したように、移動性/アクセシビリティの問題が発生している場合は、他のオプションを検討することもできます。

2
EdGG