Tim Adler

Teilweise lassen sich sehr einfach Verbesserungen für Usability und Design einfach durch die Farbwahl erreichen. Besonders bei Ton in Ton Design wirkt eine Sonderfarbe Wunder. Besonders Designer, die bei ihren Entwürfen extrem sicher gehen wollen, verwenden möglichst nur Tonabstufungen, dabei sind spannungsvoll gewählte Farbtöne nicht nur ein ästhetischer Aspekt.

Dass Usability von Farben abhängen könnte, habe ich nicht für möglich gehalten, bis ich das zum ersten Mal gesehen habe. Für das Projekt innovations-wissen.de hatte eine Agentur einen Entwurf geliefert, der zwar sehr hübsch anzuschauen war, einen aber bereits nach wenigen Sekunden zu langweilen begann.

In dem hier dargestellten Dialog soll der User sich später anmelden. Problem: Er wird in diesem Prozess absolut überhaupt nicht geführt. Zum einen lässt die Farbwahl nur Vermutungen offen, welcher Bereich der Seite wichtig sein könnte, zum anderen sind so viele Text zu sehen, das man sich erst mühselig einlesen müsste.

Bei einem solchen Layout kann man schnell einige grundlegende Punkte verbessern:

1. Farbwahl
   Die Farben sollten "spannungsvoll" gewählt werden. Das hat man als Designer entweder im Blut, oder gelernt. Für alle anderen gibt es sehr nützliche Links/Tools, die einem weiterhelfen können:
   ColourLovers - Auf dieser Seite gibt es täglich neue Farbpaletten, meistens sehr gut gewählt.
   colormatch redux - Hier kann man sich Farbpaletten zusammenstellen lassen. Man erhält dabei 6 bunte und 3 unbunte Farbtöne.
2. Menschen
   Wie war noch die journalistische Grundthese: Nichts interessiert den Menschen mehr als der Mensch. Das gilt in jedem Medium - d.h. wenn man Bilder von Menschen in sein Layout mit einfügt, sollten es auch nur Newsbeiträge sein, so steigt der persönliche Bezug für den User sofort. Deshalb schnappt man sich am besten nen Stockfoto-Anbieter und sucht drauf los.
   photocase - Ist wohl der bekannteste Anbieter. Hier gibts Bilder umsonst, man brauch nur Downloadcredits
   stock.xchng - Auch hier gibts Bilder umsonst. Ist noch umfangreicher als photocase.
3. Strukturierung
   Mit einer herausstechenden der in 1 gefundenen Farben sollte man Aufmerksamkeit steuern. D.h. mit dieser Farbe sollten Stellen und Informationen markiert werden, die besonders wichtig sind. Die Farbe sollte nicht für Links oder ähnliches verwendet werden. Da reicht es häufig auch nur mit Unterstreichung als Informationen zu arbeiten (was wiederum heisst, dass auf dem Rest des Seite Unterstreichungen tabu sind) - Setzt man diese Farbe dann sehr spärlich ein kann man fast sicher gehen, dass der User die Information in der besonderen Farbe auch tatsächlich wahrnimmt.