web-dev-qa-db-ja.com

外部リンク:内部リンクと区別する方法、およびそれらを開く方法と方法

他のIA/UXDが外部リンクをどのように扱うか&異なるオプションの認識された長所/短所は何か。特に次の推奨事項を探しています。

  • 外部リンクと内部リンクを視覚的に区別するかどうかとその方法
  • 同じウィンドウ/タブで開くか、別のウィンドウまたはタブで開くか

http://www.ixda.org/search.php?tag=external+linkshttp://www.useit。 com/alertbox/open_new_windows.html

追加の意見、考え、特にこのサイトのユーザビリティテストの調査結果の貢献者を探すには、これらの質問に関するものがあるかもしれません。

22
Nathalie C

リンクの横にある種の視覚的な識別情報を表示することは良い方法です。 1つのウィキペディアが使用します。

alt text

明らかに、アイコンの意味をどこかに説明する必要があります。

12
ChrisF

2つを区別することはどのくらい重要ですか?ユーザーは気になりますか?ほとんどのサイトは内部リンクと外部リンクを区別せず、ユーザーがリンクにカーソルを合わせて表示またはクリックして見つけられるようにするだけです。

必要な場合は、ウィキペディアの慣習に従うことをお勧めします。これは、非常に有名なサイトであるため、アイコンが認識できるためです。

それ以外の場合は、あるタイプのリンクに点線の下線を使用し、別のタイプのリンクに実線の下線を使用するようなことを行うことができます。または、一方に二重下線を、もう一方に単一下線を使用します。異なるリンクの色を使用して、お互いを目立たせることもできますが、ほとんどの場合、適切ではありません。

最後のオプションは、外部リンクを別のセクションに配置することです(Wikipediaもほとんどのページでこれを行います)。これは、これらが外部リンクであることをユーザーに明確に示し、ユーザーがそれらを最も簡単に見つけたり、回避したりできるようにします。

とにかく、ほとんどの場合、リンクが外部であることをユーザーに「警告」することさえ完全に不要です。悪いサイトや無関係なコンテンツへのリンクは避けてください。

12
Lèse majesté

ウィキペディアのやり方が気に入っています。それらには、「別のウィンドウの起動」を意味する小さなアイコンがあります。通常、最新のブラウザでは、これが新しいタブになります。例:

enter image description here

私は実際にアプリでこの正確なリンクを使用して、いつ新しいウィンドウが起動するかを示しています。

11
Glen Lipka

Outgoing Linksデザインパターンを見てください。

http://www.welie.com/patterns/showPattern.php?patternID=outgoing-links

特に:

次の場合に使用

ほとんどのWebサイトは、内部リンクと外部リンクの組み合わせを使用しています。ただし、リンクの大部分が内部にある場合、ニュースサイトなどでは、外部リンクは例外になります。対照的に、ポータルサイトまたはブログページでは、バランスは通常、外部リンクに向けられます。したがって、他のサイトの外部ページへのリンクが一般的ではない場合、クリックしようとしているリンクによって、閲覧しているサイトから離れることを人々に知らせるのは良いことです。

方法

リンクラベルの後にアイコンを追加して、リンクをマークします。発信リンクを選択すると、新しいウィンドウが開きます。通常、アイコンは外側を指す矢印と形状の組み合わせです

なぜ

アイコンまたはその他の種類のマーキングを追加することにより、ユーザーはそのようなリンクが異なること、およびリンクをクリックしたときに何が予期されるかを認識します。リンクにマークを付けても、サイトのユーザビリティに関する大きな問題は解決されませんが、ユーザーがサイトを閲覧するときの期待を微妙に管理します。

8
Antony Quinn

私は、「戻るボタン」が突然無効にされ、ユーザーが閉じるためにクリックしなければならない場合に、ユーザーを非常に混乱させる場合があることがわかりました。一方、突然別のウェブサイトに立ち往生するのを混乱させる可能性もあります。しかし、それは「戻る」ボタンの出番です。

考慮すべきもう1つの点は、多くの初心者ユーザーがタブの概念をまだ理解していないことです。そのため、ブラウザがタブで「新しいウィンドウ」をキャッチし、ユーザーが閉じたり戻ったりしようとしても、Webサイトに戻る方法を見つけることができません。

個人的な経験から言えば、私はウェブサイトが新しいウィンドウやタブを開くとき、それを強く嫌います。自分で決めます、ありがとう。通常、記事を読み終える間、新しいタブをバックグラウンドでロードします。

したがって、結論として、他のリンクと異なる理由がユーザーに明らかな場合は、視覚的に区別することは有用です。そうでなければ、それは単に混乱するでしょう。ただし、リンクを新しいウィンドウで開くことはありません(またはほとんどありません)。

6
Maikel

一般的に、上記のコメントで述べた例外を除いて、外部リンクと内部リンクを区別しません。プライマリナビゲーションに外部リンクを含まないこと、内部メニューをクラスタリングすること、お気に入りのサイトやブログロールなどの外部リンクを個別にクラスタ化しないことにより、オフサイトナビゲーションのサプライズ要素を最小限に抑えるのに役立ついくつかのルールがありますが、コンテンツには通常、内部と外部を混在させることができます。また、コンテンツとハイパーリンクを使用して宛先を示すこともできます。

例:私のスキルと経験についてもっと読む プロの略歴-これがあなたを別の場所に連れて行った場合、あなたは驚くかもしれません地点。

しかし:先日News.com.auで読みました Googleの幹部が刑務所のビデオに直面している-あなたは期待するでしょう他の場所に行きます。

それらが良い例であることを願っています:)

6
Nathanael Boehm

Lèseに同意します。通常、それはそれほど重要ではありません。

ただし、たとえば、リンクが内部的にリンクする一連のリンクの一部である場合は問題になります。私が取り組んだサイトで、メインナビゲーションからの2つのリンクが外部サイトにリンクされていました。通常のリンクでそれらを配置すると、ユーザーが混乱するので、ナビゲーション領域の右側に配置し、ウィキペディアのようにアイコンを追加しました。

(ほぼ)ウィキペディアの記事のリンクはすべて内部リンクであり、外部リンクセクションのみが外部リンクを備えています。この場合、アイコンは標準とは異なるため、アイコンを追加することには意味があります。

だからあなたの質問に答えるためには、それは異なります。あなたの言葉遣いから、外部リンクをクリックすることはユーザーがしたくないことだと感じますか?

6
TomvB

新しいウィンドウは判断の呼びかけだと思います。リンク、特に外部リンクを右クリックしてコンテキストメニューを使用する(非常に余分な)作業を行わずに新しいウィンドウで開くことがよくあります。

そのため、読者がおそらく後でを見たいものにリンクしている場合、サイトの閲覧を続けながら、新しいウィンドウ/タブを使用する方法があります。ウィキペディアのアイコンも良い考えです。

4
Alana Boltwood

私はウィキペディアがそれらを表すために使用するような小さな矢印アイコンでグレンに同意し、またリンクを自動的に新しいウィンドウで開かないことについてマイケルにも同意します。必要に応じて、ユーザーに決定してもらいます。

2
Charles Boyung

新しいウィンドウまたはタブを開くリンクは明確に示す必要があります。新しいウィンドウまたはタブでリンクを開くと混乱するユーザーもいます。そのようなユーザーは、不可解なアイコンに混乱する可能性もあります。リンクを新しいウィンドウで開く必要がある場合は、次のように言ってください。ここに (リンクが新しいウィンドウを開く)

しかし、リンクを強制して新しいウィンドウを開くことを正当化するのは難しいことです。
疑わしい場合は、実行しないでください。

外部リンクについては、法的またはブランド上の理由でそれらを区別したい場合があります。ウィキペディアのように、テキスト((外部サイト))またはアイコンを使用します(一部のユーザーがアイコンの意味を知らないという事実を気にしない限り)。ただし、同じウィンドウで開く限り、ユーザーはいつでも戻るボタンを使用できます。

0
Bennett McElwee