Download ppt - Webinar mobile

Transcript
Page 1: Webinar mobile

Webinar, 14.12.2012

Webseiten auf mobilen Endgeräten-

Responsive Web Design

Page 2: Webinar mobile

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

Page 3: Webinar mobile

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

Page 4: Webinar mobile

Webinar, 14.12.2012

Webseiten auf mobilen Endgeräten-

Responsive Web Design

Wer von Ihnen hat ein Smartphone?

Iphone? Android? Blackberry?

Page 5: Webinar mobile

Webinar, 14.12.2012

Webseiten auf mobilen Endgeräten-

Responsive Web Design

Wer von Ihnen hat ein Tablet?

Ipad? Samsung Galaxy?

Page 6: Webinar mobile

Webinar, 14.12.2012

Prognose 2016

Anzahl mobiler Endgeräte

>Zahl der Weltbevölkerung

Page 7: Webinar mobile

Webinar, 14.12.2012

zunächst Webseitenentwicklung für Desktop …

Page 8: Webinar mobile

Webinar, 14.12.2012

dann Webseitenentwicklung für Laptops …

Page 9: Webinar mobile

Webinar, 14.12.2012

Auflösungen ändern sich 1024 x 768 bzw. 800 x 600

Page 10: Webinar mobile

Webinar, 14.12.2012

Auflösungen ändern sich 1920 x 1080

Page 11: Webinar mobile

Webinar, 14.12.2012

Endgeräte werden vielfältig… drehbar!

etc., etc.

Page 12: Webinar mobile

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

Page 13: Webinar mobile

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

Page 14: Webinar mobile

Webinar, 14.12.2012

kovalenz.de - Desktop

Page 15: Webinar mobile

Webinar, 14.12.2012

kovalenz.de – ipad hochkant

Page 16: Webinar mobile

Webinar, 14.12.2012

kovalenz.de – iphone hochkant

Page 17: Webinar mobile

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

Page 18: Webinar mobile

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?

Page 19: Webinar mobile

Webinar, 14.12.2012

Fragen und Antworten?

Wir freuen uns auf Ihr Feedback.

Page 20: Webinar mobile

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]