Neues Responsive Webdesign für Fraunhofer |

Fraunhofer präsentiert sich seit Ende 2015 in einem neuen Responsive Webdesign. Für 13″ Monitore (1280 px Breite) ist der Webauftritt somit nun vollformatig.

ehemalige Fraunhofer Startseite (13″)

neue Fraunhofer Startseite (13″)

Fraunhofer alt (320×480)

Fraunhofer neu (320×480)

Der große Vorteil des Responsive Webdesign zeigt sich in der Ansicht auf kleinen Endgeräten. Wurde die ehemalige Seite nicht der Displaygröße angepasst, so richtet sich das neue Design flexibel nach dem verfügbaren Platz. Zudem zeigt das neue Design einen Menübutton (siehe roter Pfeil), über den die Seite auch per Smartphone leicht zu navigieren ist.

Die linke Menüleiste ist komplett nach oben gerutscht und als Dropdown umgesetzt worden. Jedoch scheint die Menüführung noch nicht komplett konsequent. So zeigen z.B. die auf gleicher Hierarchieebene angeordneten Menüpunkte Mission/Leitbild und Zahlen und Fakten jeweils eine andere Umsetzung im Menü und Layout der Seite. Mission/Leitbild weist kein weiteres Dropdown im Menü auf, sondern zeigt weitere Menüpunkte auf der Seite selber (dunkel umrandeter Pfeil). Zahlen und Fakten hingegen benötigt keine weitere Verlinkung auf der Seite, da ein zugehöriges Dropdown im Menü existiert (dunkel umrandeter Pfeil).

inkonsequente Menüführung

Der graue Hintergrund und das im oberen Bereich verwendete graue Hintergrundbild sind weißem Hintergrund gewichen. Der ehemals durch Flächen geprägte Auftritt ist nun deutlich durch Linien untergliedert. Manchmal ist jedoch weniger mehr.

Linien zur Unter-unterteilung

Und auch der Fehlerteufel schleicht sich bei dieser Mammutsaufgabe, die Linien in jeder Ansicht unter Kontrolle zu haben, schnell ein. So werden manche Linien zu dick dargestellt und wieder andere wollen sich nicht im richtigen Punkt berühren.

Die Kontrolle der Linien – der Teufel liegt im Detail.

Einen frischen Wind bekommt der Webauftritt durch flächige Kacheln im grünen-blauen Spektrum, die sehr gut mit dem Fraunhofer grün des Logos harmonieren.

farbige Kacheln für frischen Wind

Auch die Forschungsfelder bekennen im Flat Design Farbe. Neben der ansprechenden Farbgestaltung ziehen sie jedoch auch durch ihre Bewegung Aufmerksamkeit auf sich. Erwartet man im Anschluss an die sichtbaren sechs Forschungsfehldern jedoch weitere Forschungsfelder, so wird man enttäuscht. Nach dem gerade links verschwundenen Logo betritt rechts ebendies wieder die Bildfläche (siehe rote Pfeile) – von außerhalb des Liniengitters.

Bewegte oder bewegende Forschungsfelder?

Anders verhält es sich bei der Darstellung auf kleineren Geräten. Hier sind die Forschungsfelder berechtigter Weise in Bewegung und die Punkte zeigen die Anzahl der durchlaufenden Seiten.