Presse >> Usability News >> Farbgestaltung im World Wide Web

Schaut man sich im World Wide Web ein bisschen um, merkt man sehr schnell, dass Farbe oftmals einfach so, d.h. ohne grössere Überlegungen eingesetzt wird. Oftmals scheint die Devise, „Je bunter – desto besser“ oder „Je mehr – desto besser“ zu lauten.

Der eigentliche Grund für den Einsatz von Farbe, nämlich der, einem Anwender die Informationsverarbeitung zu erleichtern, wird dabei leider allzu oft vergessen.

Denn auch wenn Farbe aus ästhetischen oder werbetechnischen Gründen eingesetzt wird, sollte sie doch die Wahrnehmung und die Informationsverarbeitung des Anwenders auf keinen Fall negativ beeinträchtigen.  

Grundsätzlich kann Farbe die visuelle und kognitive Verarbeitung der auf einer Web-Site präsentierten Information erhöhen. So kann zum Beispiel mit der richtigen Farbauswahl das Auffinden, Einteilen und Verknüpfen von Informationen mit dem Resultat erleichtert werden, dass ein Anwender das Gefühl hat, sich intuitiv auf der Site zurechtzufinden.

Das Hauptziel der Farbdarstellung - die Erleichterung der Informationsverarbeitung - wird erreicht, wenn die gewählte Farbe leicht feststellbar, identifizierbar und unterscheidbar ist. Zudem sollte die Bedeutungszuordnung der Farbe aufgabenangemessen sein. 

Für die software ergonomische Prüfung von Farbdarstellungen auf Web-Sites teilen wir bei uns die Farbe in folgende 3 Bereiche ein (photorealistische Darstellungen ausgenommen):

• Farbbild (visuelle Reize)

• Erscheinungsbild (visuelle Wahrnehmung)

• Identifizierung (Farberkennung)

Beim Farbbild gilt: Vermeiden Sie wenn immer möglich visuelle Überreizungen. Zum Beispiel das Angrenzen von Farben mit einer Sättigung von 1.

Für das Erscheinungsbild gilt: Überlegen Sie sich zuerst, welche Wirkung Sie mit Ihrer Web-Site erreichen möchten. Blaue Farbtöne sind für eine kalte Wirkung gut geeignet, rote Töne eignen sich besser für eine warme Wirkung. 

Quelle: Lauter, B.: Software-Ergonomie in der Praxis. Oldenbourg Verlag. München 1987.

Haben Sie sich einmal für ein bestimmtes Farbschema entschieden, dann verwenden Sie es konsequent auf jeder einzelnen Web-Seite weiter.

Möchten Sie Farben für die Identifizierung von Elementen benutzen? Rot ist in unserem Kulturkreis die Signalfarbe Nummer 1 für „Achtung“, „Gefahr“ und „Stop“. Grün hingegen die Farbe für „Ok!“, „Weiterfahren“. 

Eine Darstellung wie im Bild unten macht aus ergonomischer Sicht keinen Sinn, da die Farben rot und grün nur aus Gründen der Unterteilung eingesetzt werden und keinerlei Bedeutung für die Informationsverarbeitung haben (vgl. dazu das zweite Bild mit gleichem Informationsgehalt).

• Gleiche Farbe für gleiche Funktionen (z.B. Hyperlinks)

• Kontrast zum Untergrund gross genug halten

• Unbunter Hintergrund bei einem farbigen Vordergrund

• Unbunter Vordergrund bei einem farbigen Hintergrund

• Relevante Informationen mit starken, irrelevante mit schwachen Kontrasten darstellen

Es gilt zu beachten, dass es natürlich auch äussere Einflussfaktoren gibt, die den Farbeindruck der beim Surfen durch eine Internetseite entsteht beeinflussen: 

• Die Leuchtdichte und die Auflösung des Monitors

• Die Bildschirmdarstellung selbst, d.h. die Grösse der Abbildung, die benachbarten Farben und die jeweilige Ortsfrequenz

• Der Anwender selbst. Denn je nach Adaptionsniveau und Wahrnehmungsfähigkeit nimmt er die Farbdarstellung anders wahr.

• Die Raumbeleuchtung. Je nach Beleuchtungsstärke und Farbtemperatur der Beleuchtung kann ein ganz anderer Farbeindruck entstehen.

Und wie sieht es mit der Farbenblindheit aus?

Gemäss ISO Norm 9241-8 sind weniger als 1% der Bevölkerung farbenblind. Allerdings sind ca. 8% der männlichen und 0.5% der weiblichen Bevölkerung farbenfehlsichtig. Am meisten können rot, gelb und grün nicht unterschieden werden. Auch zyan und weiss sowie blau und violett werden leicht verwechselt.

Möchten Sie weiterführende Informationen bezüglich der Verwendung von Farben online, dann senden Sie uns bitte unter Angabe Ihrer Anschrift eine E-mail an info@usability.ch mit dem Betreff: Merkblatt Farbgestaltung.

Quelle: ISO Norm 9241-8.

Zurück zur Seite Usability News