web-dev-qa-db-de.com

So unterscheiden Sie Aktionen, die von einer Webseite weg navigieren, von der Interaktion mit der Seite

Vor langer Zeit dienten Links und Aktionen auf Webseiten nur dazu, Sie zu einer anderen Webseite zu navigieren oder etwas auf dem Server zu verarbeiten. Heutzutage werden viele Links und Schaltflächen verwendet, um mit der aktuellen Seite zu interagieren: Inhalte erweitern, modale Dialoge starten, Popups anzeigen oder Anzeigeeinstellungen umschalten.

Dies führt eine neue Komplikation für das moderne Surfen im Internet in Situationen ein, in denen Benutzer nicht von der Seite weg navigieren möchten. Nehmen wir zum Beispiel an, Sie verstehen während des Ausfüllens eines Formulars keinen der Begriffe, aber es gibt einen Link daneben, um weitere Informationen zu erhalten. Das ist großartig, aber Sie wissen nicht, ob Sie durch Klicken auf diesen Link zu einer neuen Seite gelangen und alle Ihre Fortschritte löschen können. Mit etwas Glück zeigt der Link entweder die Inline-Hilfe an oder öffnet sich in einem neuen Tab (target="_blank"), aber keines davon ist für den Endbenutzer transparent. Benutzer können versuchen, das Öffnen einer neuen Registerkarte mit einem mittleren Klick oder durch Klicken mit der rechten Maustaste zu erzwingen. Dies wird jedoch normalerweise nicht gut gehandhabt, wenn der Klick nur zum Auslösen eines Seitenereignisses verwendet wurde.

Eine Lösung besteht darin, explizit externe Links mit einem Symbol anzugeben wie folgt: External Link Icon

Dies lässt aber zu wünschen übrig. Erstens ist es dem Benutzer in Abwesenheit dieses Symbols immer noch nicht ganz klar, ob dieses Design einheitlich auf die aktuelle Seite angewendet wird. Zweitens wird dies normalerweise nur verwendet, um Websites in einer anderen Domäne anzugeben. Wenn der Link Sie zu einer anderen Seite auf derselben Site führt, ist das Symbol unklar.

Eine Möglichkeit, mit der Erschwinglichkeit umzugehen, besteht darin, einen Chevron zu verwenden, um zusammenklappbare Steuerelemente anzuzeigen

Chevron Example

Dies gilt jedoch nicht für viele Situationen, die zu Popovers oder Modalitäten führen.

Wie können Sie beim Erstellen moderner Webanwendungen angeben, dass eine Aktion nur die aktuelle Seite betrifft?

3
KyleMit

Wie wäre es mit einer gestrichelten Unterstreichung für den Hyperlink?

local link   
- - - - -

link to another page
____________________

So haben es die Hilfedateien in den 90er Jahren gemacht. Dies hat auch den Vorteil, dass die häufigste Verwendung für einen Hyperlink (Link zu einer anderen Seite) gleich bleibt und die Erschwinglichkeit für den "neuen" Linktyp geändert wird. Links, die innerhalb einer Seite eingeblendet/erweitert werden, sind viel neuer als der klassische Hyperlink zu einer anderen Seite

2
Clay Nichols

Das Symbol macht Sinn zum Öffnen in einem neuen Fenster. Es kann jedoch nur für eine Website verwendet werden, die beispielsweise 90% auf derselben Seite betreibt.

Wenn Sie zufällig jeden möglichen Link auf einer neuen Seite geöffnet haben, wird das Symbol nutzlos.

Ich glaube jedoch, dass der beste Weg, ein neues Fenster anzugehen, darin besteht, es in einem neuen Tab zu öffnen. Sie legen also im Grunde ein Ankerpunkt fest, damit der Benutzer zur vorherigen Registerkarte navigieren kann, wenn er die neu geöffnete Registerkarte anzeigen möchte.

Wenn Sie beispielsweise 10 Links auf einer Webseite haben, von denen 9 auf derselben Seite angezeigt werden, kann ein Symbol darauf hinweisen, dass der 10. Link einen neuen Tab öffnet.

1
Swapnil Borkar