Durch das neueste Update unserer Designvorlagen, wurden auch die Texte im Titelbereich responsiv optimiert. Die vom User definierten Schriftgrößen wurden bislang auch für mobile Geräte übernommen, was bei großen Schriften und viel Text zu Darstellungsproblemen führen konnte.

Um das zu verbessern, haben wir bei neu entwickelten Designvorlagen ein neues Verfahren eingesetzt und eine Kunden-Evaluation durchgeführt. Nachdem diese mit viel positivem Feedback abgeschlossen wurde, wurden auch alle bestehenden Design-Vorlagen um die neue Funktionalität erweitert.

Das neue Verfahren basiert auf der sogenannten „Viewport-Width“ (vw). Dies ist eine CSS3 Einheit, die sich auf die Breite des Endgerätes bzw. des Sichtfensters bezieht. Dafür haben wir jedes Design analysiert und die jeweils perfekte Konfiguration für den Titelbereich durch verschiedenste Usertests ermittelt, evaluiert und definiert.

Für den Nutzer ändert sich in der Konfiguration nichts, er definiert weiterhin im Editor nur die Desktopansicht. Das neue Verfahren wirkt sich nur auf die mobile Ansicht der Webseite aus.

Hierdurch ergeben sich für unsere Kunden – insbesondere diejenigen mit langen Titel & Untertiteln – eine bessere Optik und Lesbarkeit auf mobilen Endgeräten. Damit verbunden ein verbessertes Gesamterlebnis, höhere Reichweite und letztlich ein besseres Google Ranking.

So funktioniert agiler Wissenstransfer in erfolgreichen Teams!