re-lounge GmbH MEDIENBÜRO

Think mobile: Die Bedeutung des mobilen Web für Unternehmen 26. JANUAR 2013

01 Ansprechpartner Oliver Schmitt // Geschäftsführer der re-lounge GmbH oliver.schmitt@re-lounge.com http://twitter.com/oliverschmitt http://xing.com/profile/oliver_schmitt16 3

Meine Themen heute Die Bedeutung des mobilen Web Mobile Strategie Apps Mobile Websites E-Mail-Marketing auf Mobile Mobile für Vertrieb 4

02 Die Bedeutung des mobilen Web 5

http://bradfrostweb.com/blog/post/this-is-the-web/ 6

Es werden mehr Smartphones als Computer verkauft. http://www.returnpath.de/files/returnpathinfografik_e-mailinbewegung.jpg http://www.pressmatrix.de/tl_system/content/de/news/pressmatrix-tabletuser-deutsch-end.jpg http://www.canalys.com/newsroom/smart-phones-overtake-client-pcs-2011 7

Consumer Usage by Device: More Consumers use a Mobile Phone than use a Computer. http://services.google.com/fh/files/blogs/final_mobile_internet_smartphone_adoption_insights_2011v3.pdf 8

http://www.thinkwithgoogle.com/insights/library/studies/our-mobile-planet-germany/ 9

40% der mobilen Suchen sind lokal. http://www.thinkwithgoogle.com/insights/library/studies/our-mobile-planet-germany/ http://imprezziomarketing.com/seo-blog/google-maps/40-of-mobile-searches-are-local/ 10

Das mobile Web ist social. http://www.thinkwithgoogle.com/insights/library/studies/our-mobile-planet-germany/ http://media-cache-ec2.pinterest.com/upload/323414816960384553_up9rw5nj.jpg 11

Second Screen http://www.thinkwithgoogle.com/insights/library/infographics/multi-screen-world-infographic/ http://www.thinkwithgoogle.com/insights/library/studies/our-mobile-planet-germany/ 12

Die Zukunft ist schon Gegenwart Always online: Die Grenze zwischen Privat und Business schwindet. Das Smartphone kontrolliert alles: TV, Fenster, Heizung, E-Books und E-Paper verdrängen Zeitungen und Magazine. Der Shop erkennt den Kunden. Mobile, Social Media und Shopping verschmelzen. 14

Das mobile Web bereitet aber auch Frust Websites, die nicht mobil-optimiert sind Menüs, die per Touch nicht bedient werden können E-Mails, die mobil nicht angezeigt werden können Websites, die zu lange laden Websites, die zu groß zum Laden sind Websites, die zu viele Inhalte haben. 15

03 Mobile Strategie 16

Bestandsaufnahme: Ziele, Zielgruppen, Mehrwerte, Designentscheidung Technologieentscheidung Schnittstellen Content Strategie URL Management Distribution und Store Management: Bewertungen, Support, Weiterentwicklung 17

04 Apps 18

Was ist eine App? App-Bedienelemente App-Fundament Speicher, Dateien, Kalender, Kontakte, Sensoren, Kamera, Graphical User Interface (GUI) Runtime Environment Operating System (ios, Android & Co.) Hardware APP 19

Arten von Apps Native App Native Programmierung (Android: Java/C/C++, BlackBerry: Java, ios: Objective-C, Windows Phone: C#, ) Benutzeroberfläche (GUI) meist an Betriebssystem angelehnt (GUI- Guidelines) Distribution über App-Shop (Achtung InApp Purchase) Prüfung und Freigabe durch App- Shop Installation auf dem Endgerät (inkl. Icon auf dem Desktop) Zugriff auf alle Hardwarefunktionen Hohe Performance Web App HTML5/CSS3, ggf. in Kombination mit Mobile (GUI) Framework Benutzeroberfläche (GUI) über Mobile (GUI) Framework Distribution als Website (kein InApp Purchase) Keine Prüfung und Freigabe Keine Installation, kein Icon (Icon als Favorit auf dem Desktop möglich) Kein Zugriff auf Hardwarefunktionen Schlechtere Performance Hybrid App HTML5/CSS3 in Kombination mit Mobile Framework, Build als native App Benutzeroberfläche (GUI) über Mobile (GUI) Framework Distribution über App-Shop (Achtung InApp Purchase) Prüfung und Freigabe durch App- Shop Installation auf dem Endgerät (inkl. Icon auf dem Desktop) Zugriff auf Hardwarefunktionen Schlechtere Performance 20

Mobile Frameworks 21

Mobile Frameworks 22

Mobile Frameworks (Auswahl) [ ] [ ] 23

Haufe ONLINE TRAINING PLUS MOBILE Haufe online training plus mobile erhielt beim Innovationspreis-IT die Auszeichnung Best of 2012 in der Kategorie Apps. 24

Falk Foundation THERAPY ALGORITHMS 25

05 Mobile Websites 26

Mobile Website Meine Website Meine mobile Website 27

Mobile Website Meine Website Separate mobile Website Meine mobile Website Responsive mobile Website 28

Responsive Webdesign/Adaptive Webdesign 29

Separate mobile Website 30

Responsive mobile Website 32

Einheitliches URL-Management m.spiegel.de m.faz.net smashingmagazine.com mashable.com Separate mobile Website Responsive mobile Website 34

URL Management 35

Content Strategie unwichtig wichtig unwichtig unwichtig unwichtig unwichtig unwichtig 38

Content Strategie unwichtig unwichtig unwichtig unwichtig wichtig wichtig unwichtig wichtig unwichtig unwichtig unwichtig unwichtig unwichtig unwichtig unwichtig unwichtig unwichtig unwichtig unwichtig unwichtig unwichtig 39

Mobile First Ansatz 40

Content Strategie 41

Bandbreite und Performance DSL1000 (1 Mbit/s) DSL6000 (5,86 Mbit/s) VDSL 25 (24,48 Mbit/s) VDSL 25 (50,19 Mbit/s) http://www.t-mobile.de/netzqualitaet/geschwindigkeit/0,23955,27407-_,00.html http://www.telekom.de/is-bin/intershop.enfinity/wfs/eki-gk-site/de_de/-/eur/viewcategorytheme-start?catalogcategoryid=v_ufc7iukcoaaae30jvqwjx8 44

86% responsive websites whose small screen view weighs as much as large screen view http://www.guypo.com/mobile/performance-implications-of-responsive-design-book-contribution/ 45

86% responsive websites whose small screen view weighs as much as large screen view http://www.guypo.com/mobile/performance-implications-of-responsive-design-book-contribution/ 46

Bandbreite und Performance 47

71% of mobile phone users expect websites to load as quickly on their mobile phones as their desktops http://www.compuware.com/d/release/592528/new-study-reveals-the-mobile-web-disappoints-global-consumer 48

www.compuware.com/d/release/592528/new-study-reveals-the-mobile-web-disappoints-global-consumer Optimierung Conditional Loading 49

Conditional Loading Infos Infos Infos Infos 50

Design = Browserdarstellung? 51

Design = Browserdarstellung? 52

Design = Browserdarstellung? Es gibt keine 1 Browserdarstellung Basisinformationen müssen in allen Browsern verfügbar sein (Accessibility) Einfache Darstellungen in alten Browsern oder mobilen Geräten gegenüber dem Desktop- Design nicht als Bug ansehen Bessere Darstellungen und Fähigkeiten moderner Browser und größerer Screens als Feature betrachten (Enhancement) Design Browserdarstellung Ein neuer Designprozess ist erforderlich. 53

06 E-Mail-Marketing auf Mobile 54

http://www.thinkwithgoogle.com/insights/library/studies/our-mobile-planet-germany/ http://www.returnpath.de/resource/infografik-e-mail-in-bewegung/ 55

E-Mail-Marketing muss mobil gedacht werden. http://www.returnpath.de/resource/infografik-e-mail-in-bewegung/ 56

Pearl Izumi 57

Hannover Messe 58

Preheader 59

Responsive Newsletter 60

07 Mobile für Vertrieb 61

Mobile Endgeräte als ideale Vertriebstools Portabel Handlich Schön Sexy Schnell Einfach Hochaufgelöst. 62

Auf Messen oder im Außendienst 63

Smarte Bedienung 64

Aber oho! Datenanbindung an das Product Information Management (PIM) Animationen, Videos, Audios, Bilder, Technische Daten Mehrsprachig Zentrale Verteilung Automatische Updates Offline-fähig Multidevice- und Multiplattform-fähig Einbindung in IT-Infrastruktur. 72

08 Key Facts 73

Key facts Smartphones (und bald auch Tablets) werden häufiger gekauft als klassische Computer. Die Grenzen zwischen beruflicher und privater Nutzung sind fließend. Die Erwartungshaltung an die Nutzbarkeit von Websites und Apps auf mobilen Endgeräten steigt zunehmend. Keine Schnellschüsse starten um dabei zu sein: nicht App um jeden Preis. Entwickeln Sie für Ihr Unternehmen eine mobile Strategie: Content Strategie, Technologie Strategie, Plattform Strategie. E-Mail-Marketing ist schon jetzt mobil: Ihre Mailings und Newsletter auch? Mobile Endgeräte sind für Messen und Vertrieb ideal. Unternehmen kommen an Mobile nicht mehr vorbei. 74

Vielen Dank. Oliver Schmitt // oliver.schmitt@re-lounge.com re-lounge GmbH, medienbüro Schwaighofstraße 9 // 79100 Freiburg Tel. +49 (0)761.888524-0 // Fax +49 (0)761.888524-11 www.re-lounge.com // post@re-lounge.com