Unterscheiden von Menüelementen, die auf andere Websites verweisen


7

Ich arbeite für eine große Universität und wir versuchen, einige Ideen für unsere Dropdown-Menüs zu entwickeln, die ziemlich normal und nicht allzu ausgefallen sind.

Die Universität hat ihre Hauptwebsite und viele Unterseiten, von denen jede ihre eigenen Menüverknüpfungen hat. Neben dem Domainnamen und dem Thema handelt es sich im Wesentlichen um separate Sites.

Diese Unterwebsites sind in ihren Hauptmenüs häufig miteinander verknüpft, was verwirrend sein kann. Sie klicken auf einen Link in einem Menü, gehen zu einer Seite, möchten dasselbe Menü anzeigen, befinden sich jedoch vollständig auf einer anderen Site, sodass Sie unterschiedliche Menüoptionen haben.

Gibt es gute Möglichkeiten, diese standortübergreifenden Menü-Links visuell zu unterscheiden? Ich frage mich, ob ein Pfeilsymbol neben dem Link oder etwas dazu beitragen würde, dass die Leute wissen, dass sie die Site verlassen.

Antworten:


9

Ich würde einfach ein kleines, unauffälliges "Neues Fenster" -Symbol verwenden ...

Geben Sie hier die Bildbeschreibung ein


6

Warum nicht alle externen Links in eine Dropdown-Liste mit dem Titel Partnersoder ähnlich einfügen und alle in diesem Beitrag vorgeschlagenen subtilen Indikatoren verwenden?

Ich werde nicht so tun, als wären dies meine eigenen Ideen, sie stammen von allen anderen in diesem Beitrag. Ich habe gerade die Wendung hinzugefügt, es in ein eigenes Dropdown-Menü einzufügen, da dies für mich viel sinnvoller ist, als es mit der internen Navigation zu mischen.

Geben Sie hier die Bildbeschreibung ein

Wenn alle Indikatoren kombiniert sind, steht ganz offensichtlich "Diese Links gehen außerhalb der Website" oder einfach "Diese Links sind unterschiedlich, sobald Sie darauf klicken, werden Sie sehen, warum".


1
Ich würde so etwas tun, wenn ich könnte, aber die Informationsarchitektur einer so großen Universität ist zu komplex, um sie einfach zu organisieren. Dies ist einer der Gründe, warum die Websites in erster Linie so stark vernetzen.
Indigenität

brooklyn.cuny.edu/web/home.php Schauen Sie sich den zentralen Knopf von BC oben an. Das ist eine separate Seite. Die Schaltfläche sollte also das Thema der Site darstellen, mit der sie verknüpft ist.
Muhammad Umer

Ja, ich habe es nicht so gemeint. Ich habe gemeint, dass es eine gute Strategie ist, dass der Button die Site darstellt, zu der er führt.
Muhammad Umer

Das stimmt. Ich denke, anstatt dasselbe generische Symbol zu verwenden, um den Link nach außen anzuzeigen, ist es viel besser, ein Symbol anzuzeigen, das dem Logo externer Websites oder der Funktion dieser Websites ähnelt.
Muhammad Umer

3

Wenn Sie jeden einzelnen auf einer Site einfügen müssen, erstellen Sie ein mehrfarbiges Navigationsfeld, in dem die Farben für jede Site verwendet werden, wenn sie unterschiedlich sind. Wenn Sie auf die oberste Ebene klicken, wird eine neue Seite auf die Site ausgerichtet. Sie können jedoch auch eine Dropdown-Navigation mit der als Hintergrund gestalteten Farbe durchführen oder links oder rechts eine durchgezogene Linie anzeigen, um anzuzeigen, dass Sie sich auf der Site befinden.

So etwas mag vielleicht so sein, aber ich würde eine einfache Linie unten anstelle eines einfarbigen Hintergrunds verwenden:

Geben Sie hier die Bildbeschreibung ein

Wenn Sie alle diese auflisten müssen, würde ich auch eine Sitemap in die Fußzeile einfügen, um den Zugriff zu erleichtern.

Aus Sicht des persönlichen Webdesigns würde ich jede Site möglicherweise als Pre-Header oben ausrichten, der kein Dropdown-Menü verwendet, sondern eine target="_blankzur Site. Dies hilft bei einer besseren Erfahrung und codiert dann einfach die Fußzeile für jede Site mit der Site als Kopfzeile und den Links darunter mit dem Hauptnavigationsfeld jeder Site. Generieren Sie eine Post-Footer-Option mit einem Link zu Sitemap


Welche Schriftart ist das
Muhammad Umer

2

Sie sollten ihnen auf jeden Fall ein anderes Aussehen geben (es kann fast alles sein, solange es auf allen Websites konsistent ist), aber begleiten Sie es, title="Opens a different website in a new windowdamit die Nachricht beim Hover als Tooltip angezeigt wird. Sie können den Besucher auch zu einer Zwischenseite führen, auf der er darüber informiert wird, dass er die aktuelle Site verlässt.

Sofern Sie keinen zwingenden Grund haben, dies nicht zu tun, würde ich auch empfehlen, alle derartigen Links target="_blank"zu erstellen, um die Verwirrung zu minimieren.


3
Ich hasse Websites, die ein neues Fenster öffnen, ohne dass ich sie darum bitte.
TRiG

Einverstanden mit @TRiG. Aus UX-Sicht ist dies schrecklich; Benutzer können es bereits in einem neuen Fenster öffnen. Sehen Sie diese Frage auf UX.SE für Einsicht.
Schism

1

Vielleicht hilft es, ein Symbol über das Thema, das Logo oder das Thema der externen Website zu haben.

Geben Sie hier die Bildbeschreibung ein

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.