Slimmere Website

Raymond Witvoet

Michiel Verheij

2

Programma

• Voorstelrondje

• Syntens

• Marketing/positionering

• Pauze

• Sites van aanwezigen onder de loep

• Web 2.0

• Deze presentatie komt ook digitaal beschikbaar

3

Wie bent u?

http://www.flickr.com/photos/jhhwild/1781000505/

4

Syntens

o van innovatie naar duurzame groei

o In opdracht van o.a. ministerie van EZ

o 400 medewerkers

o 1000 bijeenkomsten

o 20.000 adviezen

o Stimuleren en begeleiden

o Onafhankelijk

o Makelen en schakelen

o Individueel en in groter verband

o Netwerk

5

Poll

• Wie van u maakt gebruik van internetbankieren?

• Wie van u oriënteert zich op het internet voordat u een product of dienst koopt?

• Wie van u heeft iets via marktplaats of e-baygekocht/verkocht?

• Wie van u heeft nieuwe producten via internet (bijvoorbeeld Wehkamp, Bol) gekocht?

• Wie van u heeft een reis geboekt via internet?

• Wie van u heeft wel eens Uitzending gemist gekeken via internet?

6

Cijfers

• In 2008 waren er 7,5 miljoen mensen die wel eens producten hebben gekocht via internet.

• Totale online consumentenbestedingen in 2008 bedragen 4,8 miljard euro (een stijging van 23232323 procent t.o.v. 2007)

• 82% van de Nederlanders maakt gebruik van internet (in 2007 wat dit 81%)

• Het afgelopen jaar is de gemiddelde surftijd op internet gestegen met 8% naar 6,9 uur per week bij alle Nederlanders van 13 jaar en ouder.

• 50-plussers zijn sterker vertegenwoordigd op internet met 63% (59% in 2007) en ook de gemiddelde surftijd nam bij deze groep toe van 3 uur per week tot 3,5 uur per week.

7

Positionering

8

Merk

http://www.flickr.com/photos/mleak/163875482/

9

Gevoel

http://www.flickr.com/photos/aurorepolaire/2742039251/

10

Hoe ligt uw erf erbij, zo?

http://www.flickr.com/photos/3vil3lvis/2796867028/sizes/l/

11

Of zo?

http://www.flickr.com/photos/fauxto_dkp/2960164970/sizes/l/

12

Doelgroep

http://www.flickr.com/photos/wili/140195020/sizes/o/

13

Poll

• Hoeveel klanten zijn met uw bedrijf in aanraking gekomen door de website?

• Hoeveel bezoekers heeft u maandelijks?

• Waar kijkt men naar?

• Hoe komt men op uw site?

• Welke zoektermen worden gebruikt?

• Hoe lang is men op de site?

http://www.gfxpoll.nl/viewpoll/29397.html

14

Wat wilt u dat uw bezoeker gaat doen op uw website?

• Informatie zoeken

• Informatie aanvragen

• Communiceren

• Kopen

• Doelstellingen website

– Aantallen bezoekers

– Aantallen informatieaanvragen

– Aantallen keren dat mensen telefonisch/post contact opnemen

– Aantallen aangevraagde offertes

– Aantallen bestellingen

15

• Zorg dat je vooral geïnteresseerde bezoekers naar de internetpagina trekt die op het moment van het bezoek ook een handeling verrichten die ten goede komt van het bedrijfsresultaat. Princess, Aad Ouborg.

16

Kan men de weg naar uw erf vinden?

17

U kunt nog zo’n mooie website hebben, maar als klanten er niet (kunnen) komen, dan heeft u hier niets aan!

18

Zoekmachine marketing

• Search Engine Marketing (SEM)

– Search Engine Optimalization (SEO)

– Search Engine Advertising (SEA)

19

10 basisregels voor zoekmachinevriendelijk webbouwen

• Geen introductie / splash pagina

• Geen (i)frames

• Alle inhoud via gewone links te bereiken

• Geen inhoud in Word, PDF, of…

• Geen navigatie in plaatjes, Flash of Javascript

• Geen tekst in plaatjes of Flash

• Mooie/korte URL’s (webadressen)

• Nette broncode (HTML & CSS)

• Titels (<title>) en headings (<H1>, <H2>, <H3>)

• Elke pagina op 1 URL te bereiken

• Geen duplicate content

20

De eerste indruk……

• Navigatie

• Vormgeving

• Toegankelijkheid

• Kwaliteit van de content

• Kwaliteit van afbeeldingen, foto's, film

• Video en audio

• Typografie

• Foutmeldingen

• Advertenties

• Pop-ups

• Laadtijd van de webpagina

21

Onderdelen van een website

Webdesign

Usability

Accessibility

http://usability.startpagina.nl/

www.drempelvrij.nl

http://www.usarchy.com/

22

Webdesign

• Een goed design is pas echt goed als het behalve mooi is en een goede user experience biedt, bijdraagt aan een optimale conversie.

• 75% van de webgebruikers geven toe dat ze de geloofwaardigheid van een bedrijf baseren op het design van een website

• 68% van de webshoppers in de VS zeggen dat ze een site niet vertrouwen als het geen professionele vormgeving heeft

• Testen!

23

Zo kijken uw klanten naar uw website

24

25

Webdesign voor ouderen

• Maak pagina’s niet of duidelijk scrollbaar

• Gebruik geen technische taal

• Maak links duidelijk herkenbaar

• Wees terughoudend met downloads

• Zorg voor een toegankelijke zoekfunctie

• Hou tekst kort

• Hou tekst groot

• Serif lettertypes zijn moeilijk te lezen door ouderen

• Geel, groen en blauw zijn geen geschikte kleuren voor ouderen

• Geef afbeeldingen een naam zodat screenreaders/spraakbrowsersermee overweg kunnen

• Auto suggest bij spelfouten in zoekfunctie

• Maak beperkt gebruik van drop-down of fly-out menu’s

• Ouderen zijn veel minder vergevingsgezind!

28

10 tips voor een optimale 10 tips voor een optimale 10 tips voor een optimale 10 tips voor een optimale landingpagelandingpagelandingpagelandingpage

• Een landing page is een pagina waarop bezoekers terecht komen wanneer zij een bepaald zoekwoord op een zoekmachine intikken, via een banner, nieuwsbrief of speciale acties (offline communicatie). Een landingpage kan speciaal opgezet voor een specifiek onderwerp of actie maar kan ook een pagina op uw website zijn.

• Tip 1: laat ze goed terecht komenTip 1: laat ze goed terecht komenTip 1: laat ze goed terecht komenTip 1: laat ze goed terecht komenWanneer een gebruiker op het web via een banner, link, nieuwsbrief of zoekmachine op een landingpage terecht komen is het wel prettig om aan te geven dat zij op de juiste pagina terecht zijn gekomen. Een korte zin is al voldoende. Het woord ‘Welkom’ is hierbij taboe.

• Tip 2: zorg voor een duidelijke titelTip 2: zorg voor een duidelijke titelTip 2: zorg voor een duidelijke titelTip 2: zorg voor een duidelijke titelDe landing page dient zodanig te zijn ontworpen dat de titel als eerst wordt gezien. De titel dient helder te zijn en in één oogopslag duidelijk te maken wat de bezoeker kan verwachten.

• Tip 3: gebruik voldoende witruimteTip 3: gebruik voldoende witruimteTip 3: gebruik voldoende witruimteTip 3: gebruik voldoende witruimteNiet alle tekst wordt gelezen op een webpage. Gebruikers scannen relevante content en bekijken of zij daarmee hun doel kunnen bereiken. Het gebruik van voldoende witruimte helpt daarbij.

• Tip 4: lever toegevoegde waardeTip 4: lever toegevoegde waardeTip 4: lever toegevoegde waardeTip 4: lever toegevoegde waardeGeef met drie of vier bullet points in duidelijke bewoordingen aan waarom gebruikers in moeten gaan op het aanbod.

• Tip 5: breng een overtuigend boodschap over boven de Tip 5: breng een overtuigend boodschap over boven de Tip 5: breng een overtuigend boodschap over boven de Tip 5: breng een overtuigend boodschap over boven de callcallcallcall to to to to actionactionactionactionZorg ervoor dat er een overtuigende boodschap staat boven de call to action. Met een overtuigende boodschap wordt neemt het vertrouwen toe. Voorbeeld: ‘doe net als die andere duizenden mensen die .. gebruiken’.

Bron: www.diepbizniz.nl

29

• Tip 6: gebruik grote buttonsTip 6: gebruik grote buttonsTip 6: gebruik grote buttonsTip 6: gebruik grote buttonsEen juiste buttonkleur verhoogt de conversie. Rood gekleurde button hebben een zeer positieve invloed op de conversie. Groen of oranje werkt ook goed. Grote button zijn goed zichtbaar. De locatie van de button is eveneens belangrijk. Deze dient in de buurt van de prijs te staan en wel zo dat men in één beeld de boodschap, de prijs en de button ziet.

• Tip 7: kies de juiste button tekstTip 7: kies de juiste button tekstTip 7: kies de juiste button tekstTip 7: kies de juiste button tekstHet is van belang om een actieve tekst in de call to action button te plaatsen. “Koop nu” of “Probeer nu” zijn zogenaamde ‘zachte’ call to actions tonen een soort ‘onmiddelijkheid’ (nu) aan maar zonder risico’s (Probeer). De ‘zachte’ call to actionsleiden tot een verhoogde conversie.

• Tip 8: vertrouwen en veiligheid blijven overtuigendTip 8: vertrouwen en veiligheid blijven overtuigendTip 8: vertrouwen en veiligheid blijven overtuigendTip 8: vertrouwen en veiligheid blijven overtuigendIconen en logo’s van het merk, vertrouwen en veiligheid alsmede klantreferenties wekken vertrouwen bij de consument. Deze aspecten blijven belangrijk ondanks dat we al langere tijd via het web verkopen.

• Tip 9: meten is weten en dan verbeterenTip 9: meten is weten en dan verbeterenTip 9: meten is weten en dan verbeterenTip 9: meten is weten en dan verbeterenWeten of de landingpage wel of niet werkt, kom je aan de weet door dit te meten. A/B testen van verschillende versies van landing pages geeft veel inzicht in wat scoort en wat niet. Multivariate testen kan je gebruiken om varianten van meerdere elementen te toetsen op conversie.

• Tip 10: hoe bekijken gebruikers de landingpageTip 10: hoe bekijken gebruikers de landingpageTip 10: hoe bekijken gebruikers de landingpageTip 10: hoe bekijken gebruikers de landingpageEyetracking biedt inzicht in hoe gebruikers over een landingpages kijken. Dit inzicht helpt je om de huidige landingpage te verbeteren maar ook je toekomstige. Welke elementen ‘drijven’ de gebruikers naar de call to action en welke zijn juist barrières. Na de test kan je vragen welke elementen duidelijker moeten zodat de landing page verbeterd.

30

Analytics

31

Pauze

32

www.aape.nl

33

www.rivero.nl

34

http://i-brix.nl/blog/

35

www.ec-con.nl

36

www.robbersenvandenhoogen.nl

37

www.kreanova.nl

38

www.co-im.nl

39

http://www.constructiefgroep.nl/

40

www.steam-entertainment.nl

41

www.hyperleap.nl

42

www.versevisie.nl

43

www.people-for-progress.org

44

www.ben-en-wil.nl

45

www.sfoto.nl

46

www.aimgo.nl

47

www.fourcelabs.com

48

www.iprospects.nl

49

Web 2.0

• Sociale structuren• Open dialoog• Delen• Creëren• Interactiviteit• Mediarijk• Completer• Meer mogelijkheden• Slimmer

http://www.flickr.com/photos/9119028@N05/591163479/

50

Web 2.0 trends

• Social bookmarking

• Video

• Music

• File sharing

• RSS

• Foto’s

• Search

• Webloggen

• Crowdsourcing

• Geotagging

• Mash-ups

• Mobiel internet

• Social media/ networking

• Widgets

• News

• Wiki’s

51

Crowdsourcing

52

Geotagging

53

54

55

Mobiel internet

• 2 miljoen mensen maakt maandelijks gebruik van mobiel internet (10 december, bron Emerce)

56

Social Media

57

Bed & Breakfast El Berrocal

58

Nieuws

59

Wiki’s

60

Social bookmarking

http://www.gfxpoll.nl/viewpoll/29397.html

61

Video/presenteren

62

PDF/presentatie

63

Foto’s

64

Blippr

65

Mashable

66

Snap

67

Webloggen

68

RSS

69

Widgets

70

www.go2web20.net

Vragen, opmerkingen, suggesties?