Webdesign - Webseiten planen, gestalten - Free-Hack Library

Abb. 6.7.7b: Terminplaner als Websitekulisse
(frühere Site des IOT, nicht mehr im Netz)
228
Abb. 6.7.8a: Deutliche Bildlinks
(Grafik: Gasch, Hammer)
Interfacedesign
Das Gestalten von Navigationskulissen ist im Grunde dem Screendesign
zuzuordnen, prägt es doch das Gesamterscheinungsbild
einer Seite sehr stark. Es basiert, wie das Screendesign, darauf, ein
geeignetes Sinnbild für die Navigation bereitzustellen. Beispiele
für Navigationskulissen könnten sein: Pinnwände, Klingelknöpfe,
Wegweiser, Cockpits, Schaltwarten, Tastaturen etc.
Verbreitet findet sich auch das Registerschema, wie man es ursprünglich
aus der Hardwareumgebung des Büroalltags und – übertragen
auf den PC – z. B. aus den Windows-Anwendungen kennt. Im
Beispiel des Instituts für Organisation und Technikgestaltung
(http://www.iot-online.de) ist dies als Timer mit „Post-It“-Register
abgewandelt (Abb. 6.7.7b).
Obwohl visuell als Einheit wirkend, sind solche Register im Grunde
Buttonleisten. Die Umsetzung ist technisch ein wenig komplizierter
mit zerschnittenen Gesamtbildern, die für die Einzelregister über
Rollover oder Skriptdefinitionen das (visuelle) Hervorziehen der
angeklickten Registerdaten simulieren. Registernavigationen sind
eingängig, solange Sie in Ihrem virtuellen Aktenschrank Ordnung
halten und gleichmäßig kalibrierte Taxonomien verwenden.
6.7.8 Bilder als Schaltflächen
Ebenso wie Bildbuttons unter Anzeige eines Navigationsbegriffs
oder eines Icons zur gewünschten Zieladresse verlinken, lassen sich
auch illustrative Fotos und Grafiken, die im Inhaltsbereich einer
Webseite eingesetzt sind, auf ein gewünschtes Ziel verlinken. Ein
Problem besteht oft darin, dass die Nutzer nicht sofort erkennen,
ob ein Bild als Link wirkt und wohin dieser führt.
Klarheit schafft hier z. B. die Nutzung des Tooltips zur Angabe
eines Linkzieles. Eventuell ist auch eine erläuternde Textlegende
neben dem Bild sinnvoll. Alt-Parameter in Bildern dienen nicht als
Toopltip, sondern als Bildbeschreibung insbesondere für alternative
Ausgabegeräte (z. B. Screenreader).
Dass ein Bild überhaupt verlinkt ist, wird konventionell durch eine
Bildumrahmung in der Defaultfarbe Blau signalisiert. Designer
sehen aber von dieser gestalterisch nicht gerade überzeugenden
Kennzeichnung ab und zeigen allenfalls einen farblich angepassten