Upload
carsten-lambrecht
View
160
Download
1
Embed Size (px)
DESCRIPTION
Die Präsentation leitet ein Verständnis für mobile optimierte Inhalte her und führt weiter aus was neben der reinen optischen Optimierung an Inhalten auf mobilen Internetseiten und Shop-Lösungen noch geschehen muss um ein gutes mobiles Nutzererlebnis zu erreichen.
Citation preview
MobiloptimierungSo rüsten Sie Ihre Geschäfte für mobile Endgeräte
1
Senior Account Manager
Datum: 20.09.2014
Carsten Lambrecht
Bildquelle: http://www.engadget.com/2014/09/14/sidewalk-lane-china/
• Carsten Lambrecht ist casila• Senior Account Manager @dkd.de• 1975 geboren• Marketing seit 1996• mobile Projekte seit 2008
2
Vorstellung - Agenda
1.ShowAct2.Entwicklung mobiler Kommunikation3.Responsive Web Design4.weitere Facetten mobiler Kommunikation5.Kunden-Reise
3
Sound of Frankfurt - Bühnenansicht - Landscape View
Bildquelle: http://www.istockphoto.com/: 000024961826
6
Bildquelle: http://www.istockphoto.com/: 000024961826Bildquelle: http://www.istockphoto.com/: 000016773057
6
Bildquelle: http://www.istockphoto.com/: 000024961826Bildquelle: http://www.istockphoto.com/: 000016773057
6Bildquelle: http://www.istockphoto.com/: 000008772590
Bildquelle: http://www.istockphoto.com/: 000024961826Bildquelle: http://www.istockphoto.com/: 000016773057
6Bildquelle: http://www.istockphoto.com/: 000008772590
7
Konzentrieren Sie sich auf das wesentliche !!!
9
die Geschichte der (digitalen) Kommunikation
s war einmal...E
10
Buchdruck
Bildquelle: http://www.brothersoft.com/full-screen-for-netscape-11019.html
11
Web 1.0 - Information
die Geschichte der Browser-technologien
Evolution of the Web
12
Quelle: http://www.evolutionoftheweb.com
Web 1.0 - Information
13
Logo
14
Web 2.0 - Kommunikation
Logo
0:14
Relationen & Semantik
15
Logo
0:14
16
Quelle: http://bradfrostweb.com/blog/post/this-is-the-web/
Internet der DingeKommunikations-Kanäle werden Touchpoints
selbst das Auto
wird zum Medium
Quelle: http://bradfrostweb.com/blog/post/this-is-the-web/
Neue Touchpoints neue Chancen
17
Relevante „Junkmails“
Der Drucker schickt eine E-Mail wenn der Toner „alle“ ist
19
Beacons - Kabellose Sensoren
Touchpoints in der mobilen Welt
https://www.youtube.com/watch?v=SrsHBjzt2E8
Das wesentliche..?
21
optimiert für
große Bühnen
http://digby.com/mobile-statistics/
»57% der Nutzer würden ein Geschäft mit schlechter mobiler
Website nicht empfehlen.«
22
»40% besuchen die Website eines (mobilen) Mitbewerbers.«
Das wesentlichein der mobilen Kommunikation
23
optimiert für
große Bühnen
Mobile Last
Graceful Degradation
Mobile FirstProgressive Enhancement
Logo
Action
Button
0:14
Action
24
Responsive Web Design (RWD)
ScreenTablet
LandscapePortrait
Mobile PortraitLandscape
Logo
Action
Button
0:14
Action
100%
ScreenTablet LandscapePortrait
Mobile PortraitLandscape
25
Responsive Web Design (RWD)
Logo
Action
Button
0:14
Action
+12%
ScreenTablet
LandscapePortrait
Mobile PortraitLandscape
26
Responsive Web Design (RWD)
Responsive Web Design (RWD)Logo
Action
Button
0:14
Action
100%
ScreenTablet
LandscapePortrait
Mobile PortraitLandscape
27
Responsive Web Design (RWD)Logo
Action
Button
0:14
Action
+33%
ScreenTablet
LandscapePortrait
Mobile PortraitLandscape
28
Der Gipfel der mobilen Optimierung?
RWD
Responsive Web Design (RWD)
Der Gipfel - Die Spitze des Eisbergs
RWDRes
ponsi
ve Im
ages
A P P sPerformance
QRCodes
Augmented RealityLocation Based
Services
mobile .Landingpagesmobile
payment
Touchpoints
Responsive Web Design (RWD)
Hardw
are
Nutzung
RoPo-fs
RWDRes
ponsi
ve Im
ages
A P P sPerformance
QRCodes
Augmented RealityLocation Based
Services
mobile .Landingpagesmobile
payment
Touchpoints
Die Facetten der mobilen Optimierung
Hardw
are
Nutzung
RoPo-fs
» 43% of iPhone users want to make
mobile transactions from their phones«
http://digby.com/mobile-statistics/
mobile
payment
http://www.digitalbuzzblog.com/infographic-2013-mobile-growth-statistics/
»30% der mobilen Käufer brechen eine Transaktion ab, wenn die Seite nicht mobil optimiert ist.«
33
Sorrywe are
CLOSED
als wäre Ihr Ladengeschäft2 Tage die Woche geschlossen
34Paypall Checkout: http://4.bp.blogspot.com/-66ZFgLDPcH0/UTn45AxETMI/AAAAAAAAPUM/_QfkL_dnBrg/s1600/6025_7AA45C9E-9917-419D-8422-72B63AB318CF.png
Screenshots Web-Shop: http://www.outfitter.de/
34Paypall Checkout: http://4.bp.blogspot.com/-66ZFgLDPcH0/UTn45AxETMI/AAAAAAAAPUM/_QfkL_dnBrg/s1600/6025_7AA45C9E-9917-419D-8422-72B63AB318CF.png
Nutzen Sie mobile optimierte Checkout Prozesse!
Screenshots Web-Shop: http://www.outfitter.de/
RWDRes
ponsi
ve Im
ages
A P P sPerformance
QRCodes
Augmented RealityLocation Based
Services
mobile .Landingpagesmobile
payment
Touchpoints
Die Facetten der mobilen Optimierung
Hardw
are
Nutzung
RoPo-fs
37
„Research offline Purchase online“Tesco iPhone Application Barcode Scanner
Hardware Nutzung für RoPo‘fs
Quelle: https://www.youtube.com/watch?v=pI8-01uvhmw
RWDRes
ponsi
ve Im
ages
A P P sPerformance
QRCodes
Augmented RealityLocation Based
Services
mobile .Landingpagesmobile
payment
Touchpoints
Die Facetten der mobilen Optimierung
Hardw
are
Nutzung
RoPo-fs
39
Offline und Online verbinden
Qr Codes
41
Reconnecting People by disconnecting
KFC Phone Stack
Quelle: http://vimeo.com/100478313
RWDRes
ponsi
ve Im
ages
A P P sPerformance
QRCodes
Augmented RealityLocation Based
Services
mobile .Landingpagesmobile
payment
Touchpoints
Die Facetten der mobilen Optimierung
Hardw
are
Nutzung
RoPo-fs
44
Marketing Aktionen ausserhalb Ihres Shops zur LandingpageDie Landingpage muss zum gewünschten Ziel führen
Landingpages
https://www.youtube.com/watch?v=N5WurXNec7E
45
Würden Ihre Kunden auf der Reise zu Ihren Produkten „schlange stehen“?
Customer Journey
46
Ihre Kunden auf der Reise zu Ihren Produkten
Customer Journey
Bildquelle: http://www.istockphoto.com/: 000017746481
47
Customer Journey
Bildquelle: http://www.istockphoto.com/: 000017746481
vor
während
nach
Inte
ress
e
Abwägung
Kauf
Nut
zung
„wiederkauf“
Auf
mer
ksam
keit
!Infos - Argumente
Sicher & einfach
Serv
ice/
Zufr
iede
nhei
t
Loyalität
48
Customer Journey
QR Codes
klassische Werbung
Social Media
RWD
BilderFilme
LandingpagesRWD
Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481
vor
während
nach
Inte
ress
e
Abwägung
Kauf
Nut
zung
„wiederkauf“
Auf
mer
ksam
keit
!Infos - Argumente
Sicher & einfach
Serv
ice/
Zufr
iede
nhei
t
Loyalität
49
Customer Journey
QR Codes
klassische Werbung
Social Media
RWD
BilderFilme
LandingpagesRWD
Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481
vor
während
nach
Inte
ress
e
Abwägung
Kauf
Nut
zung
„wiederkauf“
Auf
mer
ksam
keit
!Infos - Argumente
Sicher & einfach
Serv
ice/
Zufr
iede
nhei
t
Loyalität
49
Customer Journey
QR Codes
klassische Werbung
Social Media
RWD
BilderFilme
LandingpagesRWD
Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481
vor
während
nach
Inte
ress
e
Abwägung
Kauf
Nut
zung
„wiederkauf“
Auf
mer
ksam
keit
!Infos - Argumente
Sicher & einfach
Serv
ice/
Zufr
iede
nhei
t
Loyalität
49
Customer Journey
QR Codes
klassische Werbung
Social Media
RWD
BilderFilme
LandingpagesRWD
Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481
vor
während
nach
Inte
ress
e
Abwägung
Kauf
Nut
zung
„wiederkauf“
Auf
mer
ksam
keit
!Infos - Argumente
Sicher & einfach
Serv
ice/
Zufr
iede
nhei
t
Loyalität
49
Customer Journey
QR Codes
klassische Werbung
Social Media
RWD
BilderFilme
LandingpagesRWD
Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481
vor
während
nach
Inte
ress
e
Abwägung
Kauf
Nut
zung
„wiederkauf“
Auf
mer
ksam
keit
!Infos - Argumente
Sicher & einfach
Serv
ice/
Zufr
iede
nhei
t
Loyalität
49
Customer Journey
QR Codes
klassische Werbung
Social Media
RWD
BilderFilme
LandingpagesRWD
Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481
vor
während
nach
Inte
ress
e
Abwägung
Kauf
Nut
zung
„wiederkauf“
Auf
mer
ksam
keit
!Infos - Argumente
Sicher & einfach
Serv
ice/
Zufr
iede
nhei
t
Loyalität
50
Customer Journey
QR Codes
klassische Werbung
Social Media
RWD
BilderFilme
LandingpagesRWD
Warenkorb
BezahlsystemBestätigung
RWD
Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481
vor
während
nach
Inte
ress
e
Abwägung
Kauf
Nut
zung
„wiederkauf“
Auf
mer
ksam
keit
!Infos - Argumente
Sicher & einfach
Serv
ice/
Zufr
iede
nhei
t
Loyalität
51
Customer Journey
QR Codes
klassische Werbung
Social Media
RWD
BilderFilme
LandingpagesRWD
Warenkorb
BezahlsystemBestätigung
RWD
Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481
vor
während
nach
Inte
ress
e
Abwägung
Kauf
Nut
zung
„wiederkauf“
Auf
mer
ksam
keit
!Infos - Argumente
Sicher & einfach
Serv
ice/
Zufr
iede
nhei
t
Loyalität
GutscheineBewertung
52
Customer Journey
QR Codes
klassische Werbung
Social Media
RWD
BilderFilme
LandingpagesRWD
Warenkorb
BezahlsystemBestätigung
RWD
MailsBericht
Social Media
FAQs
APPs
RWD
Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481
vor
während
nach
Inte
ress
e
Abwägung
Kauf
Nut
zung
„wiederkauf“
Auf
mer
ksam
keit
!Infos - Argumente
Sicher & einfach
Serv
ice/
Zufr
iede
nhei
t
Loyalität
GutscheineBewertung
52
Customer Journey
QR Codes
klassische Werbung
Social Media
RWD
BilderFilme
LandingpagesRWD
Warenkorb
BezahlsystemBestätigung
RWD
MailsBericht
Social Media
FAQs
APPs
RWD
Customer Journey nach Marco Spies: Branded Interactions Bildquelle: http://www.istockphoto.com/: 000017746481
vor
während
nach
Inte
ress
e
Abwägung
Kauf
Nut
zung
„wiederkauf“
Auf
mer
ksam
keit
!Infos - Argumente
Sicher & einfach
Serv
ice/
Zufr
iede
nhei
t
Loyalität
53Customer Journey nach Marco Spies: Branded Interactions
Jetzt sind sie dran!RWD
RWD
RWD
RWDRWD
RWD
54
www.dkd.de [email protected]
@dkd_de
www.casila.de@casilas
FazitDas Wesentliche• Produkte/Verkauf• Ihre Kunden/Bewerbung
Funktionierende Angebote• (mobile) Shoplösungen• (mobile) Marktplätze• (mobile) Kommunikationslösungen
DankeSchoen!