re-lounge GmbH MEDIENBÜRO

Transkript

1 re-lounge GmbH MEDIENBÜRO

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

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 Mobile für Vertrieb 4

5 02 Die Bedeutung des mobilen Web 5

6 6

7 Es werden mehr Smartphones als Computer verkauft

8 Consumer Usage by Device: More Consumers use a Mobile Phone than use a Computer. 8

9 9

10 40% der mobilen Suchen sind lokal

11 Das mobile Web ist social

12 Second Screen

13 13

14 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

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

16 03 Mobile Strategie 16

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

18 04 Apps 18

19 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

20 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

21 Mobile Frameworks 21

22 Mobile Frameworks 22

23 Mobile Frameworks (Auswahl) [ ] [ ] 23

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

25 Falk Foundation THERAPY ALGORITHMS 25

26 05 Mobile Websites 26

27 Mobile Website Meine Website Meine mobile Website 27

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

29 Responsive Webdesign/Adaptive Webdesign 29

30 Separate mobile Website 30

31 Separate mobile Website 31

32 Responsive mobile Website 32

33 Responsive mobile Website 33

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

35 URL Management 35

36 Separate mobile Website 36

37 Responsive mobile Website 37

38 Content Strategie unwichtig wichtig unwichtig unwichtig unwichtig unwichtig unwichtig 38

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

40 Mobile First Ansatz 40

41 Content Strategie 41

42 Content Strategie 42

43 Content Strategie 43

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% responsive websites whose small screen view weighs as much as large screen view 45

46 86% responsive websites whose small screen view weighs as much as large screen view 46

47 Bandbreite und Performance 47

48 71% of mobile phone users expect websites to load as quickly on their mobile phones as their desktops 48

49 Optimierung Conditional Loading 49

50 Conditional Loading Infos Infos Infos Infos 50

51 Design = Browserdarstellung? 51

52 Design = Browserdarstellung? 52

53 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

54 06 -Marketing auf Mobile 54

55 55

56 -Marketing muss mobil gedacht werden. 56

57 Pearl Izumi 57

58 Hannover Messe 58

59 Preheader 59

60 Responsive Newsletter 60

61 07 Mobile für Vertrieb 61

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

63 Auf Messen oder im Außendienst 63

64 Smarte Bedienung 64

65 65

66 66

67 67

68 68

69 69

70 70

71 71

72 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

73 08 Key Facts 73

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

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