他のサイトにリンクしているメニュー項目を区別する方法


7

私は大規模な大学で働いており、ドロップダウンメニューのアイデアを考え出しているところです。

大学にはメインサイトと多くのサブサイトがあり、それぞれに独自のメニューリンクがあります。ドメイン名とテーマに加えて、これらは基本的にすべて個別のサイトです。

これらのサブサイトは、メインメニューで互いにリンクしていることが多く、混乱を招く可能性があります。メニューのリンクをクリックし、ページに移動し、同じメニューを見たいが、まったく別のサイトにいるため、メニューオプションが異なる。

これらのクロスサイトメニューリンクを視覚的に区別する良い方法はありますか?リンクの横にある矢印アイコンなどが、サイトを離れることを人々に知らせるのに役立つのではないかと思います。

回答:


9

小さくて目立たない「新しいウィンドウ」アイコンを使用します。

ここに画像の説明を入力してください


6

すべての外部リンクを1つPartnersまたは同様のタイトルのドロップダウンリストに入れて、この投稿で提案されている微妙なインジケーターをすべて使用しないのはなぜですか。

私はこれらのどれもが私自身の考えであるとは思わない、それらはこの投稿の他のすべての人から来ている。それを独自のドロップダウンメニューに追加するというひねりを追加しました。これは、内部ナビゲーションと混ぜ合わせるよりもずっと理にかなっているからです。

ここに画像の説明を入力してください

すべての指標を組み合わせると、「これらのリンクはサイトの外に出ます」、または単に「これらのリンクは異なるので、クリックすると理由がわかる」と言っていることは明らかです。


1
できればこういうふうにしますが、こんなに大きな大学の情報アーキテクチャは複雑すぎて簡単に整理できません。これは、サイトがそもそも非常に相互リンクしている理由の一部です。
先住民族2014

brooklyn.cuny.edu/web/home.php BC中央のボタンを見てください。これは別のサイトです。したがって、ボタンはリンク先のサイトのテーマを表す必要があります。
Muhammad Umer 2014

はい、そういう意味ではありませんでした。ボタンが移動先のサイトを表すのは良い戦略だということです。
ムハンマドウメール2014

それは本当です。ですから、同じ一般的なアイコンを使用して外部リンクを表示する代わりに、外部サイトのロゴまたはそれらのサイトの機能に似たアイコンを表示する方がはるかに良いと思います。
Muhammad Umer 2014

3

それぞれをサイトに含める必要がある場合は、サイトごとに異なる色を使用するマルチカラーナビゲーションパネルを作成してみてください。トップレベルをクリックすると、新しいページがサイトにターゲティングされますが、背景としてスタイルが設定された色でドロップダウンナビゲーションが可能になります。または、サイトにいることを示すために左側または右側に実線が表示されます。

このようなものかもしれませんが、無地の背景の代わりに下部に単純な線を使用します。

ここに画像の説明を入力してください

これらすべてをリストする必要がある場合は、簡単にアクセスできるようにフッターにサイトマップも追加します。

個人的なWebデザインの観点から、私は各サイトを、ドロップダウンを使用せずtarget="_blankにサイトの上部にあるプレヘッダーとしてターゲットにする可能性があります。これにより、エクスペリエンスが向上し、サイトをヘッダーとして、各サイトのメインナビゲーションパネルでその下のリンクを使用して、各サイトのフッターをコーディングするだけです。サイトマップへのリンクを含むポストフッターオプションを生成する


これはどのフォント
ですか

2

どういうわけか、どういうわけかそれらに異なる外観を与える必要がありますが(すべてのサイトで一貫している限り、ほとんど何でもかまいません)、それに伴って、title="Opens a different website in a new windowホバーのツールチップとしてメッセージがポップアップします。また、訪問者を中間ページに連れて行き、現在のサイトを離れることを伝えることもできます。

やむを得ない理由がない限りtarget="_blank"、混乱を最小限に抑えるために、このようなリンクをすべて作成することをお勧めします。


3
私は嫌い私はそれらを求めることなく、新しいウィンドウを開いてサイトを。
TRiG 14

@TRiGに同意する。UXの観点からは、これはひどいです。ユーザーはすでに新しいウィンドウで開くことを選択できます。詳細については、UX.SEこの質問を参照してください。
Schism 14

1

サブジェクト、ロゴ、または外部サイトを表すテーマに関するアイコンを表示すると役立つ場合があります。

ここに画像の説明を入力してください

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.