Eine Idee, um Weblinks auf einfache Weise bedienungsfreundlicher zu gestalten: macht sie anfassbar! Eigentlich ist das Prinzip bekannt: Wenn man einen Gegenstand drückt, dann bewegt er sich. Diese intuitive Erfahrung lässt sich auf einfachste Weise auch aufs Web anwenden:
a:active { position: relative; top: 1px; left: 1px }
Wenn ein Benutzer auf einen solchen Link klickt, bewegt er sich nach rechts unten (wird «eingedrückt») und gibt so dem Benutzer sofortiges Feedback über den erfolgreichen Klick. Dieses Feedback kann intuitiv verstanden werden und vermittelt die Sicherheit, dass die Aktion registriert wurde, obwohl das Laden der nächsten Seite möglicherweise noch einen kurzen Moment dauert.
Zwei Beispiele findet ihr auf naehrstoff.ch und artillery.ch. Es gibt auch aufwändigere grafische Beispiele, die das Prinzip des Anfassens gut veranschaulichen. So etwa die aktuelle Apple-Website, deren Navigations-Reiter nicht nur einen :hover, sondern auch einen :active Status besitzen.
Na dann los, ab zur Umsetzung! Aber nicht vergessen, auch :link, :visited und :hover sind wichtig…
2008-03-12 at 17:34
Eine sehr einfache aber effektive Weise ein Feedback über die Benutzerinteraktion zu vermitteln. Ich könnte mir vorstellen, dass mit vollständiger Unterstützung aller Browser der CSS Eigenshaft text-shadow noch weitere spannende Möglichkeiten offen wären. In Safari funktioniert dies ja bereits und hier ist ein Beispiel für eine Mögliche Darstellungsform:
