Webdesign - Webseiten planen, gestalten - Free-Hack Library

Abb. 6.7.2b: Designvarianten von Breadcrumtrails
(http://www.ldi.nrw.de,
http://www.fh-gelsenkirchen.de,
Websiteneuentwurf FH-Gelsenkirchen,
http://www.manufactum.de)
Abb. 6.7.3a, b: Farbkodierung
ABES Public Design nutzt sowohl im Katalog
als auch im Webauftritt eine Farbkodierung
zur Differenzierung der unterschiedlichen
Produktbereiche.
(http://www.abes-online.de)
218
Interfacedesign
Zu einer guten Orientierung gehören auch eindeutige Linkbezeichnungen,
die für den Nutzer eine Aussagekraft haben.
Firmeninterne Abteilungs- oder Produktbezeichnungen sind für
nicht Eingeweihte wertlos!
Bei einer tieferen Seitenstruktur bietet die Pfadnavigation (Breadcrumbtrail)
gute Dienste zur Orientierung und ermöglicht zugleich
die direkte Rücknavigation auf die übergeordneten Ebenen. Diese
sollte in der Gestaltung eher zurückgenommen sein und eindeutige
Trennungen der Ebenenbegriffe aufweisen (Abb. 6.7.2b).
6.7.3 Farbkodierung
Um komplexere Inhaltsbereiche zu gliedern und dem Nutzer die
Orientierung zu vereinfachen, können Sie auch ein Farbsystem
entwerfen. Das bedeutet, dass Sie jedem einzelnen Inhaltsbereich
eine Farbe zuordnen. Diese müssen in der Gesamtheit zusammen
harmonieren, sich aber dennoch gut voneinander unterscheiden
lassen. Selbstverständlich sollten Sie einmal festgelegte Farben für
bestimmte Inhaltsbereiche, insbesondere bei Navigationselementen,
auf Folgeseiten konsistent beibehalten.
Beachten Sie auch hier die 7 +/-2 Regel, dass der Betrachter mehr als
ca. 7 Farbzuordnung nicht behalten kann. Dies gilt im Wesentlichen
auch für kleine Icons. Deswegen sind Sie auf der sicheren Seite,
wenn Sie für Farbsysteme höchstens 5-6 Farben planen. Danach
wird der Nutzen des Systems fragwürdig.
Am Beispiel der Website für ABES Stadtmobilar wird der Vorteil
der Farbkodierung offensichtlich (Abb. 6.7.3a, b). Die konsequente