Was ist ein geeigneter visueller Indikator für einen Anker in der Benutzeroberfläche?

Anker sind Links auf Websites, die den Benutzer beim Anklicken zu einem anderen Teil eines Bildschirms führen. Wir wissen, dass Schaltflächen und Linkindikatoren Benutzer zu anderen Seiten führen oder bestimmte Aktionen ausführen. Aber was wäre der am besten geeignete visuelle Indikator, um dem Benutzer mitzuteilen, dass es sich um einen Anker handelt?

Die Substantiv-Projektsuche nach Anker , Link , Verbindung , Verknüpfung und Lesezeichen sollte Ihnen genügend Ideen liefern.
Ich würde sowieso nicht davon ausgehen, dass Benutzer wissen, was „Anker“ bedeutet, also würde ich jegliche Bilder vermeiden, die einen wörtlichen Anker hervorrufen. Sie sagten, es führt Sie zu einem anderen Bereich des Bildschirms. Ich würde etwas verwenden, das darstellt, wohin Sie gehen, als meinen visuellen Indikator (wie einen kleinen Richtungspfeil).

Antworten (2)

Erwägen Sie die Verwendung einer reibungslosen Scroll-Animation für Ankerlinks anstelle eines grafischen Elements als Indikator dafür, dass der Link mit etwas auf derselben Seite verbunden ist.

Durch reibungsloses Scrollen bleibt das Verständnis erhalten, dass der Benutzer auf der Seite bleibt ( siehe diesen Smashing Magazine-Artikel zu intelligenten Übergängen ).

Während ein Pfeil, der in einem Kästchen nach rechts oben zeigt, zum Standard für „neues Fenster“ oder „neue Website“ geworden ist, ist ein nach unten zeigender Pfeil zum Standard für „Herunterladen“ geworden, sodass ein ähnliches visuelles Symbol/Element Verwirrung stiften kann. Darüber hinaus ist eine Ikonografie vom Typ Anker oder Kettenglied möglicherweise nicht deutlich genug, damit Ihre Benutzer ihre Bedeutung verstehen können.

Ein paar Ideen (erste 3) und die vierte für externe Links verwenden.

Geben Sie hier die Bildbeschreibung ein

Ich bin mir nicht sicher, ob einer von ihnen besonders gut funktioniert. Erinnern; Benutzer sind (meistens) keine Programmierer, also erwarten Sie nicht, dass sie verstehen, dass es ein Anker genannt wird.
Ich weiß, was Sie meinen, aber viele Apps verwenden heute eine Reihe kryptischer Symbole. Es ist nicht immer einfach, eine Idee für normale Benutzer in einem Symbol darzustellen. Aber irgendwie gewöhnen sich die Leute daran, wenn sie sie richtig ausprobiert haben? Und oft wenden sich App-Entwickler und UX-Designer diesen technischeren Symbolen zu, denen andere Optionen fehlen, oder um kompliziertere Lösungen zu vermeiden. Oder sie fügen Beschriftungen oder Überlagerungen neben den Symbolen hinzu, um es super deutlich zu machen. Ich würde tatsächlich das Kettensymbol (zweites) verwenden, da es für den Zweck ziemlich nah erscheint.
Da muss ich Digital Lightcraft zustimmen, Lucian. Ich denke, die meisten dieser Symbole haben für den durchschnittlichen Benutzer eine ziemlich gut definierte Bedeutung (Hashtag, Link, "Anker", externer Link / neues Fenster). Der Versuch, die Bedeutung eines gemeinsamen Symbols neu zu definieren, ist nicht gut für die Benutzerfreundlichkeit. Ich denke, der Anker ist der einzige, den ich nicht regelmäßig sehe, aber selbst das würde erfordern, dass der Benutzer versteht (oder noch schlimmer ... LERNT), was Sie mit "Anker" meinen.
Fühlen Sie sich frei, Leute beizutragen, da dies nur Vorschläge waren. Sie konnten oder konnten nicht für den Zweck arbeiten. Übrigens gab es den HTML-Anker für Links auf derselben Seite schon lange, bevor es überhaupt Hashtags gab - rapidtables.com/web/html/link/html-anchor-link.htm
Was ist ein geeigneter visueller Indikator für einen Anker in der Benutzeroberfläche?
AntwortenHierDatenschutz-Bestimmungen1y, 0v