webinar mobile
TRANSCRIPT
Webinar, 14.12.2012
Webseiten auf mobilen Endgeräten-
Responsive Web Design
Webinar, 14.12.2012Coesfeld, 22.11.2011
2
Dr. Nicole Paschke Dr. Sabine Brylak-Niemann
Gründung der Firma “KOVALENZ – Individuelle Internetkonzepte”
(Dr. Paschke, Dr. Brylak-Niemann GbR)
im Juni 2003
Webinar, 14.12.2012
kovalenz – ganz kurz
Entwicklung von Websites basierend auf Open Source
Content Management Systemen und Shopsystemen:
•Webseiten
•Online-Shops
•Mobile Webseiten
•SEO
•Webhosting
• Klassische Werbung
• Online-Beratung
• Social-Media
• Schulungen
Webinar, 14.12.2012
Webseiten auf mobilen Endgeräten-
Responsive Web Design
Wer von Ihnen hat ein Smartphone?
Iphone? Android? Blackberry?
Webinar, 14.12.2012
Webseiten auf mobilen Endgeräten-
Responsive Web Design
Wer von Ihnen hat ein Tablet?
Ipad? Samsung Galaxy?
Webinar, 14.12.2012
Prognose 2016
Anzahl mobiler Endgeräte
>Zahl der Weltbevölkerung
Webinar, 14.12.2012
zunächst Webseitenentwicklung für Desktop …
Webinar, 14.12.2012
dann Webseitenentwicklung für Laptops …
Webinar, 14.12.2012
Auflösungen ändern sich 1024 x 768 bzw. 800 x 600
Webinar, 14.12.2012
Auflösungen ändern sich 1920 x 1080
Webinar, 14.12.2012
Endgeräte werden vielfältig… drehbar!
etc., etc.
Webinar, 14.12.2012
Lösungsansätze
● mobile Webseite● iphone-App, ipad-
App● Android-App● ipad Mini
Und nun? Für jedes Gerät eine andere App oder Seite??
Webinar, 14.12.2012
Responsive Webdesign (respondere (lat.) – antworten)
>> Webseite passt sich dem Endgerät an!
• flexible Gitter
• keine festen Schriftgrößen
• Skalierung von Bildern, kleinere Bildgrößen fürkleinere Endgeräte
• Vereinfachung/Reduktion von weniger wichtigen Seitenelementen
• keine Flash-Elemente
Webinar, 14.12.2012
kovalenz.de - Desktop
Webinar, 14.12.2012
kovalenz.de – ipad hochkant
Webinar, 14.12.2012
kovalenz.de – iphone hochkant
Webinar, 14.12.2012
Unterschiede Responsive Site und App
Responsive Site
• jederzeit veränderbar ohne Freigabedurch Apple etc.
• funktioniert auf verschiedenstenmobilen Endgeräten
• ein System
App
• Icon auf dem Screen des mobilenEndgerätes
• Verknüpfung mit Gerätehardwaremöglich, z.B. Standortbestimmung,Kamera
• Datenspeicherung auf dem mobilenEndgerät
• Vermarktung durch App Store, z.B.über gute Bewertungen App Store
Webinar, 14.12.2012
Webseiten auf mobilen Endgeräten-
Responsive Web Design
Wer von Ihnen denkt über eine Optimierung für
Mobile Endgeräte nach?
Webinar, 14.12.2012
Fragen und Antworten?
Wir freuen uns auf Ihr Feedback.
Webinar, 14.12.2012
www.kovalenz.de
www.facebook.com/kovalenzDr. Paschke, Dr. Brylak-Niemann GbR
Sebastian-Bach-Str. 26, 48249 DülmenTel. 02594 991356, [email protected]