it-swarm-eu.dev

Sollten Hyperlinks blau sein?

Ich habe eine Site erstellt, auf der alle Hyperlinks die Standardfarben haben: Blau für Links, Lila für besuchte Links. Sie werden beim Schweben rot.

Ich glaube, dass es eine gute Sache ist, immer Blau für Hyperlinks zu verwenden, damit Ihre Benutzer schnell sehen können, was ein Hyperlink ist und was nicht. Einige meiner Kollegen sind jedoch anderer Meinung und möchten andere Farben.

Was denkst du darüber?

42
Husky

Ein Standard wie # 0000FF für nicht besuchte Links und # 800080 für besuchte Links ist nur dann gut, wenn fast jeder dies tut. Andernfalls können Benutzer nicht vorhersehen, wann der Standard eingehalten wird und wann nicht, und können ihn daher nicht mehr zur Vorhersage des Site-Verhaltens verwenden. Leider folgen die meisten Websites diesen Farbstandards nicht. In einer zufälligen Umfrage (nicht zu verwechseln mit einer zufälligen Umfrage) stelle ich fest, dass weniger als ein Drittel der Websites dem Standard entspricht. Nach meiner Erfahrung kennen Benutzer, die relativ neu im Web sind, möglicherweise nicht einmal den Standard - dies ist einfach nichts, was sie aus ihrer Erfahrung herausholen konnten. Farbe hat sich als zu wichtig für Grafik- und Brandingzwecke erwiesen, als dass Designer den Standard strikt einhalten könnten. Ehrlich gesagt war es sowieso kein großartiger Standard - für einige Benutzer ist es schwierig, sich auf blauen Text mit hoher Sättigung zu konzentrieren, insbesondere für ältere Benutzer. Insgesamt halte ich es nicht mehr für sinnvoll, diesen Standard einzuhalten.

Es ist jedoch immer noch sinnvoll, Ihre Links in einem weiter definierten Sinne blau zu machen. Über 80% der von mir befragten Websites verwenden einen Blauton als Link. Obwohl dies nicht gerade ein Standard ist, auf den sich Benutzer verlassen können, werden sie meiner Meinung nach eher davon ausgehen, dass Bläulich mehr Linkish ist als andere Farben. Nach allem, was ich gesehen habe, können Sie eine nicht blaue Farbe für Links verwenden, solange es sich um eine eindeutige Farbe handelt (Ihre Benutzer sollten dies nicht tun). Sie müssen nicht mit der Maus über jeden Farbtext fahren, um festzustellen, ob es sich um einen Link handelt oder nicht. Wenn es jedoch überhaupt sinnvoll ist, Blau zu verwenden, wählen Sie Blau.

Noch wichtiger als die Farbauswahl ist nterstreichen Sie Ihre Links , zumindest für Links, die sich nicht in einem Menü in der oberen oder Seitenleiste befinden. Über 90% der Websites, die ich mir angesehen habe, verwenden Unterstreichungen, um Links zu unterscheiden (obwohl dies oft nur bei Mouseover der Fall ist), was es zu einer sehr konsequent befolgten Konvention macht. Durch das Hervorheben werden auch die Zugänglichkeitsprobleme von Farben deutlich umgangen - einschließlich Probleme, an denen die kleine Minderheit der Benutzer beteiligt ist, die vollständig farbenblind sind.

Zusammengenommen empfehle ich so ziemlich das die gleichen Dinge, die Jakob Nielsen empfohlen hat vor sechs Jahren:

  • Verwenden Sie für eine bestimmte Website eine Farbe für alle nicht besuchten Links. Die Verwendung mehrerer Farben für einen nicht besuchten Link erhöht die Lernbelastung Ihrer Website und erschwert es den Benutzern, nach ausgewählten Links zu suchen.

  • Mit "Farbe" meine ich, dass es einen Farbton hat - Links dürfen nicht schwarz, weiß oder grau sein. Nicht-Farben zeigen an, dass Benutzer keinen Link-Text haben.

  • Wenn die Palette Ihrer Website ein Blau enthält, verwenden Sie dieses Blau für Links.

  • Verwenden Sie niemals die gewählte Linkfarbe für nicht verlinkenden Text auf der Site. Dies verwirrt die Benutzer darüber, was ein Link ist und was nicht, und macht den Zweck des Färbens von Links zunichte.

  • Unterstreichen Sie alle Links. Verwenden Sie die Maus-Unterstreichung mit Vorsicht. Ich würde es nur in Betracht ziehen, wenn Links blau sind oder sich die Links in einem oberen oder Seitenleistenmenü befinden.

  • Unterstreichen Sie niemals Nicht-Links. Verwenden Sie stattdessen Kursiv oder Fett zur Hervorhebung.

Nachforschungen haben ergeben, dass für Websites mit statischem Inhalt besuchte Links in einer anderen Farbe angezeigt wird. Da jedoch keine bestimmte Farbe für nicht besuchte Links vorhanden ist, ist es schwierig zu wissen, was für einen besuchten Link verwendet werden soll. Nur ein Drittel der von mir untersuchten Websites unterscheidet besuchte und nicht besuchte Links. Die meisten dieser Websites verwenden kein Lila für ihre besuchten Links. Daher weiß ich nicht, wie vertraut Benutzer mit dieser Konvention sind. Die Farbcodierung ist hier willkürlich - es gibt nichts über Lila an sich, was "besucht" bedeutet. Benutzer können möglicherweise auf die Bedeutung schließen, wenn sie auf einen Link klicken und zurückgehen und die Farbänderung sehen. Stellen Sie sich jedoch einen Benutzer vor, der einen Monat später zur Website zurückkehrt. Einige Links haben eine Farbe, andere eine andere Farbe schwer zu merken, was was ist.

Alles, was ich vorschlagen kann, ist zu versuchen, eine breitere Benutzererfahrung zu nutzen und für besuchte Links eine "abgenutzte" Farbe zu verwenden. Dies sollte eine geringere Farbsättigung aufweisen als die Farbe für nicht besuchte Links (im Einklang mit der Verwendung von # 800080 gegenüber # 0000FF), aber eine geringere Sättigung allein reicht wahrscheinlich nicht aus, um den Besuch für alle Benutzer angemessen von nicht besuchten zu unterscheiden. Was sonst? Rotverschiebung des Farbtons wie bei einigen Websites im Einklang mit der Verwendung von Lila gegen Blau? Verwenden Sie eine hellere Farbe, wie es andere Websites tun, um den Link "verblasst" aussehen zu lassen? Verwenden Sie eine dunklere Farbe wie bei anderen Websites, damit sich der Link besser in normalen Text einfügt? Ich denke, dies erfordert einige Nachforschungen, und dann müssen wir es zu einem Standard machen.

32

Konvention ist schön, wenn Ihr Farbschema dies zulässt, aber die interne Konsistenz ist wichtiger. Sie müssen sich also nicht an die Blau/Lila/Rot-Palette halten. Es ist auch wichtig, dass sich Ihre Links vom normalen Text unterscheiden. Die Unterscheidung erfolgt normalerweise nach Farbe, Gewicht oder Unterstreichung. Unterschiedliche Farben für unterschiedliche Verbindungsstatus erhöhen die Benutzerfreundlichkeit.

27
Virtuosi Media

Ob Links blau sein sollten oder nicht, ist eine alte Diskussion. Zum einen ist bekannt, dass Jakob Nielsen dies befürwortet, obwohl er sich im Laufe der Jahre geändert hat: in Homepage Usability macht er einen Punkt aus seiner veränderten Sichtweise ( Nielsen & Loranger 2006, S. 100).

Jedoch , wichtiger als #0000FF farbige Links sind, dass Sie ändern die Farbe der besuchten Links . Nicht unbedingt zu lila, sondern zu etwas (insbesondere) anders.


Meine (inspirierte) Meinung: Ästhetik ist wichtig. Daher würde ich eine eindeutige Linkfarbe wählen, die dem gesamten visuellen Gefühl entspricht, sei es #0000FF oder eine andere Farbe.

8
jensgram

Der Grund dafür, dass es dieses schreckliche Blau ist, ist, dass farbenblinde Menschen (dh der häufigste Fall von Farbenblindheit) zwischen Schwarz und Blau unterscheiden können, sodass sie tatsächlich den Unterschied sehen. Wenn Sie eine große Anzahl von Benutzern haben, die möglicherweise farbenblind sind (z. B. Google oder Bing), sollten Sie sich an diese Konvention halten. Andernfalls müssen Sie dies nicht tun, wenn es mit Ihrem Design nicht funktioniert. Sie können jedoch zumindest Links unterstreichen oder sie von der Farbe unterscheiden.

3
Lukas Oppermann

Sie müssen nicht blau sein, sondern nur konsistent. Und mit konsequent meine ich nicht, dass sie alle eine Farbe haben müssen. Links in der Navigation vs. Links in der Fußzeile vs. Links im Inhalt - sie können jeweils ihre eigene Farbe haben, sofern sie in ihren Bereichen konsistent sind und als anklickbar hervorstechen.

Meiner Meinung nach ist es am besten, wenn die Schaltflächenfarben auch mit den Linkfarben übereinstimmen und dem Benutzer die Farbe "Dies ist anklickbar" geben, nicht nur eine Linkfarbe. Ich stimme auch früheren Kommentaren zu besuchten Links zu - sie müssen nicht drastisch unterschiedlich sein, sondern spürbar anders.

Zu guter Letzt definieren Sie beim Definieren von Linkfarben Hintergrund- und Textfarben.

Gehen Sie nicht davon aus, dass Sie mit einem weißen Hintergrund, schwarzem Text und blau/lila Links beginnen - der Benutzer kann diese ändern. Sie sollten Ihren Browser so einstellen, dass nicht standardmäßige Farben verwendet werden, damit Sie sehen können, wenn Ihre Websites (und so viele andere) diese nicht definieren. (Ich habe die Hintergrundfarbe meines Browsers auf hellgrau, kastanienbraunen Text, hellgrüne Links, dunkelgrün besuchte Links und orange Link-Hover eingestellt.)

2
Webveloper

Erstens ist das Hauptproblem bei Links nicht so sehr, ob sie eine bestimmte Farbe haben, sondern ob sie so differenziert sind, dass klargestellt wird, dass es sich um Links handelt.

@VirtuosiMedia und @jensgram, ich stimme zu, dass die Differenzierung der besuchten Links gut ist, aber der Schlüssel liegt einfach darin, sicherzustellen, dass Ihre Links hervorstechen. Gerade jetzt, da die Informationen überladen sind und so viel gescannt wird wie gelesen, müssen Benutzer Links auf einen Blick sehen, und es ist hilfreich zu wissen, ob Sie etwas besucht haben, insbesondere etwas, das Sie auf der Seite, auf der Sie sich befinden, nicht besucht haben . Ich glaube, dass das Konzept wichtiger ist, wenn man Inhalte innerhalb eines Hauptthemenbereichs oder einer Branche liest, in der viele Websites auf dasselbe Material verweisen. Wir müssen immer daran denken, dass Benutzer überschreiben können, wie sich besuchte Links in ihren Browsereinstellungen verhalten (wie ich).

@Lukas und @Charles Ich würde auch zustimmen, dass das Unterstreichen nicht unbedingt funktioniert. Wenn Sie für einen ausreichend hohen Kontrast entwerfen, reicht es möglicherweise auch nicht aus, für diejenigen, die farbenblind sind, eine andere Farbe zu verwenden. Je mehr Differenzierung Sie Ihren Links geben können und je mehr Pseudoklassenvariationen danach vorhanden sind, desto besser. Zum Beispiel werden bei einem einfachen, starken Design die Textfarbe Nr. 333 und die Linkfarbe Nr. 000 für Benutzer mit geringer Sehschärfe oder Farbenblindheit wahrscheinlich nicht ausreichen, aber es kann ausreichen, den schwarzen Link fett und unterstrichen zu machen. Der Zustand wäre dann am besten, wenn Sie den Mauszeiger und den aktiven Modus ändern und dann noch einmal ändern, vielleicht in eine Art 999 in dem Fall, den ich oben zitiert habe.

@Stewbob Wirklich? Auch wenn es Ihr Design stinkt, sich an Blau zu halten, sollten Sie es tun? Kaum.

1
jameswanless

Ich denke nicht, dass die spezifische Farbe wichtig ist oder dass sie unterstrichen sind. Solange es sofort offensichtlich ist, dass sie angeklickt werden können, ist das in Ordnung.

Ich war auf Websites, auf denen ich (mit der Maus) nach etwas suchen musste, auf das ich klicken kann. Wenn sich der Cursor in die kleine Hand verwandelte, wusste ich, dass ich darauf klicken konnte. Für mich ist das sehr schlechtes Design.

Obwohl jedes Site-Design anders sein wird, sollte es im Allgemeinen offensichtlich sein, auf was geklickt werden kann, um eine Aktion auszuführen, indem man nur (passiv) auf die Seite schaut. Trotzdem ist es gut, allgemeinen Standards zu folgen, wenn es darum geht, wo sich die Dinge befinden. Auf vielen Websites werden die Kontoinformationen oben rechts angezeigt. Ich war in der Vergangenheit wieder auf Websites, auf denen ich mindestens 5 Minuten lang versuchen musste, den Link "Abmelden/Abmelden" zu finden.

0
Antony Scott

Hier sind die von Microsoft veröffentlichten Standards für Links . Es gibt einen speziellen Abschnitt über Link Farben und Hintergründe mit amüsanten Abbildungen der falschen Verwendung.

0
JeromeR