web-dev-qa-db-ja.com

インサイトリンクとアウトバウンドリンクの視覚的な違い

インサイトリンクとアウトバウンドリンクの違いを解決しようとしています。現在、すべてのリンクにパレットの青色とホバーの下線に使用しています。アウトバウンドリンクが多いサイトの性質上、これはユーザーを混乱させると思います。リンクが別のサイトや私のサイトの詳細情報ページに移動するかどうかはわかりません。

このような問題を解決するための一般的な方法はありますか?

10
Noam

これに対する一般的なアプローチの1つは、小さなアイコン(チェーンリンクまたは四角から出てくる矢印)を送信リンクに追加することです。これにより、リンクの2つのカテゴリが視覚的に分離されます。インバウンドリンクにはビジュアルマークアップがあり、アウトバウンドリンクにはさらにアイコンがあります。

また、未定のユーザーはリンクをクリックする前にためらうので、ブラウザーに組み込まれているツールチップを(title属性を介して)利用してください。


編集:私は wikipediaのこの興味深いページ 外部リンクを表すためのWikipedia自体の規則の詳細と例の表を見つけました。私のスクリーンショット(赤い強調が追加されています)に示されているように、リンクされたリソースのさまざまなタイプを区別することで、さらに一歩進んでいます。 enter image description here

8
kontur

私はほとんどの答えに対抗点を提供するつもりです。おそらく、悪魔の擁護者を部分的に演じている。

サイト内リンクとサイト外リンクを区別しないでください。

どうして?人々は気にしません。彼らは情報を見つけるためにインターネットを使用していて、彼らが彼らが行きたい場所に彼らを導くと彼らが感じるリンクを喜んで辿ります。

私の経験では(確かに、これは決して科学に基づく考えではありません)、アウトバウンドリンクを別の方法で処理する必要があるという信念は、顧客がサイトよりもサイトの方が重要であると感じているクライアントに由来します。

「ユーザーがサイトに戻ることができるように、ポップアップで外部リンクを起動する必要がある」という議論をよく耳にします。私は、ユーザーが戻ってきたいという傲慢な信念を見つけました。彼らはそうするかもしれません。そしてもしそうなら、彼らは確かにその戻るボタンを使うことができます。しかし、オッズは彼らが本当に探している情報を取得することに集中しているだけです。そして、あなたのサイトがそれらをその邪魔にならない方法でその情報に導くなら、それは良いユーザー体験です。

6
DA01

私が設計するほとんどの新しいサイトでは、すべてのアウトバウンドリンクを新しいウィンドウ/タブ(target = "_ blank"付き)で開いていますが、すべてのサイト内リンクは同じタブで開いています。ほとんどのユーザーがそのパターンを理解し(これはより一般的になりつつあるようです)、新しいウィンドウが開いた場合にページが別のサイトからのものであることを理解するのにそれほど時間はかかりません。確かに、新しいタブが開くまで、それがアウトバウンドリンクであることはわかりません。

私はそれがアウトバウンドリンクであることを視覚的に示し、konturの提案が良いと思うのは良い考えだと思います。この規約がある程度標準化されればいいのですが。いずれにしても、将来的に適切な視覚的表示をプラグイン(および変更)できるようにするために、すべてのアウトバウンドリンクにクラス(おそらく「アウトバウンドリンク」)をアタッチしても問題はありません。

0
obelia

アウトバウンドリンクに常に下線(ホバーまたはその他)を使用しないのはなぜですか?サイト内リンクには下線はありません。当然、ユーザーはそれに慣れる必要がありますが、最終的にはそれを理解する必要があります。

あるいは、サイト内リンクに点線の下線を使用できます。

0
naveed

リンクは、内部でも外部でも常に同じスタイルにする必要があります。

ユーザーに無理やり考えさせないでください( 外来性認知負荷 external site)。

ただし、linkは同じスタイルにする必要がありますが、リンクが他の方法で実行する機能を示すと便利です。最も一般的なのは、ツールチップまたは小さなアイコンです。

link icons

askthecssguy から使用される画像 external site

たとえば、コンテキストからだけで外部リンクを示すこともできます wikipediaにはスタイルのマニュアルがあります 記事でリンクを使用する方法について。文脈から、これがウィキペディアにリンクすることは明らかです。

もちろん、テキストではなく画像を介してリンクしている場合、これはより困難になります。ツールチップは実装が簡単ですが、ユーザーがホバーする必要があります。画像の隅にアイコンを挿入することをお勧めします。

0
Tims