Optimierung des Responsive Webdesigns in Hinsicht auf mobile Nutzung
Die Verbesserungen zur mobilen Nutzung ergeben sich v.a. durch die neuste Version des Frameworks „Bootstrap“, auf welchem unsere Front-End-Entwicklung basiert. Auf mobilen Geräten – wie Tablets und Smartphones – werden diese besonders deutlich. Bereits die Startseite wirkt großzügiger und moderner. Höhere Kontraste und die Hinterlegung der verschiedenen Inhaltsbereiche mit Grautönen sorgen für eine klare Strukturierung und bessere Lesbarkeit.
Hauptsächlich der mobilen Nutzung zugute kommt die Performance-Verbesserung der neuen Version. Durch die Optimierung der Bildverarbeitung, der „Datenverarbeitung“ und der Layout-Programmierung verringern sich die Lade- und Render-Zeiten beim Aufruf jeder einzelnen Seite.
Noch weniger Rahmen, Ränder und schmückende Elemente
Der Aufruf von streng strukturierten Inhaltsbereichen, wie „Blog“, „Team“ und „Referenzen“ zeigt ebenfalls deutlich: Klar und modern wirkt der Verzicht auf alles, was vom Content ablenkt. Neben trennenden Grafiken im Header und Farbakzenten bei Grafiken und Schriften entfielen selbst Umrisslinien und Eckenabrundungen. Vor wenigen Jahren standen diese noch für „Feinschliff“ und sollten mehr Eleganz in das Screendesign bringen.
„Content is King“ – das gilt jetzt auch im Blick auf das Design. Selbst die farbigen Versionen der Kunden-Logos sollten den Abbildungen im Bereich Referenzen nichts mehr an Wirkung nehmen. In den Referenz-Übersichten werden daher nun die Graustufenversionen angezeigt.
Konsequente Anwendung von Stilelementen und deutliche Benutzerführung
Den einzelnen Inhaltsbereichen unserer Website 4.0 gestanden wir noch viele Ausnahmen zu: Hier waren mal die Spalten breiter und dort brauchte es noch Farbe. Das war nicht unschön, aber relativ unpraktisch! Bei jeder kleinen Modifikation – und seit 2019 gab es etliche – müssen diese Ausnahmen in die technische Umsetzung einbezogen werden.
Konsequenter und klarer wurde auch die Benutzerführung gestaltet. Links, Formularfelder und Call-to-Action-Elemente sind deutlich erkennbar und fördern damit die Interaktion. An dieser Stelle bieten wir Ihnen beispielsweise ganz deutlich an, Kontakt mit uns zur Aktualisierung Ihrer Website aufzunehmen.
Irgendwann muss man mal live gehen: Auch wenn unsere neue Website-Version bereits veröffentlicht ist, sind wir die nächsten Wochen im Hintergrund noch weiter mit der Optimierung von Design und Code beschäftigt.