google digital dive - een naadloze online ervaring
TRANSCRIPT
Een naadloze online ervaringMathias VissersDigital Strategist, Intracto Digital Agency
Een naadloze online ervaring
75+ experts in strategie, branding, marketing, content, customer experience en development.
75
• Strategie, marketing en web-ontwikkeling
• Intracto Group
• Intracto (digital), Mosquito (360°), King Foo (back-end development)
• Omzet groep 2014: 11.5 miljoen EUR
• Internationaal netwerk & ervaring
• Herentals, sinds 2005
• Open cultuur, actief kennis delen,
actieve contributor aan Drupal & Symfony
Over Intracto
Een naadloze online ervaring
Je hebt je bezoeker,
met de juiste boodschap,
op het juiste moment,
bereikt.
En nu?
Een naadloze online ervaring
Welke kanalen kan je gebruiken?
• Je website
• Een mobiele app
• Webshop
• Telefoon
• ...
Een naadloze (online) ervaring
Uw website is geëvolueerd van een (verplicht) visite-kaartje tot een
• Marketing tool/kanaal
• Lead generator
• Verkoopskanaal
• CRM-systeem (klanten-relatie-beheer)
• Product-catalogus
• …
De geëvolueerde rol van een website
Het digitale eco-systeem
Het digitale eco-systeem
Web platform
Social
Adverteren
Affiliate
Blogs
Zoekmachines
…
Offline
ShopsFullfillment
Retours
Customercare
Adverteren
Het digitale eco-systeem
De customer journey
• De website maakt deel uit van de customer journey,
en is dus onderdeel van een geheel van kanalen.
• Het is belangrijk dat deze verschillende kanalen op elkaar zijn
afgestemd met telkens dezelfde boodschap, tone-of-voice en opbouwen
naar een gewenste actie (verkoop, lead, …)
• Elke touchpoint heeft wel een vervolg-touchpoint naar waar je de
klant/prospect probeert te gidsen, om hem/haar zo in een volgende stap
van het proces te krijgen.
• Het is de volledige ervaring die telt, niet 1 communicatie-uiting.
De customer journey
Responsive* design*mobielvriendelijk
Wat is responsive design?
Google Test My Site
• Bouw een band op alvorens persoonlijke gegevens te vragen
• Spreek de taal van je gebruiker
• Zorg voor gebruiksvriendelijke formulieren
• Wees bereikbaar
• Wees duidelijk vanaf het eerste moment
Bronnen:
https://www.thinkwithgoogle.com/collections/principles-of-mobile-app-design-engage-users-and-drive-conversions.html
https://www.thinkwithgoogle.com/collections/mobile-retail-apps-and-sites-designing-better-experience-for-shoppers.html
5 concrete tips voor je mobile site
Tip 1: Bouw een band op alvorens persoonlijke gegevens te vragen
Tip 2: Spreek de taal van je gebruiker
Tip 3: Zorg voor gebruiksvriendelijke formulieren
Tip 4: Wees bereikbaar
Tip 5: Wees duidelijk vanaf het eerste moment
Responsive* e-mail design
*mobielvriendelijk
55% van de e-mails worden op een mobiel toestel geopend.
Bron: https://litmus.com/blog/we-analyzed-13-billion-opens-to-discover-where-subscribers-read-email-infographic
Responsive e-mail
Snelheid
• Een responsive website is ook een snelle website
• Cut the crap
• Geen overbodige beelden & foto’s
• Beelden aangepast voor mobiel gebruik
• Vermijd video e.t.c. (tenzij expliciet te starten door gebruiker)
Snelheid van de site
Contextuele inhoud
• Juiste inhoud/boodschap/“call to action” op juiste moment
• Desktop-surfer & mobiele surfer hebben andere behoefte
Voorbeelden
• Desktop: sfeerbeelden, meer opbouwend, meer storytelling
• Mobiel: Openingsuren, adres, aanbod, voorraden (e-commerce), …
• Contextueel op mobiel: dichtstbijzijnde winkel
Contextuele inhoud
• Mobiel gerichte/zichtbare advertenties = goed idee
MAAR
• Zorg voor mobiele/responsive landingpage
• Andere (verkorte) boodschap dan desktop
• Mobile friendly (& verkorte) formulieren
Advertenties & marketing campagnes
mCommerceOnline mobile shopping
• Meer en meer m-commerce naast e-commerce
• Mobiel betalen blijft vaak drempel (cfr. “het bakske van de bank”)
Trends bij mobiel bezoek van webshops
• Inspiratie opdoen
• Voorraden raadplegen (van nabij gelegen winkel)
• Mobiel mandje vullen, ‘s avonds op desktop aankoop afronden
Online (mobile) shopping
• Toon enkel essentiële product-informatie
• Toon voorraden met daarbij dichtstbijzijnde winkel (+ openingsuren!)
• User tracking d.m.v. cookies (mandje-inhoud van mobile → desktop)
• Aangepaste betaalmethodes voor mobiele bezoekers
Online (mobile) shopping: tips
Gebruikers volgen(en meten)
• Juiste interpretatie van je statistieken is van essentieel belang
• User tracking in Google Analytics
• Van waar komt lead/verkoop?
• Van mobile → desktop of omgekeerd.
Gebruikers volgen
What’s next?
• Accelerated Mobile Pages (AMP)
AMP HTML is een uitgeklede versie van de HTML-standaard,
die zich richt op het versnellen van nieuwsberichten, blogposten, …
• Geen support voor (third party) javascript code.
• Geen input elements mogelijk, dus geen formulieren of blogcomments.
• Geen externe stylesheets mogelijk en maar 1 CSS style tag in de head.
• Geen inline CSS styling mogelijk.
• CSS style rules moeten onder 50kb blijven.
AMP
Google Mijn Bedrijf
Google Mijn Bedrijf
Google Mijn Bedrijf
Take-aways
• Denk na over welke boodschap(pen) die je website vertelt in de
“customer journey”
• Optimaliseer de website voor mobiel gebruik (responsive)
• Optimaliseer ook je e-nieuwsbrieven voor mobiel gebruik
• Controleer of je Google Analytics alles goed meet (en maak beslissingen
op basis van de data & rapporten)
• Plaats duidelijke “call to actions” op je website
• Gebruik “Google Mijn Bedrijf”
Take-aways
Is your website 2016-proof?
