re-lounge GmbH

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

3

AnsprechpartnerOliver Schmitt // Geschäftsführer der re-lounge GmbH

oliver.schmitt@re-lounge.comhttp://twitter.com/oliverschmitt

http://xing.com/profile/Oliver_Schmitt16

01

4

Meine Themen heute

• Die Bedeutung des mobilen Web

• Mobile Strategie

• Apps

• Mobile Websites

• E-Mail-Marketing auf Mobile

• QR-Codes

• Autmented Reality

• Mobile für Vertrieb und Messe

5

02Die Bedeutung

des mobilen Web

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

7http://www.thinkwithgoogle.com/mobileplanet/

http://www.gartner.com/newsroom/id/2645115

Es werden mehr Smartphones verkauft als Computer, Laptops und Tablets zusammengenommen.

0

500.000

1.000.000

1.500.000

2.000.000

2.500.000

PC (Desk-Basedand Notebook)

Tablet(Ultramobile)

Mobile Phone OtherUltramobiles(Hybrid andClamshell)

Worldwide Device Shipments(Thousands of Units)

2012 2013 2014 (Forecast) 2015 (Forecast)

14%

29%33%

43% 44%

51%

26%

40%

47%

54%56%

62%

0%

10%

20%

30%

40%

50%

60%

70%

Brasilien Deutschland China Schweiz USA Großbritannien

Smartphone Marktdurchdringung

2012 2013

9http://services.google.com/fh/files/misc/omp-2013-ch-local-de.pdf

10

79% der mobilen Nutzung passiert in Geschäften.

95% der mobilen Nutzung geschehen Zuhause.

http://services.google.com/fh/files/misc/omp-2013-ch-local-de.pdf

11http://services.google.com/fh/files/misc/omp-2013-ch-local-de.pdf

http://media-cache-ec2.pinterest.com/upload/323414816960384553_UP9rw5NJ.jpg

Mobile unterstützt den stationären Handel.

12http://services.google.com/fh/files/misc/omp-2013-ch-local-de.pdf

http://media-cache-ec2.pinterest.com/upload/323414816960384553_UP9rw5NJ.jpg

Das mobile Web ist social.

15

„Second Screen“

http://www.thinkwithgoogle.com/insights/library/infographics/multi-screen-world-infographic/

http://services.google.com/fh/files/misc/omp-2013-ch-local-de.pdf

20

Die Zukunft ist schon Gegenwart

Das Smartphone kontrolliert alles: TV, Fenster, Heizung,…

Mobile, Social Media und Shopping verschmelzen.

Benennen Sie Ihre Vertriebsabteilung um: Sie muss „Mobile Sales“ heißen!

Always online: Die Grenze zwischen Privat und Business schwindet.

http://t.co/N7F36avYxU (Trendstudie „Die Zukunft des Verkaufens“), Nokia HERE City Lens (http://www.basicthinking.de/blog/2012/09/12/nokia-city-lens-im-kurztest-erkunde-die-nachbarschaft-mit-

augmented-reality/), Coop Virtual Store Zürich (Digicomp), Google Wallet (http://www.google.com/wallet/shop-in-stores/), iZettle (https://www.izettle.com/)

Käufer vertrauen Ihren Handys mehr als dem Verkäufer.

Der Shop erkennt den Kunden.

21

Die Zukunft ist schon Gegenwart

Wearable Tech

Mobile Gadgets ersetzen teure Medizintechnik

Connectivity-Dienste: individuelle Produkte, mehr Service und Marketinginstrument

„Internet of Things“

Nike+ Fuelband SE (http://www.nike.com/de/de_de/c/nikeplus-fuelband), Mimo Baby Monitor (http://mimobaby.com/), Citroen Multicity Connect (http://www.citroen.de/technologie/comfort/citroen-

multicity-connect/), Pebble Smartwatch mit Mercedes Services (http://www.digitaltrends.com/cars/smartwatch-mercedes-afar-pebble-technology-wrist/), Google Glass

(http://www.google.com/glass/start/)

22

Aber…

23

24

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.

25

03Mobile Strategie

26

Mobile Strategie ist Pflicht

Technologie-entscheidung

Schnittstellen

Distribution und Store Management:Bewertungen, Support,…

Weiter-entwicklung

Bestands-aufnahme:Ziele, Zielgruppen, Mehrwerte,…

Design-entscheidung

Content Strategie URL Management

27

04Apps

28Apple (03.03.2012)

30

App ist ungleich App

Native App Web App Hybrid App

31

App ist ungleich App

Native App Web App Hybrid App

Analogie: „Browser mit mobiloptimierter

Website (Webanwendung)“

Analogie: „Windows-Programm“ Analogie: „Windows-Programm mit

integriertem Browser mit

mobiloptimierter Website

(Webanwendung)“

Programm

x

Mobiloptimierte

Website

(Webanwendung)

www.example.com

Programm

x

Mobiloptimierte

Website

(Webanwendung)

www.example.com

32

App ist ungleich App

Native App 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

• 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

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

33

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,…

34

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

35

Falk Foundation | THERAPY ALGORITHMS

36

05Mobile Websites

37

Mobile Website

Meine Website

Meine mobile Website

38

Mobile Website

Meine Website

Meine mobile Website

Separate mobile Website

Responsivemobile Website

39

Responsive Webdesign/Adaptive Webdesign

40

Separate mobile Website

43

Responsive mobile Website

44

Separate mobile Website

Responsivemobile Website

m.spiegel.de mobile.nzz.ch smashingmagazine.com mashable.com

Einheitliches URL-Management

45

URL Management

46

Responsive Website

47

Responsive Website

48

Content Strategie

wichtig

unwichtig

unwichtig

unwichtig

unwichtig

unwichtig

unwichtig

49

Content Strategie

wichtig

unwichtig

unwichtig

unwichtig

unwichtig

unwichtig

unwichtig

wichtig

unwichtig

unwichtig

unwichtig

unwichtig

unwichtig

unwichtig

wichtig

unwichtig

unwichtig

unwichtig

unwichtig

unwichtig

unwichtig

50

Mobile First Ansatz

51

Content Strategie

52

Content Strategie

53

Content Strategie

54

Bandbreite und Performance

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

DSL1000

(1 Mbit/s)

DSL6000

(5,86 Mbit/s)

VDSL 25

(24,48 Mbit/s)

VDSL 25

(50,19 Mbit/s)

55

86%der Responsive Websites laden in der Smartphone-Ansicht

die gleiche Datenmenge wie in der Desktop-Ansicht

http://www.guypo.com/mobile/performance-implications-of-responsive-design-book-contribution/

56

• 71% der Mobilnutzer erwarten, dass Seiten

mobil ebenso schnell laden wie auf dem

Desktop

• 74% der Mobilnutzer warten nur 5 Sekunden

• 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

ww

w.c

om

pu

wa

re.c

om

/d/r

ele

ase

/592

528/

ne

w-s

tud

y-re

vea

ls-t

he

-mo

bile

-we

b-d

isa

pp

oin

ts-g

lob

al-

co

nsu

me

r

Performance-Optimierung

Conditional Loading

Responsive Images

Code-Optimierung

57

Conditional Loading und Responsive Images

Infos

Infos

Infos

Infos

…

61

06E-Mail-Marketing auf Mobile

62http://services.google.com/fh/files/misc/omp-2013-ch-local-de.pdf

63http://www.returnpath.de/resource/infografik-e-mail-in-bewegung/

http://www.returnpath.com/wp-content/uploads/resource/email-mostly-mobile/Return-Path-Email-Mostly-Mobile1.jpg

E-Mail-Marketing muss mobil gedacht werden.

64

Geplante Investitionen (E-Mail-Marketing Trends 2013)

http://www.absolit .de | Dr. Schwarz Consulting

65

Kundenbeispiel: Anteil mobiler E-Mail-Clients

14,78 %

29,08 %

Kunden Inland Vertriebsinfo

0

5

10

15

20

25

30

35

Mobile E-Mail-

Clients

Zahlen auf Basis der Öffnungsrate (innerhalb der letzten 12 Monate)

66

Pearl Izumi

67

Hannover Messe

68

Preheader

69

Responsive Newsletter

70

Responsive Newsletter

71

07QR-Codes

72

QR-Werbung und -Produktinformation

73

QR-Shopping in Virtual Stores

74

Gesetz

QR-Code MOBILOPTIMIERTE

INHALTE

(App oder mobiloptimierte

Website)

75

08Augmented Reality

76

Augmented Reality

78

Augmented Reality

79

Augmented Reality

81

09Mobile für Vertrieb

und Messen

82

Mobile Endgeräte als ideale Vertriebstools

• Portabel

• Handlich

• Schön

• Sexy

• Schnell

• Einfach

• Hochaufgelöst.

83

Auf Messen oder im Außendienst

87

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.

88

09Key Facts

89

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.

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

90

re-lounge GmbH – 100% Digitalagentur

Kompetenzen Kunden (Auswahl)

Weitere Informationen: www.re-lounge.com

• Corporate Websites auf Basis führender

(Enterprise) Content Management Systeme

• E-Mail-Marketing für E-Mail-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

[…]

91

re-lounge GmbH – 100% Digitalagentur

Auszeichnungen

…oder auf unserer Website:

www.re-lounge.com

re-lounge GmbHBrombergstraße 17c // 79102 Freiburg

Tel. +49 (0)761 - 88 85 24 - 0 // Fax +49 (0)761 - 88 85 24 - 11www.re-lounge.com // post@re-lounge.com

Vielen Dank.