Lezing Servicepunt Detailhandel Groningen, 22 mei 2012. Onderwerp: Het ontwerpen en bouwen van een goede website.

1. Het ontwerpen en bouwen
van een goede website
Servicepunt Detailhandel Groningen
Corné Kox - CKM Extended
22 mei 2012
foto: http://www.flickr.com/photos/rbos/1408503489
Tuesday, May 22, 2012

2. Wie ben ik?
Docent digitale media
ZZP’er in een digitale omgeving
Blogger Dutch Cowboys
And yes, my cellphone is on 24/7
Tuesday, May 22, 2012

3. Waar werk ik voor?
Voor merken
Zowel klein als groot
Op zoek naar de match in Noord Nederland
Sociaal kapitaal groeit immers overal
foto: http://www.flickr.com/photos/hadock/4185986382
Tuesday, May 22, 2012

4. Het begin...
Makkelijk om verward te raken in het ‘web’ van
webontwikkeling...
Tuesday, May 22, 2012

5. Wat weet u van...
Taxonomie, PHP, CMS, .NET, Databases, Mashup,
(x)HTML, WEB2.0, ......
Tuesday, May 22, 2012

6. De route
U weet dan ook niet goed welke kant het op moet?
Tuesday, May 22, 2012

7. De route
Hoeveel tijd het in beslag zal nemen?
Tuesday, May 22, 2012

8. De route
Hoe het proces zal verlopen?
Tuesday, May 22, 2012

9. De route
Of wat u allemaal aan kennis in huis dient te hebben?
Tuesday, May 22, 2012

10. Wees gerust...
De te nemen stappen zijn redelijk overzichtelijk.
Tuesday, May 22, 2012

11. Een goede planning
Een goede planning is essentieel maar niet heilig.
Tuesday, May 22, 2012

12. De gebruiker centraal
Stel de gebruiker centraal, ontwerp rondom die
gebruiker(s)
Hoe ziet uw gebruiker er eigenlijk uit (persona)?
Tuesday, May 22, 2012

13. Stel taken centraal
Het kopen van een product...
Tuesday, May 22, 2012

14. Stel taken centraal
Ik beland hier via Google...
Wie bent u precies, wat doet u precies?
Tuesday, May 22, 2012

15. Stel taken centraal
Ik ben eigenlijk alleen maar op zoek naar uw
telefoonnummer... waar vind ik het snel?
Tuesday, May 22, 2012

16. Web routing
Mensen komen op verschillende manieren op hun
bestemmingen, bij een webgebruiker is dat niet anders.
Tuesday, May 22, 2012

17. Web routing
Teken het eens uit... (cardsorting)
Tuesday, May 22, 2012

18. Schets
Maak schetsen en geef de belangrijkste taken en
functies een plekje.
Tuesday, May 22, 2012

19. Paper prototyping
Controleer eens of uw gedachtengang klopt, betrek de
gebruiker daarbij.
Tuesday, May 22, 2012

20. Ontwikkeling
Zorg dat het er ‘mooi’ uitziet en dat het functioneel is.
Tuesday, May 22, 2012

21. Soms werkt een website niet
‘te saai’... ‘niet door de navigatie te komen’... ‘ik kan het
niet vinden’...
Tuesday, May 22, 2012

22. Wie was uw webontwikkelaar?
Een webontwikkelaar is niet hetzelfde als een
webdesigner.
Webontwikkeling = techniek.
Webdesign = ontwerp, gebruiksvriendelijkheid.
Tuesday, May 22, 2012

23. Wie was uw webontwikkelaar?
Een webontwikkelaar is niet hetzelfde als een
webdesigner.
Webontwikkeling = techniek.
Webdesign = ontwerp, gebruiksvriendelijkheid.
Tuesday, May 22, 2012

24. Niet vergeten, marketing
Als iemand uw website prettig vindt (navigeren
bijvoorbeeld), is de betrokkenheid hoog, ook bij uw merk.
Tuesday, May 22, 2012

25. Een goed (grafisch) ontwerp
de eerste indruk telt...
Tuesday, May 22, 2012

26. Gebruikerservaring
Probeer bij de gebruiker een positief gevoel teweeg te
brengen (gebruiksgemak, beleving).
Tuesday, May 22, 2012

27. De juiste plek
Zorg ervoor dat mensen het gevoel hebben dat ze op de
juiste plek zijn.
Tuesday, May 22, 2012

28. Nu ze er toch zijn
Zorg dat mensen hun informatie ook kunnen vinden
(navigatieschema).
Tuesday, May 22, 2012

29. Consistentie
Stem (beeld)taal en visuele elementen goed op elkaar af,
zorg voor consistentie.
Tuesday, May 22, 2012

30. Congruentie
Zorg ook voor congruentie in uw verhaal.
Wie bent u / wilt u zijn en wat toont u daarbij?
Tuesday, May 22, 2012

31. Sturen op gedrag
Als je een actie van de gebruiker verwacht, maak deze
dan ook duidelijk.
Tuesday, May 22, 2012

32. Meningen
Zoveel mensen, zoveel wensen.
En dus evenveel meningen van de mensen met wie u
werkt binnen uw organisatie.
Tuesday, May 22, 2012

33. Betrekken
Betrek mensen (van verschillende afdelingen) vroegtijdig
in het proces. Maar houd zelf de controle.
Tuesday, May 22, 2012

34. De realisatie
Vind het wiel niet opnieuw uit!
Tuesday, May 22, 2012

35. De realisatie
Stel techniek niet centraal maar de gebruiker.
Tuesday, May 22, 2012

36. De realisatie
Ben niet bang op Open Source software te gebruiken.
Het hoeft tegenwoordig niet allemaal ‘custom’ te zijn.
Tuesday, May 22, 2012

37. De realisatie
Denk aan webstandaarden en toegankelijkheid.
Tuesday, May 22, 2012

38. De realisatie
Betrek eindgebruikers in een vroegtijdig stadium.
Je bouwt de website immers voor hun, niet voor jezelf.
Tuesday, May 22, 2012

39. De realisatie
Voldoet de basis aan uw standaarden?
Is de standaard makkelijk aan te passen als u het nét iets
anders wilt?
Tuesday, May 22, 2012

40. De realisatie
Maak het te behappen.
Deel het project desnoods op in kleinere stukjes.
Delen van de website kunnen wellicht op die manier
eerder live.
Tuesday, May 22, 2012

41. De realisatie
Testen, vaak een ondergeschoven kindje.
Internet Explorer, Firefox, Safari, Mozilla, iPhone,
Android...
Tuesday, May 22, 2012

42. Finetuning
Zoekmachine optimalisatie heeft niets te maken met de
hoeveelheid content die op uw website staat.
Tuesday, May 22, 2012

43. Zoekmachine optimalisatie
Probeer zoektermen van uw bezoekers te achterhalen,
waar zoekt men op?
Tuesday, May 22, 2012

44. Zoekmachine optimalisatie
Gebruik juist die zoektermen in de teksten voor uw
website.
Tuesday, May 22, 2012

45. Zoekmachine optimalisatie
Zorg daarnaast voor relevante inhoud.
Tuesday, May 22, 2012

46. Zoekmachine optimalisatie
Om hoger te eindigen in de ‘ranking’ heeft u stemmen
nodig.
Een externe verwijzing (link) naar uw website is zo’n
stem’.
Tuesday, May 22, 2012

47. Zoekmachine optimalisatie
Zoekmachine optimalisatie kost tijd (en inspanning).
Optimaliseer, stel af, bouw ‘inward links’.
Tuesday, May 22, 2012

48. Communicatiemix
Zorg dat de website deel uitmaakt van uw
communicatiemix.
Tuesday, May 22, 2012

49. finis...
Corné Kox
CKM Extended
netwerk voor doelgerichte communicatie
twitter: @corne
LinkedIn: http://www.linkedin.com/in/cornekox
Slideshare: http://www.slideshare.net/corne
corne@ckmextended.com
065 065 7000
Tuesday, May 22, 2012