Weitere ähnliche Inhalte Ähnlich wie Responsive Web Design (20) Mehr von Connected-Blog (20) Responsive Web Design4. 1024 Pixel 1600 Pixel
960 Pixel 960 Pixel
Auflösungen wurden besser… Layouts nicht unbedingt.
|
7. Mobile Anbieter drängen auf den Markt.
Apple iOS, Google Android, Microsoft
Windows 7, RIM Blackberry, HP webOS…
© pixelpark | 7
20. Was bedeutet das im Detail?
Konzeption/Design Technik
§ Anpassung des Layouts für verschiedene § Verwendung von HTML(5) und CSS3
Bildschirmgrössen - von Desktop bis zu § Einsatz von Media-Queries
Mobilgeräten
§ Hinterlegung von mehreren CSS Varianten
§ Skalierung von Bildern pro Layoutvariante
§ Ausspielung kleiner Bildgrössen für § Fallbacks für ältere oder nicht-konforme
kleinere Endgeräte Browser und Endgeräte
§ Vereinfachung von Seitenelementen für
Mobilnutzung
§ Verbergung nicht-essentieller Elemente
auf kleineren Screens
© pixelpark | 20
26. Gegenüberstellung von Apps und mobilen Websites
(positive Merkmale)
Native App Mobile Website
§ Tiefgreifender Zugang auf die Hardware § Funktioniert auf unterschiedlichsten
§ Multi-Tasking (Applikation kann im mobilen Endgeräten
Hintergrund laufen) § Direkte Updates möglich (ohne Freigabe-
§ App & In-App Sales (jedoch prozentuale Prozess des Dritt-Anbieters)
Beteiligung an den App-Store z.B. Apple § Echtzeit-Testing auf Funktionalität
mit 30% am Umsatz) § Eine(!) Entwicklungsplattform (kein Adobe
§ Platzierung auf dem Screen des mobilen AIR, Java, Silverlight, Obj-C etc. für native
Endgerät Apps)
© pixelpark | 26
28. Impressum
Die in dieser Präsentation erarbeiteten Gedanken und Vorschläge sind geistiges Eigentum der
Pixelpark AG und unterliegen dem geltenden Urheberrecht. Die ganze oder teilweise
Vervielfältigung sowie jede Weitergabe an Dritte ist ohne schriftliche Genehmigung der
Pixelpark AG nicht gestattet.
Dirk Krause
Director Innovation Management
Pixelpark AG
Cäcilienkloster 2
D-50676 Köln
Tel: +49.221.951515-72
Fax: +49.221.951515-66
dirk.krause@pixelpark.com
www.pixelpark.com
© pixelpark | 28