Responsive Webdesign
Sieht man sich Statistiken einer Internetseite an wird deutlich, das "mobile Internet" ist auf dem Siegeszug. Responsive Webdesign ist daher unabdingbar. Doch was ist das eigentlich?
Genau genommen ist responsive Webdesign nur ein Teilbegriff und beschreibt eine bestimmte Technik Internetseiten auf möglichst allen Ausgabemedien optimal darzustellen.
Es gibt noch weitere die hier kurz angesprochen werden müssen. Da wäre zum einen die Möglichkeit verschiedene von sich getrennte Seiten zu erstellen und für jedes Ausgabemedium gesondert auszugeben. Eine weitere Möglichkeit Internetseiten aufzubauen ist ein "fluid Layout", welches sich egal welches Ausgabemedium Verwendung findet immer an die maximal zur Verfügung stehenden Bildschirmgrößen anpasst und dies stufenlos.
Responsive Webdesign selbst beschreibt eine Technik, bei der bestimmte Breakpoints festgelegt werden, an denen sich das Layout umstrukturieren soll. Zum Beispiel ab einer Bildschirmbreite von sagen wir, 1024 Pixeln soll sich die Seitenleiste nicht mehr neben sondern unter den eigentlichen Inhaltsbereich positionieren.
Doch was ist jetzt der richtige Weg, auf welche Technik soll man sich verlassen?
Betrachtet man es aus dieser Perspektive, würden wir von der ersten genannten Möglichkeit, dem Erstellen mehrerer Seiten für bestimmte Ausgabemedien abraten. Es gibt einfach zu viele Ausgabemedien, der Arbeitsaufwand Änderungen umzusetzen ist unter Umständen zu groß und es gibt wie schon genannt bessere Techniken.
Kombination aus responsive Webdesign und fluid Layout
Wir sehen den besten Weg in einer Kombination aus Breakpoints eines responsiven Design und dem stufenlosen anpassen bestimmter Seitenbereiche und Elemente durch fluides Layout. Kurz beschrieben heißt das, man nutzt den zur Verfügung stehenden Raum des Browserfensters bei bestimmten Elementen aus und versucht möglichst auf festgelegte Breiten und Höhenangaben einzelner Elemente zu verzichten. Natürlich ist hier zu beachten, ein Inhaltsbereich der immer 100 Prozent der Bildschrimbreite zu füllen versucht, ist auch nicht das gelbe vom Ei. Texte die zu lang laufen, also zu lange Zeilen haben sind schwer zu lesen, werden als unangenehm empfunden. Zudem sieht es auch nicht gut aus.
Responsive wird es dann, wenn wir einen von uns festgelegten Breakpoint erreichen. Wir haben die Möglichkeit unsere Seite komplett zu verändern. Übertrieben gesagt könnte eine Seite auf dem Desktoprechner komplett anders aufgebaut sein als auf dem Mobiltelefon. Es ist allerdings die gleiche Seite, die gleichen Inhalte. Auch haben wir die Möglichkeiten Schriftgrößen anzupassen, auf großen Bildschirmen ist die Schriftgröße größer, auf kleinen Geräten wird sie etwas verkleinert. Zeilenabstände werden angepasst, Farben werden anders dargestellt, das Menü wird in einem mittlerweile bekannten Aufklappfenster angeboten um Platz zu sparen und so weiter. Vieles, nahezu alles ist möglich.
Noch ein wichtiges Thema soll hier kurz genannt sein. Suchmaschinen legen großen Wert auf optimale Darstellung auf allen möglichen Ausgabemedien und haben es tatsächlich als Rankingfaktor genannt. Es würde hier allerdings den Rahmen sprengen und das Thema verwaschen wenn wir noch über SEO sprechen. Daher empfehlen wir an dieser Stelle unseren Wissenswert Beitrag zum Thema "Suchmaschinenoptimierung - kurz SEO".
Natürlich bedeutet eine Internetseite die auf diese Art umgesetzt wird etwas mehr Konzeption und Arbeitsaufwand, wird sich aber definitiv auf längere Sicht bezahlt machen. Da einmal ordentlich umgesetzt, keine Anpassungen an folgende Ausgabemedien mehr nötig sein werden. Auch wird es Ihnen der Seitenbesucher danken, denn das haben wir noch überhaupt nicht angesprochen. Das gefühlte Erlebnis des Seitenbesuchers, immer ein optimales Design, fehlerfrei und und so wie er es von Ihrer Seite kennt angeboten zu bekommen. Unterschätzen Sie es nicht.
Bitte planen Sie bei einer Neuentwicklung einer Internetseite die hier genannten Punkte unbedingt mit ein. Auch ist es möglich, eine bereits bestehende Internetseite nachzurüsten. Falls Sie hierzu mehr erfahren wollen, bitte nutzen Sie gerne unsere Kontaktmöglichkeiten.