web-dev-qa-db-ja.com

ラベルを「だまし」ユーザーへのリンクとしてスタイリングして、その上にカーソルを合わせますか?

タイトルだけではおそらく「NO!」と唱えられるでしょう。人気のある回答として、詳しく説明させてください。

バックグラウンド

何かを表すアイテムの表があります。各アイテムは1〜5個の属性を保持できます。テーブルの列には、各アイテムが持つ属性の数が表示されます。この列は各アイテムのセルで構成され、123...、属性の数によって異なります。ユーザーがセルにカーソルを合わせると、ツールチップが表示され、このアイテムに含まれている属性のIDが記載されたテキストが表示されます。

問題

リンクとしてスタイル設定されたラベルは、クリック入力を無視するためクリックできません。リンクとして表示される理由は、ユーザーをそこに引き付けるためであり、ユーザーが「ねえ、ここに何かがある」と考える可能性があります。彼らはそれにカーソルを合わせ、おそらくそれをクリックしようとすると、ツールチップが表示されます。

ツールチップのアフォーダンスを他にどのように伝えるかは本当にわかりません。

質問

これは優れたUXと見なされますか?ユーザーがだまされていると主張することもできますが、その利益はそれを正当化するのに十分ですか?

自分の意見は大丈夫ですが、私はあなたのケースを強化する事実の証拠を望んでいます。


編集:ここでの副次的な質問は、アクションではなく、データの表示ではなく、何かのツールチップを用意してもよいかどうかです。

24
AndroidHustle

略語/頭字語には点線の下線のアプローチを使用することをお勧めします。これは、ユーザーがSSNをホバー/クリックすると社会保障番号を意味することをユーザーに知らせる良い方法です。コンテキストインラインヘルプなどの説明的な項目については、「i」または「?」の情報アイコンを使用してください。追加された支援のアイコン。私が使用するjavascript/jQueryプラグインは qTip2

enter image description here

enter image description here

52
JeffH

isホバーターゲットまたはラベルの横でクリック可能な情報アイコン「i」を追加してみませんか。

ラベルではなく、その上で伝えたい情報の概要を表示するツールチップを用意できます。必要に応じて、クリックを使用して(タッチスクリーンデバイスの場合など)ツールチップを表示することもできます。

8
ChrisF

ツールチップと同じ情報をポップアップする場合でも、ここでの答えはツールチップを誤って使用していて、リンクshouldをクリックすると何かを実行することですせいぜい要約である。

3
JamesRyan

タイトル属性とドットbottom-border? (これがHTML/CSSであると想定)

3
yitznewton

ユーザーが何かをクリックするように引き付けると、ユーザーが昆虫のように聞こえます。

ツールチップを介してアイテムの情報を利用できるという視覚的な手掛かりは必要ありません。これは、ユーザーが発見できる(またはドキュメントや他のユーザーから学ぶ)ことができるものです。この種の役立つ情報をアプリケーション全体で一貫して利用できるようにすると、ユーザーはそれを期待して探します。

(私は知っている、私は知っている、あなたは素晴らしいツールチップを書いて設定し、ユーザーがすぐに気づいてそれらのすべてを読むことを望んでいる。)

例外は、表示に多くの類似したオブジェクトがあり、それらの一部だけがこのヘルプを提供する場合です。これの明白な例は、テキストの段落にある少数のリンクです。 ツールチップを提供するためだけに、テキストの段落内のいくつかの単語またはフレーズをリンクとしてスタイル設定しても問題ありません。

意味的には、別のURLに移動しなくてもリンクです。それらは、ツールチップのドキュメントを構成する小さなドキュメントへのリンクです。

決定は基本的に左右されるべきです:これはウェブのようなものですか、それともデスクトップのようなものですか?デスクトップアプリケーションでは、ボタン、メニューバーなどのUIの代わりにハイパーリンクを使用したくありません。テキストでのみ使用できます。

1
Kaz

あなたが説明しているものは、 Intellitext タイプの広告が使用するUXに似ています。別の目的で使用している場合でも、人気のない広告形式からUXをコピーすることはお勧めできません。私の即座の反応はおそらく、ページを激怒させて終了するか、問題の要素を削除するためにadblockを起動することです。私の最初の印象が不正確だったと気づくのに十分に注意深く見たのは疑わしい。

私は答える傾向があります[〜#〜]いいえ[〜#〜]。しかし、この場合、私には理想的な解決策がありません。アフォーダンスとして提案するのは、省略記号--または--+のようなものを配置することです。

0

そのラベルをリンクにすることをお勧めします。そのリンクの機能はユーザーをどこかに導くはずです。たとえば、アイテムのより有益なリストを含む何かの詳細ページ。またはポップアップメニュー-各メニューアイテム(アイテムのIDで指定)は、アイテムの詳細の別のページを開くことができます(または、データモデルに応じて、同じアイテムを共有するものを含むレポート)。

0