EEN WEBSITE DIE WERKT13 maart 2012 – EROV
1. Online klanten bereiken2. Het belang van usability3. Usability: 8 basisprincipes4. Meten is weten
1. Online klanten bereikenWat zijn de mogelijkheden?
Een website... is dat nu echt zo belangrijk?
Particulieren en internetIn België in 2011Heeft thuis internettoegang        78% (EU: 73%)Surft elke dag                  ...
Bedrijven en internetIn Europa in 2011Heeft een website                        70%Online bestellen, reserveren of boeken  ...
Online aanwezig zijn‣   Eigen website‣   Google Maps‣   Sociale netwerken‣   Forums
De eigen website is meestal hetcentrale punt.
Eigen website1. Vertrouwen naar klanten2. Controle3. Onderscheid van concurrenten
1. Vertrouwen naar klanten‣   Deze gegevens kloppen‣   Dit bedrijf is professioneel bezig
2. Controle‣   Inhoud van de website‣   Wat mensen vinden via Google‣   Onafhankelijk van externe diensten
3. Onderscheid van concurrenten‣   Gebruiksvriendelijk‣   Ontwerp op maat‣   (Online) dienst op maat
Ok, een eigen website dus. En wanneer is datnu een goeie website?
Een goeie website‣   Op nummer 1 in Google!‣   Veel bezoekers!‣   Een mooi ontwerp!
Een goeie website‣   Op nummer 1 in Google!‣   Veel bezoekers!‣   Een mooi ontwerp!
Een goeie website‣   Scoren op de juiste zoekwoorden‣   Van bezoekers klanten maken‣   Positieve ROI
Vandaag:‣   Scoren op de juiste zoekwoorden‣   Van bezoekers klanten maken‣   Positieve ROI
www.wijs.be
2. Het belang van usabilityWaarom usability je geld kan opleveren... of kosten.
Usability... wat is dat eigenlijk?
“Iets is gebruiksvriendelijk wanneer een beoogdeeindgebruiker het effectief, efficiënt en naartevredenheid kan gebruiken.”Wik...
Gebruiksvriendelijk...‣   Eenvoudig te leren‣   Efficiënt in gebruik‣   Makkelijk onthouden hoe het werkt‣   Fouten voorkome...
User-centered werken‣   Aandacht voor eindgebruiker‣   Testen met échte gebruikers‣   Duurzaam‣   Kwaliteit
3. Usability: 8 basisprincipesWaar moet je zéker op letten?
8consistentie       inhoudtypografie          toegankelijkheidportability        technologiesnelheid           interactie
1. Consistentie
Verwachtingen‣   Logo           ‣   Navigatie‣   Taalselectie   ‣   Broodkruimel‣   Home-knop      ‣   Zoekveld
Logo‣   Links boven‣   Link naar homepage‣   Optioneel met tagline
Logo
Taalselectie‣   Rechts boven‣   ISO (NL - FR - EN)‣   Toon alle opties, ook de actieve taal‣   Geen vlagjes!
taalselectie
Home-knop‣   Eerste knop in hoofdnavigatie‣   Altijd ‘home’
home-knop
Navigatie‣   Hoofdnavigatie horizontaal bovenaan‣   Subnavigatie links‣   Vermijden: onderaan of rechts
Secundaire navigatie‣   Helemaal onderaan, in de footer‣   Privacy statement, disclaimer, sitemap
hoofdnavigatiesubnavigatie
secundaire navigatie
Broodkruimel‣   Toont actieve pagina in hiërarchie‣   Onder de hoofdnavigatie‣   Klikbaar, behalve actieve pagina‣   Zonde...
broodkruimel
Zoekveld‣   Rechts boven‣   Gevaarlijk!‣   Bezoekers verwachten Google-niveau
zoekveld
Consistentie geeft houvastHet is duidelijk‣   waar je vandaan kwam‣   waar je nu bent‣   waar je naartoe kan gaanin de vis...
2. Typografie
Leeslengte‣   Ideaal: tot ongeveer 55 karakters per regel‣   Flexibele layout: gebruik maximumbreedte
Lettergrootte‣   Minstens 12px voor broodtekst‣   Moderne browsers schalen alles‣   “ A A A ” is overbodig
Geschreefd of schreefloos?Op een scherm: schreefloos (sans-serif)Ed ut perspiciatis unde      Ed ut perspiciatis undeomnis i...
3. Portability
Mohammed en de berg‣   Bezoekers komen niet spontaan    naar je website.‣   Verspreid inhoud op plaatsen waar    potentiël...
API‣   Application Programming Interface‣   Toegangspoort tot een website‣   Data toevoegen en/of data afhalen
Social Media plugins‣   Makkelijk te integreren‣   1 klik‣   “Mond-aan-mond”
4. Snelheid
Wat volgt is de hoeveelheid tijddie een bezoeker wil spenderenom uit te zoeken hoe een websitewerkt:
0
Bezoekers hebben geen geduld‣   Snel laden (technisch)‣   Focus (inhoud)‣   Scanbaar (structuur)
5. Inhoud
Vers en fris!
Een website is zoals ondergoed.Ververs elke dag.
Publiceer op regelmatige basis‣   Kies relevante onderwerpen‣   Relevant nieuws‣   SEO vs. bezoeker
Hou statische inhoud vers‣   Schrap pagina’s die niet bezocht worden‣   Kijk af en toe of inhoud nog up-to-date is‣   SEO ...
Publiceren, updaten, ...Iedere keer langs IT-dienst of webbouwer?
CMS‣   Content Management System‣   De motor van de website‣   Makkelijk zélf inhoud bewerken‣   SEO!
Een CMS moet je toelaten om het dagelijksebeheer van je website onafhankelijk enzonder technische kennis uit te voeren.
6. Toegankelijkheid
Bouw een toegankelijke website‣   Cross-browser, cross-platform‣   Anysurfer‣   Google‣   Facebook
Cross-browser, cross-device‣   IE8, IE9, Chrome, Firefox, ...‣   tablets & smartphones!‣   muis en keyboard of touch‣   We...
Anysurfer‣   Kwaliteitslabel‣   Website toegankelijk voor iedereen,    ook voor mensen met een    functiebeperking
Google‣   Grootste bron van traffiek‣   SEO!
Facebook‣   ‘Like’ + Open Graph‣   Zoekmachine
7. Technologie
Altijd nieuwe technologie‣   Flash‣   Ajax‣   Video‣   HTML 5
Technologie mag geen drijfveer zijn.Denk na over de   waarde.
8. Interactie
Laat bezoekers participeren‣   Poll, testjes, ...‣   Feedback mechanismen‣   Reacties plaatsen, forum‣   Zelf inhoud toevo...
+ interactie met het merk verhoogd+ ‘gratis’ input voor web en print+ workload webredactie verminderd+ rijke data over voo...
De gebruiker staat centraal‣   Ontwerpen & bouwen‣   Observeren‣   Optimaliseren
4. Meten is wetenHoe weet je of je website goed werkt?
Een website is zoals een schip
Meten, evalueren, bijsturen1. Statistieken2. Expert audit3. Gebruikerstest
1. Statistieken‣   Google Analytics‣   Hoeveel, van waar, welk pad, ...‣   Kwantiteit, geen kwaliteit‣   Continu‣   Gratis...
2. Expert audit‣   Analyse van bestaande website‣   Basisfouten komen naar boven‣   Toetsing aan de theorie‣   Praktisch a...
3. Gebruikerstest‣   Ervaren van échte gebruikers‣   Toetsing aan de praktijk‣   Ideale methode‣   Praktisch advies en tip...
Conclusie
Conclusie‣   Begin met een goeie strategie‣   Bezoekers aantrekken heeft alleen    zin bij optimale usability!‣   Usabilit...
Vragen?twitter.com/bram_www.wijs.be
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Een website die wérkt (EROV, 2012)
Upcoming SlideShare
Loading in …5
×

Een website die wérkt (EROV, 2012)

3,078 views
3,004 views

Published on

Presentatie voor EROV over:
- het belang van usability
- 8 basisprincipes voor goeie websites
- meten is weten

Published in: Business
2 Comments
8 Likes
Statistics
Notes
No Downloads
Views
Total views
3,078
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
46
Comments
2
Likes
8
Embeds 0
No embeds

No notes for slide

Een website die wérkt (EROV, 2012)

  1. 1. EEN WEBSITE DIE WERKT13 maart 2012 – EROV
  2. 2. 1. Online klanten bereiken2. Het belang van usability3. Usability: 8 basisprincipes4. Meten is weten
  3. 3. 1. Online klanten bereikenWat zijn de mogelijkheden?
  4. 4. Een website... is dat nu echt zo belangrijk?
  5. 5. Particulieren en internetIn België in 2011Heeft thuis internettoegang 78% (EU: 73%)Surft elke dag 65% (EU: 55%)Surft minstens één maal per week 80% (EU: 70%)Kocht iets via internet in 2011 53% (EU: 58%)
  6. 6. Bedrijven en internetIn Europa in 2011Heeft een website 70%Online bestellen, reserveren of boeken 20%
  7. 7. Online aanwezig zijn‣ Eigen website‣ Google Maps‣ Sociale netwerken‣ Forums
  8. 8. De eigen website is meestal hetcentrale punt.
  9. 9. Eigen website1. Vertrouwen naar klanten2. Controle3. Onderscheid van concurrenten
  10. 10. 1. Vertrouwen naar klanten‣ Deze gegevens kloppen‣ Dit bedrijf is professioneel bezig
  11. 11. 2. Controle‣ Inhoud van de website‣ Wat mensen vinden via Google‣ Onafhankelijk van externe diensten
  12. 12. 3. Onderscheid van concurrenten‣ Gebruiksvriendelijk‣ Ontwerp op maat‣ (Online) dienst op maat
  13. 13. Ok, een eigen website dus. En wanneer is datnu een goeie website?
  14. 14. Een goeie website‣ Op nummer 1 in Google!‣ Veel bezoekers!‣ Een mooi ontwerp!
  15. 15. Een goeie website‣ Op nummer 1 in Google!‣ Veel bezoekers!‣ Een mooi ontwerp!
  16. 16. Een goeie website‣ Scoren op de juiste zoekwoorden‣ Van bezoekers klanten maken‣ Positieve ROI
  17. 17. Vandaag:‣ Scoren op de juiste zoekwoorden‣ Van bezoekers klanten maken‣ Positieve ROI
  18. 18. www.wijs.be
  19. 19. 2. Het belang van usabilityWaarom usability je geld kan opleveren... of kosten.
  20. 20. Usability... wat is dat eigenlijk?
  21. 21. “Iets is gebruiksvriendelijk wanneer een beoogdeeindgebruiker het effectief, efficiënt en naartevredenheid kan gebruiken.”Wikipedia
  22. 22. Gebruiksvriendelijk...‣ Eenvoudig te leren‣ Efficiënt in gebruik‣ Makkelijk onthouden hoe het werkt‣ Fouten voorkomend en duidelijke feedback‣ ‘Plezant’ om te gebruiken
  23. 23. User-centered werken‣ Aandacht voor eindgebruiker‣ Testen met échte gebruikers‣ Duurzaam‣ Kwaliteit
  24. 24. 3. Usability: 8 basisprincipesWaar moet je zéker op letten?
  25. 25. 8consistentie inhoudtypografie toegankelijkheidportability technologiesnelheid interactie
  26. 26. 1. Consistentie
  27. 27. Verwachtingen‣ Logo ‣ Navigatie‣ Taalselectie ‣ Broodkruimel‣ Home-knop ‣ Zoekveld
  28. 28. Logo‣ Links boven‣ Link naar homepage‣ Optioneel met tagline
  29. 29. Logo
  30. 30. Taalselectie‣ Rechts boven‣ ISO (NL - FR - EN)‣ Toon alle opties, ook de actieve taal‣ Geen vlagjes!
  31. 31. taalselectie
  32. 32. Home-knop‣ Eerste knop in hoofdnavigatie‣ Altijd ‘home’
  33. 33. home-knop
  34. 34. Navigatie‣ Hoofdnavigatie horizontaal bovenaan‣ Subnavigatie links‣ Vermijden: onderaan of rechts
  35. 35. Secundaire navigatie‣ Helemaal onderaan, in de footer‣ Privacy statement, disclaimer, sitemap
  36. 36. hoofdnavigatiesubnavigatie
  37. 37. secundaire navigatie
  38. 38. Broodkruimel‣ Toont actieve pagina in hiërarchie‣ Onder de hoofdnavigatie‣ Klikbaar, behalve actieve pagina‣ Zonder ‘je bent hier: ’
  39. 39. broodkruimel
  40. 40. Zoekveld‣ Rechts boven‣ Gevaarlijk!‣ Bezoekers verwachten Google-niveau
  41. 41. zoekveld
  42. 42. Consistentie geeft houvastHet is duidelijk‣ waar je vandaan kwam‣ waar je nu bent‣ waar je naartoe kan gaanin de visuele taal die andere websites ookspreken
  43. 43. 2. Typografie
  44. 44. Leeslengte‣ Ideaal: tot ongeveer 55 karakters per regel‣ Flexibele layout: gebruik maximumbreedte
  45. 45. Lettergrootte‣ Minstens 12px voor broodtekst‣ Moderne browsers schalen alles‣ “ A A A ” is overbodig
  46. 46. Geschreefd of schreefloos?Op een scherm: schreefloos (sans-serif)Ed ut perspiciatis unde Ed ut perspiciatis undeomnis iste natus error sit omnis iste natus error sitvoluptatem accusantium voluptatem accusantiumdoloremque laudantium. doloremque laudantium.
  47. 47. 3. Portability
  48. 48. Mohammed en de berg‣ Bezoekers komen niet spontaan naar je website.‣ Verspreid inhoud op plaatsen waar potentiële klanten vertoeven.
  49. 49. API‣ Application Programming Interface‣ Toegangspoort tot een website‣ Data toevoegen en/of data afhalen
  50. 50. Social Media plugins‣ Makkelijk te integreren‣ 1 klik‣ “Mond-aan-mond”
  51. 51. 4. Snelheid
  52. 52. Wat volgt is de hoeveelheid tijddie een bezoeker wil spenderenom uit te zoeken hoe een websitewerkt:
  53. 53. 0
  54. 54. Bezoekers hebben geen geduld‣ Snel laden (technisch)‣ Focus (inhoud)‣ Scanbaar (structuur)
  55. 55. 5. Inhoud
  56. 56. Vers en fris!
  57. 57. Een website is zoals ondergoed.Ververs elke dag.
  58. 58. Publiceer op regelmatige basis‣ Kies relevante onderwerpen‣ Relevant nieuws‣ SEO vs. bezoeker
  59. 59. Hou statische inhoud vers‣ Schrap pagina’s die niet bezocht worden‣ Kijk af en toe of inhoud nog up-to-date is‣ SEO vs. bezoeker
  60. 60. Publiceren, updaten, ...Iedere keer langs IT-dienst of webbouwer?
  61. 61. CMS‣ Content Management System‣ De motor van de website‣ Makkelijk zélf inhoud bewerken‣ SEO!
  62. 62. Een CMS moet je toelaten om het dagelijksebeheer van je website onafhankelijk enzonder technische kennis uit te voeren.
  63. 63. 6. Toegankelijkheid
  64. 64. Bouw een toegankelijke website‣ Cross-browser, cross-platform‣ Anysurfer‣ Google‣ Facebook
  65. 65. Cross-browser, cross-device‣ IE8, IE9, Chrome, Firefox, ...‣ tablets & smartphones!‣ muis en keyboard of touch‣ Webstandaarden!
  66. 66. Anysurfer‣ Kwaliteitslabel‣ Website toegankelijk voor iedereen, ook voor mensen met een functiebeperking
  67. 67. Google‣ Grootste bron van traffiek‣ SEO!
  68. 68. Facebook‣ ‘Like’ + Open Graph‣ Zoekmachine
  69. 69. 7. Technologie
  70. 70. Altijd nieuwe technologie‣ Flash‣ Ajax‣ Video‣ HTML 5
  71. 71. Technologie mag geen drijfveer zijn.Denk na over de waarde.
  72. 72. 8. Interactie
  73. 73. Laat bezoekers participeren‣ Poll, testjes, ...‣ Feedback mechanismen‣ Reacties plaatsen, forum‣ Zelf inhoud toevoegen
  74. 74. + interactie met het merk verhoogd+ ‘gratis’ input voor web en print+ workload webredactie verminderd+ rijke data over voorkeuren van leden
  75. 75. De gebruiker staat centraal‣ Ontwerpen & bouwen‣ Observeren‣ Optimaliseren
  76. 76. 4. Meten is wetenHoe weet je of je website goed werkt?
  77. 77. Een website is zoals een schip
  78. 78. Meten, evalueren, bijsturen1. Statistieken2. Expert audit3. Gebruikerstest
  79. 79. 1. Statistieken‣ Google Analytics‣ Hoeveel, van waar, welk pad, ...‣ Kwantiteit, geen kwaliteit‣ Continu‣ Gratis (doe-het-zelf)
  80. 80. 2. Expert audit‣ Analyse van bestaande website‣ Basisfouten komen naar boven‣ Toetsing aan de theorie‣ Praktisch advies en tips‣ Gemiddeld: 10 tot 30 manuren
  81. 81. 3. Gebruikerstest‣ Ervaren van échte gebruikers‣ Toetsing aan de praktijk‣ Ideale methode‣ Praktisch advies en tips‣ Gemiddeld: 30 tot 50 manuren
  82. 82. Conclusie
  83. 83. Conclusie‣ Begin met een goeie strategie‣ Bezoekers aantrekken heeft alleen zin bij optimale usability!‣ Usability beïnvloedt conversie‣ Meten is weten
  84. 84. Vragen?twitter.com/bram_www.wijs.be

×