Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

RWD - Volker Lehnen - 2012 Responsive Web Design Werkzeug oder Paradigmen-Wechsel?

Ähnliche Präsentationen


Präsentation zum Thema: "RWD - Volker Lehnen - 2012 Responsive Web Design Werkzeug oder Paradigmen-Wechsel?"—  Präsentation transkript:

1 RWD - Volker Lehnen Responsive Web Design Werkzeug oder Paradigmen-Wechsel?

2 RWD - Volker Lehnen Ein Problem ? Bis ca vorrangig Desktops und Laptops Website Standards: anfangs 753, später 960 Pixel

3 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

4 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?

5 RWD - Volker Lehnen Ein Problem ! Heute: IPhone, Android, Win8, Tablets … ab ca. 2014/2015 mehr Traffic mobil als via Desktop Pflegeauffwand mal X

6 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

7 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

8 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

9 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

10 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

11 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

12 RWD - Volker Lehnen Mein Umbau … von zu


Herunterladen ppt "RWD - Volker Lehnen - 2012 Responsive Web Design Werkzeug oder Paradigmen-Wechsel?"

Ähnliche Präsentationen


Google-Anzeigen