web-dev-qa-db-ja.com

テーブル行での意図しないリンククリック

問題

デスクトップアプリケーションでは、ユーザーは多くのテーブルを閲覧します。一部のセルにはリンクが含まれています。リンクテキストは他のセルと同じように見えますが、ホバリング時から、青くなり下線が引かれた場合を除きます。

これは、個人を表すレコード行を持つテーブルです。レコードを開くと、個人のすべての詳細が表示されます。しかし、代わりに、会社の列のリンクをクリックすることで、個人リストから個人の会社を直接開くこともできます。

list

これらの3つの動作を組み合わせています。

  1. 行の任意の場所をダブルクリックして、新しいウィンドウでレコードを開きます。
  2. リンク以外の場所をクリックして、行を選択します。 (画像の「マリア」行)
  3. リンクをクリックしてリンクをたどります。 (「1 2 3 ...」をクリックすると、その会社が開きます)。ただし、ほとんどの列にはリンクが含まれていません。

問題は、ユーザーが偶発的に誤ってこれらのリンクをクリックすることです。

質問

リンククリックアクションを変更するにはどうすればよいですか意図しないリンククリックを回避しながら、上記のアクション1と2の規則を維持し、リンクへの簡単なアクセスを維持していますか?

これまでに試したこと

ホバーにのみ表示されるテキストをリンクする代わりにボタンを使用してターゲット領域を最小化することを考えました。しかし、私はそれを配置するのに最適な場所を見つけることができません:

buttons

追加の手順を要求することも考えましたが、リンクをクリックしたときにメニューがポップアップ表示されるのは間違っています。

enter image description here

それを回避する方法についてのアイデアは増えましたが、本当に必要なのは、どちらを選ぶべきか、そしてその理由です。できるだけ従来通りであることが望ましい。

5
JOG

私が間違っていても許してください。しかし、ユーザーがそれらの上に移動するまで、リンクは見えないようです。

リンクを永続的に表示するようにすると(たとえば、下線付きの青いテキストとして)、ユーザーは代替機能を予測し、行の他の場所をクリックして選択できるようになります。さらに良い;リンクのホバー時にのみ、カーソルをハンドカーソルに変更します。

リンクをより小さなヒットターゲットに戻すことを選択した場合でも、「ホバー時にのみ表示される」と言っていることに注意します。ユーザーが誤ってクリックして取得する可能性のある秘密のターゲットを効果的に作成しています。行を選択する代わりにリンクを開くという予期しない動作。マウスの位置に関係なくリンクを表示したままにしておくことは非常に望ましいでしょう。

2
Kit Grose

以下に示すようなチェックボックスなど、行を選択するための個別のコントロールを導入することを検討します。これにより、誤ってリンクをトリガーしたり、アイコンや追加の手順などの直感的でない方法に頼ったりすることなく、リンクをテーブルに含めることができます。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

4
Matt Obee