Ronny Neefe Konmedia GmbH

Brandbox-Anwendertreffen12. Oktober 2012

Thema Mobile Web

Thematischer Überblick

Was ist das Mobile Web?

Wie entwickelt es sich?

Welche Möglichkeiten bieten sich?

Wie kann es genutzt werden?

Umfassender Einblick

Thema Mobile Web

Es war einmal...

... das weltweite Netzwerk namens Internet.

http://www.flickr.com/photos/timrottmann/1431368713/

Es fühlte sich daheim sehr wohl.

http://www.flickr.com/photos/morli345/2131310434/

Zunächst war das ausreichend.

http://www.flickr.com/photos/clickmyworld/7996931285

Das Web wie es war

Einheitliche Auflösungen/Ausgabegeräte

Einheitliche Eingabemöglichkeiten

Stationär mit guter Anbindung

Doch es wurde größer...

http://psychology.plymouth.ac.uk/media/staff/portraits/GB-20-09-11-76524_copy.jpg

... beim Frühstück ...

http://www.flickr.com/photos/triinliiv/6210603556/

... im Urlaub ...

http://www.flickr.com/photos/samsungtomorrow/6993318382

... beim Spazieren.

http://7.mshcdn.com/wp-content/uploads/2012/05/iStock_texting-while-walking-600.jpg

WEB

WEB

WEB

WEBWEB

WEB

WEB

WEB

WEB

WEBWEB

WEB

Das Web heute ...

Völlig unterschiedliche Auflösungen/Ausgabegeräte

Unterschiedliche Eingabemöglichkeiten

Unterschiedliche Anbindung

Mobile oder stationäre Nutzung

WEBWEB

WEB

WEB

WEB

WEB

WEB

WEB

WEB

WEB WEB WEB

Das Web von Morgen.

WEB

WEB

WEB

? ??

??

???

Die mobilen Plattformen von heute.

Die Moral von der Geschicht‘

Weite Verbreitung des mobilen Webs

Viele verschiedene Geräte/Plattformen

Zukunft bleibt spannend

Mobile Internetbenutzung

http://www.flickr.com/photos/steamtalks/438410454/

Mobile Nutzer von Facebook

Social Media als Treiber der mobilen Internetnutzung

Monatlich aktive mobile Nutzer von Facebook

Mär'09 Jun'09 Sep'09 Dez'09 Mär'10 Jun'10 Sep'10 Dez'10 Mär'11 Jun'11 Sep'11 Dez'11 Mär'12 Jun'12 Sep'120

100

200

300

400

500

600

700

35 50 75 101129 155

196245

288325

376432

488543

600

Anzahl der Nutzer in Millionen

Quelle: Facebook newsroom.fb.com – Okt. 2012

Mobile Internet-Nutzer weltweit

Anzahl der Personen weltweit, die ausschließlich mobil das Internet nutzen

2010 2011 2012 2013 2014 20150

100

200

300

400

500

600

700

800

900

13.98 31.8678.86

188.38

487.43

788.319999999999

Anzahl der Nutzer in Millionen

Quelle: Cisco Visual Networking Index: Global Mobile Data Traffic Forecast Update, 2010–2015

Orte der mobilen Internetnutzung

Orte der Nutzung von Smartphones in Deutschland

In der Schule

Am Flughafen

Im Wartezimmer

Bei Veranstaltungen

Im Café

Im Restaurant

Im Geschäft

In öffentlichen Verkehrsmitteln

Bei der Arbeit

Unterwegs

Zu Hause

0 20 40 60 80 100 120

26434445

5858

6369

7288

97

Anteil der Befragten in %

Quelle: Cisco Visual Networking Index: Global Mobile Data Traffic Forecast Update, 2010–2015

Verbreitung mobiler Plattformen

Marktanteile der Betriebssysteme mit Internetnutzung in Deutschland

Jan 09

Mrz 09

Mai 09

Jul 09 Sep 09

Nov 09

Jan 10

Mrz 10

Mai 10

Jul 10 Sep 10

Nov 10

Jan 11

Mrz 11

Mai 11

Jul 11 Sep 11

Nov 11

Jan 12

Mrz 12

Mai 12

Jul 120

10

20

30

40

50

60

70

80

iOS Android SymbianOS

in %

Quelle: StatCounter Januar 2009 – Juli 2012

Umsetzungs-Möglichkeiten

http://www.flickr.com/photos/maryo0m/4715424340/

Überblick

AppsMobile Website

Responsive Webdesign

Dedizierte Websites Native Apps

Web-Apps

Hybride Apps

Mobile Website

Dedizierte Websites

Mobile Website Website für ein bestimmtes Gerät/Gerätegruppe

✔ Speziell für mobile Geräte optimiert✔ Gute Performance

✖ Verschiedene Domains✖ Hoher Pflegeaufwand

Mobile Website

Responsive Webdesign Website wird an die Gegebenheiten des Gerätes angepasst Eine Website für alle Geräte (One-Web)

✔ Läuft auf sehr vielen Geräten✔ Schnelle Anpassung für zukünftige Geräte✔ Bisherige Website kann angepasst werden

✖ Funktioniert nur mit Media Queries✖ Mehrere Designs müssen gestaltet und umgesetzt werden

Apps

Native Apps

Eine Applikation für ein bestimmtes Betriebssystem Wird fest auf dem Gerät installiert Bsp.: Angry Birds, Tagesschau App, Instagram

✔ Sehr gute Performance✔ Zugriff auf tiefere Systemfunktionen✔ Sehr gute User-Experience✔ Veröffentlichung im App-Store

✖ Hoher Aufwand für Entwicklung✖ Code kann nur für ein System verwendet werden

Apps

Web-Apps

• Eine Applikation für aktuelle Browser• Entwicklung mit Hilfe von Web-Technologien• Nicht nur für mobilen Bereich• Bsp.: Google Mail, Google Maps

✔ Geringerer Aufwand bei der Entwicklung✔ Cross-Plattform lauffähig

✖ Zugriff nur auf Systemfunktionen die der Browser bereitstellt

✖ Mäßige Performance✖ Keine Veröffentlichung im App-Store

Apps

Hybride Apps

Eine Applikation für mehrere Betriebssysteme Wird fest auf dem Gerät installiert Besteht aus Web-App/transformiertem Code

✔ Zugriff auf tiefe Systemfunktionen✔ Eine Code-Basis für mehrere Systeme✔ Distribution über App-Stores möglich

✖ User-Experience nicht immer optimal✖ Eher mäßige Performance

Was sollen wir wie umsetzen?

http://2.bp.blogspot.com/-1KHlD1YKdjc/Tu-NB5Jc7cI/AAAAAAAAANQ/tD0k2v6BrXc/s1600/glasses_1.jpg

Umsetzung

Es gibt keine allgemeingültige Lösung.

Mobile Umsetzungen müssen individuell sein.

Distribution

Funktion

Investition

MobileEntwicklu

ng

Entscheidungsprozess

Mobile Version

Dedizierte

Website

Responsive

Webdesign

Native App

Hybride App

Web-App

Eigenständig Plattformen

Monetarisierung

Performance

IdeeWebsite Anwendung

Vielen Dank!