Chuck Norris hat ein „Sie haben gewonnen“-Banner angeklickt. Und er hat gewonnen!

3.06.09

Redesign: Links

Letztens bin ich mal direkt auf Indiskretion Ehrensache unterwegs gewesen, anstatt mich nur im Feedreader durch die Beiträge zu lesen. Jedenfalls gefiel mir am Design besonders eines: die Links.

Anstatt den Links eine andere Farbe – z.B. Orange – zu geben und dann zu unterstreichen, behalten sie die Farbe des normalen Textes und bekommen einen andersfarbigen unteren Rahmen.

Das sieht meiner Meinung nach sehr elegant aus und ich könnte mir sogar einbilden, diese Links reißen mich weniger aus dem Lesefluss. Der Textbaustein wird als Link identifiziert, aber ich komme nicht ins Stolpern, wenn ich eigentlich nur den Text am Stück lesen möchte.

Ich habe das auch gleich mal beim derzeitigen Design dahingehend geändert, um zu sehen, wie das mit meiner Farbe (hellblau statt orange) ausschaut. Zusätzlich habe ich das Hintergrundbild, das auf Fremdverlinkungen hinweisen soll, eingegraut.

Ich habe sogar schon mit dem Gedanken gespielt, diese Grafiken ganz zu entfernen. Immerhin ist es auch irgendwie die Aufgabe des User Agent, dem Besucher klarzumachen, dass er sich mit dem Link von der Seite wegbewegt. Da gibt es doch bestimmt irgendwelche Firefox-Plugins, die das regeln könnten; zur Not tut’s auch ein Blick in die Statusleiste.

Eigentlich suche ich aber bloß eine Ausrede, um diese hässlichen Kästen mit den Pfeilen guten Gewissens aussondern zu können ;)

Wie sehen das meine wenigen paar Leser? Darf man auf ein bisschen Usability verzichten, wenn es dafür ein klein wenig besser aussieht? Und generell: Verbesserung oder Verschlechterung?

Kommentare [6]

nastorseriessix am 4.06.2009 um 02:05

Für mich sind das nach wie vor einfacher unterstrichene Links, nix spezielles. Oder übersehe ich da was ?

Markus Schlegel am 4.06.2009 um 07:54

Es könnte sein, dass dein Browser das hier nicht versteht:

.postcontent p > a  {
		color: inherit;
		border-bottom: 1px solid #0282ff;
}

Was man aber nicht hoffen möchte, denn das wäre fatal.

Die neuen Links treten so auch nur im Inhaltsbereich auf.

Oliver am 4.06.2009 um 11:21

Hallo,

das Besondere habe ich jetzt auch noch nicht entdeckt…
Die 4 Browser die ich jetzt ausprobiert habe zeigen einen unterstrichenen Link an der beim Hover die Farbe wechselt!?

LG
Oliver

Markus Schlegel am 4.06.2009 um 11:39

Okay, besonders ist das auch nicht, mir ist das bisher nur noch nirgendwo aufgefallen.

Viel mehr wollte ich auf das Weglassen der Extern-Icons zu sprechen kommen. Mittlerweile hab ich den entsprechenden Code im Stylesheet auskommentiert.

Tim Baumann am 4.06.2009 um 17:02

Ich denke, dass man nicht allgemein sagen kann, ob man auf die Externer-Link-Symbole verzichten kann/sollte. Das ist immer vom Zielpublikum abhängig.

Ein kleines Beispiel:
Wir als Blogleser sind es schon gewöhnt, wenn auf Inhalte anderer verwiesen wird. Aus dem Zusammenhang wird geschätzt zu 90% klar, wohin der Link führt. Im Zweifelsfall kann man, wie du im Artikel bereits erwähnt hast, in der Statusleiste nachschauen. In solchen Webseiten darf man m.E. den Hinweis gerne weglassen zugunsten des Designs.
Anders sieht das bei Online-Ausgaben von Zeitungen aus (es soll ja welche geben, die ihre Quellen verlinken, statt nur in einem Nebensatz zu erwähnen). Ich glaube nicht, dass deren Leser an Links im Fließtext gewöhnt sind. Hier würde das Mehr an Usability deutlich das evt. Design-Makel rechtfertigen.

Markus Schlegel am 5.06.2009 um 11:11

Zum Glück ist das ein Blog und keine Zeitung, also wird’s weggelassen \o/

Kommentar verfassen

Textile-Hilfe

  • *stark*
  • _betont_
  • "Link":http://url.com/
  • bq. Zitatkasten
  • bc. Code-Block
Der Kommentar kann erst abgeschickt werden, wenn man mindestens einmal die Vorschaufunktion aktiviert hat.

Flattr

Blogrolle

Podroll

Soziale Netzwerke

Twitroll