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

643 views

Published on

Ideale ontwi

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
643
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Meten en verbeteren: Voor livegang: definieren doelstellingen, metingen oude site, meting nieuwe ontwerpen Na livegang: goede basis, maar niemand weet precies hoe bezoekers zich zullen gedragen -&gt; blijven meten
  • A/B Grijze vlak bovenaan: witte tekst Wel/geen breadcrumbs Met/zonder uitklap CTA’s opvallender op inhoudspagina (bijvoorbeeld trainingen) en ook onder de tekst (niet alleen rechter kolom)   Behavioural Relevante trainingen aanbieden (gebaseerd op eerdere trainingen) – bij Bedrijven Relevante informatie over andere toetsen/examens van hetzelfde niveau.   Bij aanmelden training locatie (gebaseerd op waar men op internet zit) al invullen? Vanaf: http://www.cito.nl/bedrijven/examens/boa/aanmelden.aspx Naar: https://www.exam-center.com/register/index.jsp?client_id=CITO-BOA&amp;exam_id=BGWOPRE Suggesties geven voor andere locaties in de buurt.   Indelen op onderwerp (vakken vs type onderwijs)
  • A/B Grijze vlak bovenaan: witte tekst Wel/geen breadcrumbs Met/zonder uitklap CTA’s opvallender op inhoudspagina (bijvoorbeeld trainingen) en ook onder de tekst (niet alleen rechter kolom)   Behavioural Relevante trainingen aanbieden (gebaseerd op eerdere trainingen) – bij Bedrijven Relevante informatie over andere toetsen/examens van hetzelfde niveau.   Bij aanmelden training locatie (gebaseerd op waar men op internet zit) al invullen? Vanaf: http://www.cito.nl/bedrijven/examens/boa/aanmelden.aspx Naar: https://www.exam-center.com/register/index.jsp?client_id=CITO-BOA&amp;exam_id=BGWOPRE Suggesties geven voor andere locaties in de buurt.   Indelen op onderwerp (vakken vs type onderwijs)
  • Bijvoorbeeld: Potententiele klanten nemen contact op om over afnemen dienst te praten Geinteresseerde bezoeker kan dienstomschrijving vinden en contactgegegevens Aantal bezoekers / bezoeken dienst- en contactpagina en aantal keren binnen zelfde bezoek Succes waarde vaststellen: %..
  • Je kan menselijk gedrag nu eenmaal nooit van te voren helemaal voorspellen: je weet nooit precies hoe iets wordt gebruikt
  • Omdat we geen gedachten kunnen lezen Ogen toegangspoort naar hersenen Waar je naar kijkt, daar denk je aan
  • Bron: Maxymiser whitepapers Grote datingsite in UK paste betaalpagina aan voor mannen en vrouwen: Mannen: direct debet payment -&gt; 16,5% conversie verhoging Vrouwen: betalen met creditcard &gt; in maand tijd tijd 100.000 pond aan hogere conversie!
  • 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

    ×