Nach Responsive folgt Flat

Nach dem Siegezug von Responsive Design bei allen grösseren Webdesign-Agenturen, ist nun schon der nächste Trend am Horizont zu sehen. Flat Design ist der nächste grosse Wurf, um Webseiten wesentlich einfacher und funktionaler zu gestalten. Frei nach dem Motto „Weniger ist mehr“. Zudem wirkt sich ein Flat Design auch stark auf die Ladezeiten einer Seite aus, was in Verbindung mit Responsive Design zusätzliche Vorteile für die Besucher mit mobilen Geräten bringt.

Folgende Ansätze sind Bestandteil des Flat Design Trends:

  • Es werden nur Interface-Elemente verwendet, die für den Nutzer auch als solche zu erkennen sind
  • Die Gestaltung des Designs und der Bedienungselemente werden intuitiver und entsprechen so mehr den Erwartungen und Gewohnheiten der Besucher
  • Das Grundlayout zieht sich über alle Seiten und funktioniert so wie ein roter Faden, statt dass jede Unterseite ein anderes Erscheinungsbild hat und so den Besucher nur unnötig verunsichert
  • Hierarchien rücken wieder stärker in den Vordergrund um wichtige von weniger wichtigeren Inhalten zu trennen und dies auch ganz klar sichtbar zu machen
  • Flat Design setzt eine grössere Planungsphase mit Stift und Papier voraus, um jede Eventualität vorauszuplanen, dafür erreicht man anschliessend ein schnelleres und besseres Ergebnis während der digitalen Umsetzung

Grundsätzlich ist zu sagen, dass die Tage der „Bling-Bling Webseiten“ wahrscheinlich bald gezählt sind.

Diese Entwicklung hat auch den Vorteil, dass alle Browser, bis zurück zum Netscape Navigator das gleiche Surferlebnis bieten und nicht komplizierte Work-Arounds geschrieben werden müssen oder der Kunde gar gezwungen wird die neuste Version eines Browsers zu installieren um die Webseite mit Ihrem vollen Umfang betrachten und benutzen zu können.

Als Inspiration und Beispiel für erfolgreiche und schöne Flat Designs habe ich ein paar Webseiten zusammengesucht, die ich an dieser Stelle verlinken möchte:

Microsoft
microsoft

SpellTower
spelltower

Minimal Monkey
mininmalmonkey

Buffalo
buffalo

Art, Copy & Code
artcopypaste