Home » Design » App Design: Die Bedeutung und Wirkung der Farben
App Design: Die Bedeutung und Wirkung der Farben

App Design: Die Bedeutung und Wirkung der Farben

Wir haben in unseren Artikeln ĂŒber das App Design fast immer damit begonnen, den interessierten Leser darauf hinzuweisen, dass ein gutes Design nicht ausschließlich durch die passende Wahl der Farben determiniert wird, sondern dass die Usability, das Branding und die UX und UI eine große Rolle spielen.

Nichtsdestotrotz ist die Wahl der Farben ein wichtiges Thema und nicht so trivial, wie es auf dem ersten Blick erscheint. Eine Farbe, oder auch die Gestaltung mit mehreren Farben ist eine ganz eigene Wissenschaft fĂŒr sich: Eine Farbe kann bei uns Menschen die unterschiedlichsten Emotionen auslösen. Und genau diese GefĂŒhle sind es, die wir mit den allermeisten App Entwicklungen erzeugen möchten.

Uns stehen unzĂ€hlige Gestaltungsmöglichkeiten zur VerfĂŒgung und vieles wird nach dem eigenen Geschmack entschieden. Wir sollten aber im Blick behalten, welche Wirkung wir mit dem App Design erzeugen möchten und wofĂŒr unsere App eigentlich gemacht ist.

Ebenso unendlich wie unsere Möglichkeiten sind auch die Studien, die im Marketing bezĂŒglich der Wirkung von Farben auf das Verhalten der Rezipienten gemacht wurden. Auf Basis der gewonnenen Erkenntnisse wollen wir in diesem Artikel herausstellen, welche Auswirkungen das App Design und die Farbgebung auf eine Mobile App haben.

frau erstellt wireframes einer app neben notebook
Bild von Sarah Pflug via Burst

Welche Farbe sollte mein App Logo haben?

In den App Stores finden wir bunte und weniger bunte Icons fĂŒr Apps in den verschiedensten Farben und IntensitĂ€ten. Oft hĂ€ngt dies von der Kategorie ab: Mobile Games und Social Apps sind hĂ€ufig farbenfroher als Business Apps. Das Portal Medium hat eine Studie zur Ausgestaltung hunderter App Icons durchgefĂŒhrt.

Welche Farbe eignet sich also am besten? Die Ergebnisse der Studie zeigen deutlich, dass es stark von der jeweiligen Zielgruppe der App abhÀngt.

Das könnte Sie interessieren | Top Mobile App Trends fĂŒr 2020

Wenn Du Dich den Stores anpassen möchtest (oder Du der Meinung bist, dass Deine Zielgruppe dies wĂŒnscht), solltest Du als Grundfarbe des Logos Rot oder Blau wĂ€hlen. Willst Du Dich ein wenig von der Masse abheben, fĂ€hrst Du mit einem grĂŒnen Icon gut. GrĂŒne Logos sind seltener als rote oder blaue, aber nicht allzu ungewöhnlich. Als Rebell wĂ€hlst Du Pink oder Lila. Diese Farben sind in den App Stores kaum zu finden.

Was bedeuten die unterschiedlichen Farben?

Bei der Wahl der Farbe ist zu beachten, dass es sich nicht lediglich um Àsthetische Aspekte oder um den Geschmack des Anbieters handelt. Jede Farbe kommuniziert mit dem Betrachter und besitzt eine andere Aussage:

  • Rot: Diese Farbe regt zur Aktion an. Sie drĂŒckt einerseits eine AggressivitĂ€t und andererseits Leidenschaft und Liebe aus. Dem User wird vermittelt, dass er aufgefordert wird, impulsiv zu sein und aktiv zu werden.
  • Gelb: drĂŒckt eine optimistische Sichtweise und GlĂŒck aus.
  • Blau: transportiert Gelassenheit und Ruhe. Außerdem regt Blau die ProduktivitĂ€t an und vermittelt das GefĂŒhl von Sicherheit und Vertrauen.
  • GrĂŒn: Viele assoziieren mit GrĂŒn NatĂŒrlichkeit, Ruhe und Gesundheit. DarĂŒber hinaus reprĂ€sentiert GrĂŒn Wohlhabenheit und Geld und wird im Marketing fĂŒr die Kundenbindung eingesetzt.
  • Lila: Erfolg und Weisheit. Wird in der Regel verwendet, um kreative und innovative Marken zu reprĂ€sentieren.
  • Orange: steht fĂŒr Emotionen und Enthusiasmus. Sollte nur dazu verwendet werden, um den User zu etwas aufzufordern. Eignet sich beispielsweise fĂŒr die Gewinnung von Leads oder fĂŒr die Aufforderung etwas zu kaufen.
schwarzes smartphone mit get creative app und notizbuch
Bild von Rawpixel via Unsplash

Welche Farbe passt zu Mann und Frau?

Bei der Betrachtung der Wirkung einer Farbe auf den Menschen muss immer auch das Geschlecht mit einbezogen werden. Die Wirkung einer Farbe kann bei MĂ€nnern anders aussehen als bei Frauen.

Was sind die beliebtesten Farben?

Blau ist die Lieblingsfarbe von 57% aller MĂ€nner. Außerdem mögen MĂ€nner die Farben GrĂŒn (14%), Schwarz (9%) und Rot (7%). Eine Farbe die von MĂ€nnern oft negativ bewertet wird, ist die Farbe Lila. 22% sagen, dass sie Lila am wenigsten mögen.

Bei den Frauen hingegen geben 23% an, dass sie die Farbe Lila mögen. Gemeinsamkeiten erkennt man bei der Farbe Blau, die 35% aller Frauen mögen. Dies ist ein Grund, warum App-Designer Blau hĂ€ufig verwenden. Auch bei den Farben GrĂŒn (14%) und Rot (9%) sind die PrĂ€ferenzen der Frauen denen der MĂ€nner Ă€hnlich.

Außerdem sind sich MĂ€nner und Frauen einig, dass Orange und Braun sehr unbeliebte Farben sind.

Unterschiede hingegen sehen wir ganz deutlich bei der IntensitĂ€t der Farben. WĂ€hrend MĂ€nner gut auf sehr krĂ€ftige und deckende Farben ansprechen, mögen Frauen eher Pastelltöne und gedeckte Farben. Außerdem mögen MĂ€nner eher dunklere AusprĂ€gungen der Farben und Frauen hellere.

app designer mit vielen unterlagen und materialien
Bild von  Matthew Henry via Burst

App Design und Farbenblindheit

Immer wenn es um die farbliche Gestaltung geht, mĂŒssen Entwickler beachten, dass fast 10% aller Menschen farbenblind sind. Das heißt, dass sie (meistens) Rot von GrĂŒn nicht unterscheiden können. Auch beim App Design sollte man auf diesen Punkt achten. Wenn Rot und GrĂŒn gemeinsam verwendet werden, werden fast 10% der Bevölkerung von der Nutzung ausgeschlossen, weil die Usability nicht gut sein kann.

Allerdings heißt Farbenblindheit nicht, dass die Betroffenen alles in schwarz-weiß sehen. Eventuell erkennt der Nutzer lediglich die Unterscheidung einzelner Farben und auch Farbabstufungen nicht. Oft verwenden App-Designer innerhalb von Apps Farben in verschiedenen Abstufungen. Dies ist auch sehr sinnvoll. Allerdings sollten wir darauf achten, dass ein Design auch noch verwendbar ist, wenn diese Abstufungen nicht vollstĂ€ndig erkannt werden.

Wer möchte, kann sein App Design auch auf einfache Art und Weise anpassen, damit Farbenblinde dieses ebenso gut verwenden können wie alle anderen. Ein alternatives Design kann folgendermaßen aussehen:

  • Farben + Symbole: Die verschiedenen Farben könnten zusĂ€tzlich mit Symbolen oder Schrift gekennzeichnet werden. So wird die Funktion eines Buttons auch klar, wenn der Nutzer die Farbe nicht erkennt. Dies kann auch fĂŒr nicht-Betroffene die Usability steigern.
  • Hintergrund: Ein Hintergrund, der es erlaubt, dass sich die verwendeten Buttons deutlich abheben, unterstĂŒtzt die Farben und Funktionen von interaktiven SchaltflĂ€chen.

Ihr erkennt hoffentlich, wie wichtig es ist, sich ĂŒber die Farbgestaltung einer Mobile App Gedanken zu machen. Aber vergesst bei allen Tipps, die wir Euch gegeben haben, nicht, dass es auch immer auf die Zielgruppe und das Branding ankommt. Wenn Ihr alle Hinweise befolgt, solltet Ihr dem Ziel „Usability“ schon ein ganzes StĂŒck nĂ€her gekommen sein!

Proyecto Diseño

Verfasst von

Yeeply
Yeeply

Yeeply ist eine Premium-Plattform, die sich auf die Entwicklung von Mobile Games und individuellen Websites spezialisiert hat. Seit 2012 vertrauen uns unsere Kunden die Entwicklung ihrer Projekte an, und wir arbeiten mit den besten zertifizierten Profis auf technischer Ebene: Entwickler von Mobile Games oder Web-Freelancer, große Softwareunternehmen und fĂŒhrende Agenturen. Erstellen einer App oder einer Website war noch nie so schnell, zuverlĂ€ssig und sicher wie mit Yeeply! Veröffentlichen Sie Ihr Softwareprojekt auf Yeeply und lassen Sie sich von unserem Team durch den Prozess begleiten.