Responsive Webdesign

Laut einer Erhebung durch TNS Infratest im ersten Quartal 2013 nutzen 92% der Smartphone Besitzer ihr Smartphone zu Hause um ins Internet zu gehen oder Apps zu nutzen. 49% der deutschen Bevölkerung ab 14 Jahren nutzen ihr Smartphone immer und überall, während es bei den 20- bis 29-Jährigen sogar 67% sind. 

Die Bedeutung einer für Smartphones und Tabletts angepassten Webseite ist damit nicht mehr zu vernachlässigen und wichtiger Bestandteil der Projektplanung. Gerade weil Anwender immer häufiger auch von zu Hause zum Surfen das Smartphone vorziehen, sind mobile und reaktionsfähige Webseiten immer beliebter geworden. Auf dieser Seite erfahren Sie mehr über reaktionsfähige Webseiten (Responsive Webdesign).

Während auf dem Desktop genügend Platz für vier Bilder nebeneinander sind, reicht es auf dem Tablett nur noch für zwei und auf dem Smartphone nur noch für eins.

Mittels Responsive Webdesign wird an dieser Stelle angesetzt und durch sogenannte Breakpoints das Layout verändert.

Während der Quellcode unverändert bleibt, ändert sich das Spaltenlayout und Design je nach Auflösung des Endgerätes und bietet so immer eine optimierte Ansicht. 

Durch Veränderungen im Rahmenlayout und eine angepasste Navigation wird selbst auf kleinen Smartphones der zur Verfügung stehende Platz optimal genutzt. Insbesondere bei der Umsetzung einer reaktionsfähigen Webseite ist die Zusammenarbeit zwischen Designer und Programmierung sehr wichtig, um für unterschiedliche Endgeräte eine optimale Lösung erarbeiten zu können. Auf diese Weise können selbst komplexere Anwendungen für unterschiedliche Auflösungen realisiert werden. 

Wird großer Wert auf eine geringe Datenmenge gelegt oder soll die Webseite ausschließlich für Smartphones umgesetzt werden, bietet sich eher eine losgelöste mobile Ansichtsvariante an.

Quellenangabe: 
www.tns-infratest.com

Unter Beachtung grundsätzlicher Gestaltungsregeln werden Firmenidentität, Usability, Barrierefreiheit und das grafische Konzept miteinander kombiniert. Es entsteht für jedes Unternehmen eine individuelle Webseite mit Wiedererkennungswert, ein moderner Webauftritt. 

Wir verfolgen das Ziel, den Besucher mit Hilfe eines erkennbaren und intuitiv zu bedienenden Leitsystems durch die Webseite zu führen. Dies erreichen wir durch gezieltes Einsetzen von Farben und Formen in Kombination mit Funktionalität. Klickbare Flächen und besonders wichtige Informationen werden dem Besucher so leicht erkennbar gemacht. Hinzu kommt eine gute Lesbarkeit von Texten, welche sich aus Faktoren wie Kontrast, Schriftgröße, Zeilenabstand und Spaltenbreite zusammensetzt. Durch eine überschaubare Auswahl an aufeinander abgestimmten Farben, wird die Benutzerführung einer Webseite deutlich verbessert. 

Wir orientieren uns stets an vorhandenen Corporate Designs oder erstellen alternativ ein individuelles Farbset. 

Die Reduzierung von Formen und Informationsdichte steht bei unserer Layoutentwicklung im Fokus. Damit die Aufmerksamkeit auf einer Webseite gezielt gelenkt werden kann und ein klar definierter „Call to Action“ erkennbar wird, muss das gesamte Layout ausreichend Raum bieten und eine übersichtliche Aufteilung erhalten.

Die schönste Webseite hilft wenig, wenn sie dem Besucher keinen Mehrwert bietet. Aus diesem Grund entwickeln wir gemeinsam mit Ihnen ein Konzept, um die individuellen Möglichkeiten für technische Lösungen, optimierte Arbeitsabläufe, Datenübertragung oder Kundeninteraktionen zu erarbeiten.