Think mobile: Die Bedeutung des mobilen Web für Unternehmen 06. FEBRUAR 2014

Transkript

1 re-lounge GmbH

2 Think mobile: Die Bedeutung des mobilen Web für Unternehmen 06. FEBRUAR 2014

3 01 Ansprechpartner Oliver Schmitt // Geschäftsführer der re-lounge GmbH 3

4 Meine Themen heute Die Bedeutung des mobilen Web Mobile Strategie Apps Mobile Websites -Marketing auf Mobile QR-Codes Autmented Reality Mobile für Vertrieb und Messe 4

5 02 Die Bedeutung des mobilen Web 5

6 6

7 70% 60% 50% 40% 30% 26% Smartphone Marktdurchdringung 54% 56% 47% 40% 43% 44% 33% 29% 51% 62% Worldwide Device Shipments (Thousands of Units) 20% 10% 0% 14% Brasilien Deutschland China Schweiz USA Großbritannien Es werden mehr Smartphones verkauft als Computer, Laptops und Tablets zusammengenommen PC (Desk-Based and Notebook) Tablet (Ultramobile) Mobile Phone (Forecast) 2015 (Forecast) Other Ultramobiles (Hybrid and Clamshell) 7

8 9

9 95% der mobilen Nutzung geschehen Zuhause. 79% der mobilen Nutzung passiert in Geschäften. 10

10 Mobile unterstützt den stationären Handel

11 Das mobile Web ist social

12 Second Screen

13 Die Zukunft ist schon Gegenwart Käufer vertrauen Ihren Handys mehr als dem Verkäufer. Always online: Die Grenze zwischen Privat und Business schwindet. Das Smartphone kontrolliert alles: TV, Fenster, Heizung, Benennen Sie Ihre Vertriebsabteilung um: Sie muss Mobile Sales heißen! Der Shop erkennt den Kunden. Mobile, Social Media und Shopping verschmelzen. (Trendstudie Die Zukunft des Verkaufens ), Nokia HERE City Lens ( Coop Virtual Store Zürich (Digicomp), Google Wallet ( izettle ( 20

14 Die Zukunft ist schon Gegenwart Internet of Things Connectivity-Dienste: individuelle Produkte, mehr Service und Marketinginstrument Wearable Tech Mobile Gadgets ersetzen teure Medizintechnik Nike+ Fuelband SE ( Mimo Baby Monitor ( Citroen Multicity Connect ( Pebble Smartwatch mit Mercedes Services ( Google Glass ( 21

15 Aber 22

16 23

17 Das mobile Web bereitet aber auch Frust Websites, die nicht mobil-optimiert sind Menüs, die per Touch nicht bedient werden können s, 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. 24

18 03 Mobile Strategie 25

19 Mobile Strategie ist Pflicht Bestandsaufnahme: Ziele, Zielgruppen, Mehrwerte, Designentscheidung Technologieentscheidung Schnittstellen Content Strategie URL Management Distribution und Store Management: Bewertungen, Support, Weiterentwicklung 26

20 04Apps 27

21 Apple ( ) 28

22 App ist ungleich App Native App Web App Hybrid App 30

23 App ist ungleich App Native App Web App Hybrid App Programm x Mobiloptimierte Website (Webanwendung) Programm Mobiloptimierte Website (Webanwendung) x Analogie: Windows-Programm Analogie: Browser mit mobiloptimierter Website (Webanwendung) Analogie: Windows-Programm mit integriertem Browser mit mobiloptimierter Website (Webanwendung) 31

24 App ist ungleich App 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 32

25 Wann ist eine App besser als eine mobiloptimierte Website? App soll auch offline nutzbar sein App bietet eine besondere Funktion ( Helferlein bzw. Schweizer Messer ) Appinhalte und funktionen sind unabhängig von der Website App bietet einen wiederkehrenden Nutzen App lohnt die Installation App nutzt Gerätefunktionen wie Kompass, Kamera, Sensoren, 33

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

27 Falk Foundation THERAPY ALGORITHMS 35

28 05 Mobile Websites 36

29 Mobile Website Meine Website Meine mobile Website 37

30 Mobile Website Meine Website Separate mobile Website Meine mobile Website Responsive mobile Website 38

31 Responsive Webdesign/Adaptive Webdesign 39

32 Separate mobile Website 40

33 Responsive mobile Website 43

34 Einheitliches URL-Management m.spiegel.de mobile.nzz.ch smashingmagazine.com mashable.com Separate mobile Website Responsive mobile Website 44

35 URL Management 45

36 Responsive Website 46

37 Responsive Website 47

38 Content Strategie unwichtig wichtig unwichtig unwichtig unwichtig unwichtig unwichtig 48

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

40 Mobile First Ansatz 50

41 Content Strategie 51

42 Content Strategie 52

43 Content Strategie 53

44 Bandbreite und Performance DSL1000 (1 Mbit/s) DSL6000 (5,86 Mbit/s) VDSL 25 (24,48 Mbit/s) VDSL 25 (50,19 Mbit/s)

45 86% der Responsive Websites laden in der Smartphone-Ansicht die gleiche Datenmenge wie in der Desktop-Ansicht 55

46 Performance-Optimierung 71% der Mobilnutzer erwarten, dass Seiten mobil ebenso schnell laden wie auf dem Desktop 74% der Mobilnutzer warten nur 5 Sekunden Conditional Loading Responsive Images Code-Optimierung 77% der mobilen Websites der Top- Unternehmen benötigen mehr als 5 Sekunden 60% der Mobilnutzer warten nur 3 Sekunden oder weniger 57% der Mobilnutzer würden eine solche Website nicht empfehlen 43% der Mobilnutzer kehren ungern auf eine langsame Seite zurück 56

47 Conditional Loading und Responsive Images Infos Infos Infos Infos 57

48 06 -Marketing auf Mobile 61

49 62

50 -Marketing muss mobil gedacht werden

51 Geplante Investitionen ( -Marketing Trends 2013) Dr. Schwarz Consulting 64

52 Kundenbeispiel: Anteil mobiler -Clients ,08 % ,78 % Mobile - Clients 0 Kunden Inland Vertriebsinfo Zahlen auf Basis der Öffnungsrate (innerhalb der letzten 12 Monate) 65

53 Pearl Izumi 66

54 Hannover Messe 67

55 Preheader 68

56 Responsive Newsletter 69

57 Responsive Newsletter 70

58 07 QR-Codes 71

59 QR-Werbung und -Produktinformation 72

60 QR-Shopping in Virtual Stores 73

61 Gesetz QR-Code MOBILOPTIMIERTE INHALTE (App oder mobiloptimierte Website) 74

62 08 Augmented Reality 75

63 Augmented Reality 76

64 Augmented Reality 78

65 Augmented Reality 79

66 09 Mobile für Vertrieb und Messen 81

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

68 Auf Messen oder im Außendienst 83

69 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. 87

70 09 Key Facts 88

71 Key facts Smartphones (und bald auch Tablets) werden häufiger gekauft als Desktop- und Laptop- 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. -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. 89

72 re-lounge GmbH 100% Digitalagentur Kompetenzen Corporate Websites auf Basis führender (Enterprise) Content Management Systeme Kunden (Auswahl) -Marketing für -Kampagnen und Newsletter Mobile Websites und Apps Kampagnen-Websites und Microsites Verkaufsstarke E-Shops Smarte Kiosk- und Außendienst-Apps für Messe und Vertrieb Social Media für Marken und Recruiting Intranets und Extranets [ ] Weitere Informationen: 90

73 re-lounge GmbH 100% Digitalagentur Auszeichnungen oder auf unserer Website: 91

74 Vielen Dank. re-lounge GmbH Brombergstraße 17c // Freiburg Tel. +49 (0) // Fax +49 (0) //