Hand-outs. Een succesvolle website in het mobiele tijdperk

Maat: px

Weergave met pagina beginnen:

Download "Hand-outs. Een succesvolle website in het mobiele tijdperk"

Joanna van de Veen
6 jaren geleden
Aantal bezoeken:

1 Hand-outs Een succesvolle website in het mobiele tijdperk

2 De mobiele revolutie

3 Mobiele telefoons in 1999 Confidential & Proprietary

4 Mobiel verkeer in Nederland 80% van de internetgebruikers bezat in 2016 een smartphone 66% bezoekt het internet minstens zo vaak op een smartphone als via een computer Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

5 Aanpassen aan jouw doelgroep 40% forecast Confidential & Proprietary Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

6 Tas kopen voor Pinkpop komend weekend 23:15 uur We kijken 150 keer per dag op onze telefoon Opstaan en kijken wat voor weer het wordt 06:50 uur Zaklamp-app gebruiken om gevallen oorbel te zoeken 23:09 uur Routebeschrijving opvragen naar afhaalrestaurant 13:13 uur In de bus, de line-up van Pinkpop bekijken 08:42 uur Festival-stijlen bekijken op YouTube 19:15 uur In de bus, zoeken naar uitverkoopacties 17:29 uur Scrabble spelen in de rij voor de lunch 13:33 uur Bij de bushalte, naar een nieuwe afspeellijst luisteren 08:30 uur Op werk kaartjes voor Pinkpop reserveren 11:36 uur Confidential & Proprietary Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

7 Tas kopen voor Pinkpop komend weekend 23:15 uur We kijken 220 keer per dag op onze telefoon Opstaan en kijken wat voor weer het wordt 06:50 uur Zaklamp-app gebruiken om gevallen oorbel te zoeken 23:09 uur Routebeschrijving opvragen naar afhaalrestaurant 13:13 uur In de bus, de line-up van Pinkpop bekijken 08:42 uur Festival-stijlen bekijken op YouTube 19:15 uur In de bus, zoeken naar uitverkoopacties 17:29 uur Scrabble spelen in de rij voor de lunch 13:33 uur Bij de bushalte, naar een nieuwe afspeellijst luisteren 08:30 uur Op werk kaartjes voor Pinkpop reserveren 11:36 uur Confidential & Proprietary Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

8 De rol van mobiel in het aankooppad % mensen dat hun mobiel gebruikt om: Confidential & Proprietary Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

9 Mobiel in het aankooppad ZIEN (Bewustwording) DENKEN (Overwegen) DOEN (Aankoop) HOUDEN VAN (Loyaliteit) Confidential & Proprietary Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

10 Eisen van mobiele gebruikers

rij wachten in een winkel Een Op de rand van dramatisch een virtuele klif tv-programma

11 Stress door mobiele websites Cognitieve belasting van stressvolle situaties De stress veroorzaakt door langzame websites is erger dan die bij het kijken van horrorfilms In de rij wachten in een winkel Een Op de rand van dramatisch een virtuele klif tv-programma staan kijken Een horrorfilm Met langzame Een wiskundekijken mobiele websites probleem oplossen omgaan

12 Het belang in cijfers Als de inhoud niet geoptimaliseerd is voor een mobiel... 79% 61% 52% Zal een andere site zoeken om de taak te voltooien Gaat verder naar een andere site als ze niet meteen vinden wat ze zoeken Minder kans om dat een gebruiker zich met jouw bedrijf verbindt Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

13 Wat te onthouden als ondernemer? De gebruiker anno 2017 is Altijd mobiel online: is gedurende de hele dag bezig met zijn of haar smartphone Veeleisend: heeft hoge eisen voor alle websites en op alle apparaten Ongeduldig: verwacht meteen resultaat! Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

14 Wat is mobielvriendelijk? Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

15 Wat is mobielvriendelijk? Leesbaar en snel Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

16 Mobielvriendelijk: leesbaarheid Leesbare lettergrootte Layout aangepast op schermgrootte Content aangepast op schermgrootte Geschikte formaten voor tikdoelen Geen plug-ins of pop-ups Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

17 Mobielvriendelijk: snelheid Het meest vervelende aan mobiel browsen vinden gebruikers... Wachten op het laden van langzame pagina s 46% Pop-ups die het beeld vullen 16% Video s die zich niet laten afspelen 14% Worden teruggeleid naar de homepagina 13% Anders 11% Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

18 testmysite.withgoogle.com

19 Mobielvriendelijk 85 of hoger op Test My Site Leesbaar en snel Score Goed op Test My Site Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

20 Effectieve mobiele websites

21 Principes van effectieve mobiele websites Wek interesse Moedig betrokkenheid aan Nodig uit tot actie Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

22 Interesse wekken

23 De eerste indruk Geven de afbeeldingen en grafische elementen de juiste eerste indruk? Sporen deze zaken gebruikers aan om te blijven kijken? Werkt de website als gebruikers alleen kopjes lezen?

24 De belangrijkste elementen van een startpagina 1. Een duidelijke waardepropositie 2. Een duidelijke call-to-action Enkele afbeeldingen van je producten of diensten 3

25 Onderdelen van een goede waardepropositie Voeg meteen waarde toe of los direct pijnpunten op Geen slogans, maar specifiek en klantgericht. Beantwoord de vraag: Waarom zou ik hier kopen? Onderbouw je waardepropositie met cijfers en/of reviews

26 Laat een duidelijke call-to-action zien Een call-to-action kan zijn: Gratis proberen Maak nu een afspraak Bekijk meer Product opzoeken In winkelwagen Optie selecteren

27 Gebruik afbeeldingen van je producten of dienst Afbeeldingen hebben veel sneller impact dan tekst Toon je producten of diensten of laat zien hoe deze gebruikt worden Zorg voor goede kwaliteits-afbeeldingen van klein bestandsformaat!

producten of diensten of laat zien hoe deze gebruikt

28 Gebruik afbeeldingen van je producten of dienst Afbeeldingen hebben veel sneller impact dan tekst Toon je producten of diensten of laat zien hoe deze gebruikt worden Zorg voor goede kwaliteits-afbeeldingen van klein bestandsformaat!

29 1 Denk aan the fold! 1. Een duidelijke waardepropositie 2. Een duidelijke call-to-action 3. Enkele afbeeldingen van je producten of diensten 2 3 Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

30 Denk aan the fold! 1. Een duidelijke waardepropositie 2. Een duidelijke call-to-action 3. Enkele afbeeldingen van je producten of diensten Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem

31 Betrokkenheid

Startpagina-knop Winkelmandje Contact Adres of

32 Zorg voor een duidelijk menu Toon bovenaan elke pagina je menu met de meest relevante informatie: Startpagina-knop Winkelmandje Contact Adres of winkelzoeker Gebruik een uitvouwbaar menu voor mobiel

33 Laat gebruikers zoeken op je website Voor elk type website relevant Nog geen zoekmachine? Probeer Google Custom Search Engine

34 Zorg voor scanbare productpagina s Komt de boodschap over als bezoekers alleen kopjes lezen? Nodigen de kopjes uit tot verder lezen?

Laat gebruikers producten delen of opslaan Makkelijk delen via: E-mail: 1-op-1-communicatie, opslaan

35 Laat gebruikers producten delen of opslaan Makkelijk delen via: 1-op-1-communicatie, opslaan WhatsApp: 1-op-1-communicatie Pinterest: visueel delen Facebook: interesse delen Erg belangrijk op mobiel!

36 Actie

37 Zorg voor opvallende CTA s op elke pagina Per sectie of pagina een relevante call-to-action Zorg voor duim-vriendelijke buttons

38 Wees direct transparant over de voorwaarden Meest voorkomende redenen voor het verlaten van winkelmandjes:

39 Succes meten

40 CONNECT THE DOTS Wat te meten binnen je website? Confidential & Proprietary

41 Herken je beste klanten Wie zijn ze? Hoe vaak voltooien ze uw doel? Waar komen ze vandaan? Hoeveel kosten ze? Hoeveel geven ze uit?

42 Meten is weten! Bepaal wat voor jouw website de doelen zijn die je wilt bereiken Gebruik een webanalysetool, zoals Google Analytics, om deze doelen te meten Handel naar de resultaten

43 Actieplan

44 In 4 stappen naar een geoptimaliseerde website Huidige status mobielvriendelijkeid inventariseren Website mobielvriendelijk maken Interesse, Betrokkenheid & Actie-items verwerken Resultaten monitoren in Google Analytics Test My Site uitvoeren Score goed op mobielvriendelijkheid Site vergelijken met Doelen van website bijhouden in Google Analytics (nieuw doel aanmaken) Rapport bestuderen Score van 85 of hoger op snelheid interesse -items uit presentatie Site vergelijken met betrokkenheid -items uit presentatie Site vergelijken met actie -items uit presentatie Ontbrekende items verwerken op website Voortgang consequent monitoren Waar voortgang stagneert, opnieuw optimaliseren

45 Verder leren? Haal het beste uit uw g.co/onlinedigitalewerkplaats onderneming en maak uw ambities waar

Vergelijkbare documenten

Hand-outs. Meten is weten! De basis

Hand-outs. Meten is weten! De basis Hand-outs Meten is weten! De basis Meten = weten? 10.000 6.5 kg 6 stuks 20 cm 120 m3 Proprietary + Confidential Er zijn heel veel potentiële klanten online... Proprietary + Confidential Wat is webanalyse?