Eine Präsentation zum Thema Mobile Web vom Brandbox-Anwendertreffen der Konmedia GmbH.

1. Thema Mobile Web
Ronny Neefe
Konmedia GmbH
Brandbox-Anwendertreffen
12. Oktober 2012

2. Thematischer Überblick
Thema Mobile Web
 Was ist das Mobile Web?
 Wie entwickelt es sich?
 Welche Möglichkeiten bieten sich?
 Wie kann es genutzt werden?
 Umfassender Einblick

3. Es war einmal...

4. ... das weltweite Netzwerk namens Internet.
http://www.flickr.com/photos/timrottmann/1431368713/

5. Es fühlte sich daheim sehr wohl.
http://www.flickr.com/photos/morli345/2131310434/

6. Zunächst war das ausreichend.
http://www.flickr.com/photos/clickmyworld/7996931285

7. Das Web wie es war
Stationär mit guter Anbindung
Einheitliche Auflösungen/
Ausgabegeräte
Einheitliche Eingabemöglichkeiten

8. Doch es wurde größer...
http://psychology.plymouth.ac.uk/media/staff/portraits/GB-20-09-11-76524_copy.jpg

9. ... beim Frühstück ...
http://www.flickr.com/photos/triinliiv/6210603556/

10. ... im Urlaub ...
http://www.flickr.com/photos/samsungtomorrow/6993318382

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

12. Das Web heute ...
WEB WEB
Völlig unterschiedliche Auflösungen/ WEB
WEB
Ausgabegeräte WE
WEB
B
WE
B
Unterschiedliche Eingabemöglichkeiten
Unterschiedliche Anbindung
WE
WE
B
B
Mobile oder stationäre Nutzung
WEB
WE WEB
B

13. Das Web von Morgen.
WEB
? ? ? ? ?
WEB
? ? ?
WEB WE
B WEB
WEB WE
B
WE
B WE
B
WE
WE B
B
WEB
WE
B
WEB WEB

14. Die mobilen Plattformen von heute.

15. Die Moral von der Geschicht‘
 Weite Verbreitung des mobilen Webs
 Viele verschiedene Geräte/Plattformen
 Zukunft bleibt spannend

16. Mobile Internetbenutzung
http://www.flickr.com/photos/steamtalks/438410454/

17. Mobile Nutzer von Facebook
Social Media als Treiber der mobilen Internetnutz
Monatlich aktive mobile Nutzer von Facebook
Anzahl der Nutzer in Millionen
700
600
600 543
488
500
432
400 376
325
288
300 245
196
200 155
129
101
100 75
35 50
0
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'12
Quelle: Facebook newsroom.fb.com – Okt. 2012

18. Mobile Internet-Nutzer weltweit
Anzahl der Personen weltweit, die
ausschließlich mobil das Internet nutzen
Anzahl der Nutzer in Millionen
900
788.32
800
700
600
487.43
500
400
300
188.38
200
100
78.86
13.98 31.86
0
2010 2011 2012 2013 2014 2015
Quelle: Cisco Visual Networking Index: Global Mobile Data Traffic Forecast Update, 2010–201

19. Orte der mobilen Internetnutzung
Orte der Nutzung von Smartphones
in Deutschland
Zu Hause 97
Unterwegs 88
Bei der Arbeit 72
In öffentlichen Verkehrsmitteln 69
Im Geschäft 63
Im Restaurant 58
Im Café 58
Bei Veranstaltungen 45
Im Wartezimmer 44
Am Flughafen 43
In der Schule 26
0 20 40 60 80 100 120
Anteil der Befragten in %
Quelle: Cisco Visual Networking Index: Global Mobile Data Traffic Forecast Update, 2010–201

20. Verbreitung mobiler Plattformen
Marktanteile der Betriebssysteme mit
Internetnutzung in Deutschland
in %
80
70
60
50
40
30
20
10
0
Jan Mrz Mai Jul 09 Sep Nov Jan Mrz Mai Jul 10 Sep Nov Jan Mrz Mai Jul 11 Sep Nov Jan Mrz Mai Jul 12
09 09 09 09 09 10 10 10 10 10 11 11 11 11 11 12 12 12
iOS Android SymbianOS
Quelle: StatCounter Januar 2009 – Juli 2012

21. Umsetzungs-Möglichkeiten
http://www.flickr.com/photos/maryo0m/4715424340/

22. Überblick
Mobile Website Apps
Dedizierte Websites Native Apps
Responsive Webdesign Web-Apps
Hybride Apps

23. 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

24. 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

25. 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

26. 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

27. 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

28. Was sollen wir wie umsetzen?
http://2.bp.blogspot.com/-1KHlD1YKdjc/Tu-NB5Jc7cI/AAAAAAAAANQ/tD0k2v6BrXc/s1600/glasses_1.jpg

29. Umsetzung
Es gibt keine allgemeingültige Lösung.
Mobile Umsetzungen müssen individuell sein
Funktion
Distributio Investition
n
Mobile
Entwicklun
g

30. Entscheidungsprozess
Website Idee Anwendun
g
Eigenständig Plattformen
Mobile Version Monetarisierung
Performance
Dedizierte Responsiv Hybride
Native App Web-App
Website e App
Webdesign

31. Vielen Dank!