RWD - Volker Lehnen Responsive Web Design Werkzeug oder Paradigmen-Wechsel?
RWD - Volker Lehnen Ein Problem ? Bis ca vorrangig Desktops und Laptops Website Standards: anfangs 753, später 960 Pixel
RWD - Volker Lehnen Ein Problem ?! Ab ca zunehmend Netbooks und Smartphones (zunächst IPhone) Ohne Zoom-In, nichts zu lesen Buttons zu klein Keine Flash Unterstützung
RWD - Volker Lehnen Ein Problem ?! Reaktion: Zweite Website für mobile Endgeräte (m.domain.de oder mobile.domain.de) Anderes CMS ? Andere Inhalte Andere Aufteilung Ehrliche Antwort: Wer sucht nicht sofort den Button Desktop-Ansicht?
RWD - Volker Lehnen Ein Problem ! Heute: IPhone, Android, Win8, Tablets … ab ca. 2014/2015 mehr Traffic mobil als via Desktop Pflegeauffwand mal X
RWD - Volker Lehnen Nächstes Problem Computer mit kabelgebunderem Anschluss Laptop mit WLAN-Anbindung Laptop mit SIM Karte (LTE/EDGE/GPRS...) Handy mit WLAN-Anbindung Handy mit SIM Karte (LTE/EDGE/GPRS...) Laptop mit WLAN an Handy
RWD - Volker Lehnen Die Lösung: RWD Fluide Grids Keine absoluten Angaben für Breiten, Schrift- und Bildgrößen EINE WEBSITE FÜR ALLE GERÄTE, max. zwei Sites (Desktop / alles andere) Mobile First
RWD - Volker Lehnen Umsetzung von RWD HTML 5 mit CSS 3 Reduzierung von Inhalten Flexible Darstellung Benutzung von Frameworks, z.B. Bootstrap / Foundation Image Resizing (Adaptive Images) Text Resizing (FitText) Einsatz von Media Queries (Beispiele: mediaqueri.es) Device Detection via Modernizr
RWD - Volker Lehnen Das Photoshop Problem Beim Öffnen feste Größe wählen Nahe am Print Bereich Leichte Kommunikation mit Auftraggeber über das Layout der Seite, aber nicht responsive
RWD - Volker Lehnen Ein neuer Workflow Kein fertiges Design zu Beginn, sondern vom ersten Tag an HTML Coding und Agiles Projektmanagement Mobile First No Flash
RWD - Volker Lehnen Das Vertriebs-Dilemma Wohin mit der Werbung Kleinere Werbeplätze Weniger Werbeplätze Neue Ad-Sizes Beispiel: Facebook: Aktienverlust durch Verlust der Werbefläche im mobilen Sektor
RWD - Volker Lehnen Mein Umbau … von zu