Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Den Bosch, 29 juni 2011 Charlotte van Dael  Website Optimalisatie Web, apps en  e-mail
Is uw website af? www.sony.com 1998 2000 2002 2001 2003 2004 2006 2009
<ul><ul><li>maandelijke  releases  &   wekelijkse  slagen </li></ul></ul>Site onderdeel (idealiter vanuit roadmap) <ul><ul...
<ul><li>Uitgangspunten </li></ul>
 
<ul><li>Wie bezoeken de site? </li></ul>
Behoefte: focusgroepen & interviews
Key performance indicators Je moet er  boos  van worden (op je zelf, of op iemand anders) Of er een  blij  gevoel van krij...
Breng focus aan en nu ?
<ul><li>Meten = Weten </li></ul>
Meten is weten KPI sessie
Bijna 25% komt voor de winkels Tijd tot klikken: 19,2 sec Bijna  30%  komt voor de winkels Tijd tot klikken: 12,6 sec Tijd...
Formulierinteractie
<ul><li>Maar… </li></ul>
 
Waarom eyetracking? <ul><li>Ogen als toegang tot hersenen </li></ul><ul><li>Hypothese: </li></ul><ul><li>Waar je naar kijk...
 
Hun site
Hun site
Hun site
 
 
 
Case: SNS Fundcoach
<ul><li>Filmpje </li></ul>
<ul><li>Nog verder in de hoofden kruipen… </li></ul>
 
<ul><li>Verbeterideeën en nu..? </li></ul>
 
Van onderzoek naar siteverbetering Sitestructuur  ->  Wireframes ->  Design
<ul><li>Beslissen obv feiten!   </li></ul><ul><li>Stap voor stap   </li></ul><ul><li>Uitsluiten van  omgevingsfactoren!   ...
Bron:  Maxymiser  tm 6.45% meer conversie
+ 17% 36% conversieratio  39% conversieratio  42% conversieratio  Bron:  Searchresult
Bron: “ Site verbetering en on line marketing bij het Wereld Natuur Fonds”, Ben Vroom & Marlou van Campen, 2009 4x meer co...
Versie A Versie B Nieuwsgierig?? Testen dus!!!!!
<ul><li>Casus: Eneco </li></ul>
 
<ul><li>Take aways </li></ul><ul><li>Web, E-mail, Apps </li></ul>
<ul><li>Take aways </li></ul><ul><li>Web </li></ul>
<ul><li>… </li></ul><ul><li>… </li></ul>1. Facetnavigatie
<ul><li>Geen volledige breedte </li></ul><ul><li>0,5 sec reactiesnelheid </li></ul>Uitklapbaar topmenu
<ul><li>‘ escape’ voor bezoekers </li></ul><ul><li>Goed voor SEO (zoekmachine optimalisatie) </li></ul>Sitemap als footer
<ul><li>LEESONDERZOEK TOONT AAN DAT KAPITALEN MINDER PRETTIG LEZEN DAN NORMALE LETTERS. </li></ul>KAPITALEN: niet gebruike...
First view versus scrollen <ul><li>Gemiddeld 30% van uw bezoekers scrollt niet </li></ul><ul><li>Effect het sterkst bij  o...
<ul><li>… </li></ul><ul><li>… </li></ul>Leef je in in je doelgroep
<ul><li>Take aways </li></ul><ul><li>E-mail </li></ul>
1. Start onderwerp met triggerwoorden
<ul><li>Outlook: gemiddeld 743×232 pixels </li></ul><ul><li>Onze vuistregel:  380 pixels breed 150 tot 250 pixels hoog </l...
3. Wees terughoudend met tekst <ul><li>De 4 pijlers </li></ul><ul><li>Wij zijn Yourzine… </li></ul>
3. Al kan tekst werken! <ul><li>Groot & duidelijk </li></ul><ul><li>Niet dia-positief </li></ul><ul><li>Niet te breed </li...
4. Content- VERSUS Navigatiescanners 1 2 3 2 3 1 Houd ook rekening met contentscanners!!!
<ul><li>… </li></ul><ul><li>… </li></ul>5. Menubalk van site kan werken  in E-mail <ul><li>De 4 pijlers </li></ul><ul><li>...
<ul><li>Take aways </li></ul><ul><li>Apps </li></ul>
<ul><li>Schermgroottes </li></ul><ul><li>Touchscreen versus track ball en toetsenbord </li></ul>1. Houd rekening met versc...
<ul><li>Minimaal 1 vierkante centimeter </li></ul>2. Knoppen groot genoeg
3. Geen flash elementen
4. Geef de keuze voor normale site Alleen maar telefoonnumers, maar daar kwam ik niet voor..
5. Duidelijke navigatie
Dank voor jullie aandacht Dank voor  Jullie aandacht
Upcoming SlideShare
Loading in …5
×

Ideale ontwikkelaanpak - Seminar Web, apps, email

660 views

Published on

Ideale ontwi

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Ideale ontwikkelaanpak - Seminar Web, apps, email

  1. 1. Den Bosch, 29 juni 2011 Charlotte van Dael Website Optimalisatie Web, apps en e-mail
  2. 2. Is uw website af? www.sony.com 1998 2000 2002 2001 2003 2004 2006 2009
  3. 3. <ul><ul><li>maandelijke releases & wekelijkse slagen </li></ul></ul>Site onderdeel (idealiter vanuit roadmap) <ul><ul><li>Stap 1 </li></ul></ul><ul><ul><li>Stap 2 </li></ul></ul><ul><ul><li>Stap 3 </li></ul></ul><ul><ul><li>Stap 4 </li></ul></ul>gebruikers onderzoek <ul><li>Meten & analyseren </li></ul><ul><li>inrichting & dashboards </li></ul><ul><li>analyseren bezoekersgedrag </li></ul><ul><li>conclusies uitwerken </li></ul><ul><li>Focus & afstemming </li></ul><ul><li>gewenste focus bepalen </li></ul><ul><li>doelstellingen </li></ul><ul><li>persona’s </li></ul><ul><li>kpi’s </li></ul><ul><li>Testen uitvoeren </li></ul><ul><li>testen monitoren </li></ul><ul><li>resultaten analyseren </li></ul><ul><li>winners bepalen </li></ul><ul><li>Siteverbeteringen uitwerken </li></ul><ul><li>creatieve brainstorm </li></ul><ul><li>varianten uitwerken: </li></ul><ul><ul><li>interactie ontwerpen </li></ul></ul><ul><ul><li>visual design </li></ul></ul><ul><li>afstemming </li></ul><ul><li>testen inrichten </li></ul>Site wijzigingen
  4. 4. <ul><li>Uitgangspunten </li></ul>
  5. 6. <ul><li>Wie bezoeken de site? </li></ul>
  6. 7. Behoefte: focusgroepen & interviews
  7. 8. Key performance indicators Je moet er boos van worden (op je zelf, of op iemand anders) Of er een blij gevoel van krijgen - en dit succes ook vieren !
  8. 9. Breng focus aan en nu ?
  9. 10. <ul><li>Meten = Weten </li></ul>
  10. 11. Meten is weten KPI sessie
  11. 12. Bijna 25% komt voor de winkels Tijd tot klikken: 19,2 sec Bijna 30% komt voor de winkels Tijd tot klikken: 12,6 sec Tijd tot klikken: 58,2 sec 100% scroll 90% scroll 70% scroll 50% scroll 30% scroll 25% scroll
  12. 13. Formulierinteractie
  13. 14. <ul><li>Maar… </li></ul>
  14. 16. Waarom eyetracking? <ul><li>Ogen als toegang tot hersenen </li></ul><ul><li>Hypothese: </li></ul><ul><li>Waar je naar kijkt, daar denk je aan. </li></ul>
  15. 18. Hun site
  16. 19. Hun site
  17. 20. Hun site
  18. 24. Case: SNS Fundcoach
  19. 25. <ul><li>Filmpje </li></ul>
  20. 26. <ul><li>Nog verder in de hoofden kruipen… </li></ul>
  21. 28. <ul><li>Verbeterideeën en nu..? </li></ul>
  22. 30. Van onderzoek naar siteverbetering Sitestructuur -> Wireframes -> Design
  23. 31. <ul><li>Beslissen obv feiten! </li></ul><ul><li>Stap voor stap </li></ul><ul><li>Uitsluiten van omgevingsfactoren! </li></ul><ul><li>Geen risico’s </li></ul>A/B & Multi Variate testen
  24. 32. Bron: Maxymiser tm 6.45% meer conversie
  25. 33. + 17% 36% conversieratio 39% conversieratio 42% conversieratio Bron: Searchresult
  26. 34. Bron: “ Site verbetering en on line marketing bij het Wereld Natuur Fonds”, Ben Vroom & Marlou van Campen, 2009 4x meer conversie
  27. 35. Versie A Versie B Nieuwsgierig?? Testen dus!!!!!
  28. 36. <ul><li>Casus: Eneco </li></ul>
  29. 38. <ul><li>Take aways </li></ul><ul><li>Web, E-mail, Apps </li></ul>
  30. 39. <ul><li>Take aways </li></ul><ul><li>Web </li></ul>
  31. 40. <ul><li>… </li></ul><ul><li>… </li></ul>1. Facetnavigatie
  32. 41. <ul><li>Geen volledige breedte </li></ul><ul><li>0,5 sec reactiesnelheid </li></ul>Uitklapbaar topmenu
  33. 42. <ul><li>‘ escape’ voor bezoekers </li></ul><ul><li>Goed voor SEO (zoekmachine optimalisatie) </li></ul>Sitemap als footer
  34. 43. <ul><li>LEESONDERZOEK TOONT AAN DAT KAPITALEN MINDER PRETTIG LEZEN DAN NORMALE LETTERS. </li></ul>KAPITALEN: niet gebruiken! <ul><li>Leesonderzoek toont aan dat kapitalen veel minder prettig lezen dan normale letters. </li></ul><ul><li>Recent onderzoek naar effectiviteit nieuwsbrieven: 25% minder mensen klikt door bij titels in kapitalen </li></ul>
  35. 44. First view versus scrollen <ul><li>Gemiddeld 30% van uw bezoekers scrollt niet </li></ul><ul><li>Effect het sterkst bij ouderen en onervaren internetgebruikers </li></ul><ul><li>Plaats de belangrijkste zaken boven de vouw! 550 / 600 pixels hoogte </li></ul>
  36. 45. <ul><li>… </li></ul><ul><li>… </li></ul>Leef je in in je doelgroep
  37. 46. <ul><li>Take aways </li></ul><ul><li>E-mail </li></ul>
  38. 47. 1. Start onderwerp met triggerwoorden
  39. 48. <ul><li>Outlook: gemiddeld 743×232 pixels </li></ul><ul><li>Onze vuistregel: 380 pixels breed 150 tot 250 pixels hoog </li></ul><ul><li>Logo links boven </li></ul><ul><li>Start met belangrijkste boodschap </li></ul>2. Houd rekening met preview pane
  40. 49. 3. Wees terughoudend met tekst <ul><li>De 4 pijlers </li></ul><ul><li>Wij zijn Yourzine… </li></ul>
  41. 50. 3. Al kan tekst werken! <ul><li>Groot & duidelijk </li></ul><ul><li>Niet dia-positief </li></ul><ul><li>Niet te breed </li></ul>
  42. 51. 4. Content- VERSUS Navigatiescanners 1 2 3 2 3 1 Houd ook rekening met contentscanners!!!
  43. 52. <ul><li>… </li></ul><ul><li>… </li></ul>5. Menubalk van site kan werken in E-mail <ul><li>De 4 pijlers </li></ul><ul><li>Wij zijn Yourzine… </li></ul>
  44. 53. <ul><li>Take aways </li></ul><ul><li>Apps </li></ul>
  45. 54. <ul><li>Schermgroottes </li></ul><ul><li>Touchscreen versus track ball en toetsenbord </li></ul>1. Houd rekening met verschillende devices
  46. 55. <ul><li>Minimaal 1 vierkante centimeter </li></ul>2. Knoppen groot genoeg
  47. 56. 3. Geen flash elementen
  48. 57. 4. Geef de keuze voor normale site Alleen maar telefoonnumers, maar daar kwam ik niet voor..
  49. 58. 5. Duidelijke navigatie
  50. 59. Dank voor jullie aandacht Dank voor Jullie aandacht

×