Neue Richtungen im Webdesign

Wir helfen bei der Orientierung (Teil 5 - Flat Design)

“In unserer Industrie ist das Einzige, was sich nicht ändert, die Veränderung selbst!” Im 5. Teil unserer Serie “Neue Richtungen im Webdesign” beschäftigen wir uns u.a. mit dem momentanen Designtrend Flat Design und minimalistischem Webdesign im Allgemeinen. Was steckt hinter dem Trend? Wieso löste das flache Metro-Interface von Windows 8 oder Apples iOS7 teils solche Kontroversen aus? Wir helfen bei der Einordnung…


#5: Flat Design & Minimalismus

“Content is King” proklamiert die eine Seite, “Design is Queen” schieben die Designer nach. Tatsächlich gehen beide Ansichten Hand in Hand, denn schon die alte Designweisheit “Form follows function” (Gestaltung wird bedingt durch die Funktion) betont seit seiner erstmaligen Anführung 1852 ihren Zusammenhang. Heutzutage herrscht vermehrt wieder folgendes Verständnis:

Worauf wir uns konzentrieren müssen ist nicht das “Wie” wir ein Design/Layout/UserInterface einer Webseite gestalten, sondern warum. - Simon Foster, Web Designer
Design sollte immer eine Funktion haben, gerade wenn wir über das Internet, das mächtigste Marketingwerkzeug in der Menschheitsgeschichte sprechen. - Verschiedene Web-Standard Evangelisten

Da Entscheidungen darüber, was wir von einem Produkt (Dienst/Dienstleister/Unternehmen) halten letztendlich oft emotional getroffen werden, ist es nicht anzuraten, den Punkt der “Gestaltung” zu vernachlässigen, denn wir (im weitesten Sinne “Mediengestalter”) leiten das Auge des Nutzers und damit auch seine Emotionen. Das Bildern & Visualisierungen dabei Unmengen an Bedeutung und Potential zukommen verdeutlichen folgende Aussagen:

Wir werden traditionelle Services dabei beobachten können, wie sie in eine visuellere, mehr Bilder-basierte Richtung gehen. - Hello Monday Visual Creative Design Studio
Ich freue mich auf mehr und mehr Designer, die ein Verständnis dafür haben, was wirklich nötig ist [...]. - Denise Jacobs, Web Design Consultant und Creativity Evangelist

Gute Interfaces sind einfach & intuitiv bedienbar

Design ist immer auch UX (Gestaltung der Usability und UserExperience) und spielt von daher direkt mit ins Inbound Marketing, denn wie lange sich Nutzer auf einer Seite aufhalten, welchen Wegen sie folgen und wann und wo sie letztlich wieder die Seite verlassen, beruht zu großen Teilen auf Strukturierung und Gestaltung. Es gilt das Interface (also die “Oberfläche”) einer Webseite oder -applikation so intuitiv erfahrbar wie möglich zu halten und den Nutzer zu gewissen Dingen anzuregen (Call to action).

Einfachheit ist in diesem Zusammenhang von maßgebender Bedeutung. Das umfasst Texte und Formulierungen in ihrem Umfang genauso wie in ihrer Angemessenheit bzw. ihrem Anspruch. Doch auch gestalterisch geht der Trend zum Reduzierten, “Flat Design” (flaches Design) ist als Gegensatz zu “Skeuomorphism” (Räumlicher Gestaltung) gerade in aller Munde:

Wir bewegen uns in eine Ära des “flachen” (statt Räumlichen) Designs, wodurch Lesbarkeit und Nutzbarkeit begünstigt wird. - Aarron Walter, Author of “Designing for Emotion”
Ich denke Simplizität ist der wichtige Punkt. Mobiles Webdesign muss unbedingt einfach sein, Webseiten für andere Geräte aber auch. - Bruce Lawson, Evangelist of Open Web Standards

Die Metro-Oberfläche von Windows 8

Apples iOS7 wird aufgreifen und weiterführen was Windows 8 mit seiner Metro-Oberfläche vorgemacht hat. Solide Farben, Typografie-orientiert, (weitestgehender) Verzicht auf Schatten, Rahmen oder Verläufe, Einfachheit in allen Belangen. Man scheint zu der Ansicht gekommen zu sein, ein Bildschirm hat keinen realweltlichen Bezug und seine Oberfläche bzw. sein Interface benötigt von daher auch keine räumliche Darstellung. Sicher aber hat auch die Informationsüberflutung ihren Einfluss auf die Bewegung, denn wie bereits erwähnt, geht es darum Interfaces schnell erfahrbar zu machen und die jeweiligen Inhalte in den Mittelpunkt zu rücken, nicht hinter bloßer Dekoration zu verstecken.

Ich denke, es wird sich ein einfacheres Web herausbilden. Mehr Raum, weniger Durcheinander & Dekoration. Weniger ist mehr. Außerdem werden wir sehen, wie sich das Web weiter in unser täglich Leben integriert. - Mike Kus, Graphic, Web Designer & Illustrator
Es wird schnellen und einfachen Zugang geben, aber mit Kreativität, Stil & Emotionen. - Ultranoir, meist ausgezeichnetes Studio bei Awwwards
Die Leute sehnen sich nach weniger Inhalten und mehr Fokussierung auf ein bestimmtes Thema. Es ist Zeit das Web einfach(er) zu machen. - Epic Agency

Ausblick

Man sieht also deutlich in welche Richtung es geht, auch wenn “flaches Design” ein momentaner Trend ist, von dem ich nicht sagen kann, dass er sich hält. Schließlich erntete das flache iOS7 in Sachen Usability nicht nur Lob. Die momentane Einfachheit ist gewissermaßen eine Konsequenz: eine Konsequenz dem Web und den heute vielzähligen Kommunikationswegen oder -möglichkeiten etwas von ihrer Komplexität zu nehmen, aber auch eine Konsequenz zur Reduzierung von Gestaltungsaufwänden, denn gerade mit Responsive Webseiten sind die Erstellungsaufwände enorm gestiegen.

Leider trifft man in unserer Branche immer wieder auf Kunden, die dafür nicht wirklich Verständnis haben. Ich bin aber der Ansicht, dass wenn wir erst einmal eine Weile anpassungsfähige Webseiten machen und die Probleme, die uns momentan beschäftigen, besser zu handhaben wissen, sich die Erstellungsprozesse wieder etwas reduzieren und die Designs damit auch wieder komplexer werden können. Von daher kann ich nicht überzeugt behaupten, Flat Design ist mehr als ein Trend, gerne lasse ich mich aber eines besseren belehren. Wir dürfen gespannt sein, wohin die Entwicklung geht. Vielleicht zu dem unlängst vorgestellten Konzept des “Almost Flat Designs” (fast flachen Designs), das Flachheit nur dann beherzigt, wenn es die Usability auch wirklich verbessert.

Veröffentlicht am 06.11.2013


Quellen & Links:
Speckyboy.com: Flat Design – The Next Step Forward in the Evolution of Web Design
Designmodo.com: Pros and Cons of Flat Design
Vanseodesign.com: How Does Flat Design Damage and Improve Usability?
30+ Logo Stats and Facts – New Fortune 500 List Research
Nielsen Norman Group: iOS 7 User-Experience Appraisal


Der Autor

Sebastian Frost (Online Marketing Experte)
Sebastian Frost
Online Marketing Manager und Experte fürs Digitalgeschäft