Premium Webinar Usability             Meer info?    http://eduvision.info/usability                                  Nynke...
Programma•   Wat is usability?•   Navigatie & kijkrichting•   Afbeeldingen & kleuren•   Call to action knoppen•   Webtekst...
Wat is Usability?• Usability = gebruiksvriendelijkDus:• De gebruiksvriendelijkheid van een website  – Effectief  – Efficië...
Waarom Usability?• Bouncerate verlagen• Conversie verhogen• User experience verbeteren                               Eduvi...
Navigatie structuur•   Plaats•   Omschrijving•   Iconen•   Klikpad•   “Associatief”                      Eduvision.info/us...
Plaats navigatie• Links?• Boven?• Rechts?• Wat verwacht de bezoeker?                              Eduvision.info/usability
Omschrijving navigatie                         Eduvision.info/usability
Iconen• Kent de gebruiker de iconen?                                 Eduvision.info/usability
Klikpad          Eduvision.info/usability
Gebruik van foto’s• Functioneel?• Voegt het iets toe?• Wanneer wel / wanneer niet?                                Eduvisio...
Afbeelding ondersteunt                         Eduvision.info/usability
Kijkrichting• Hoe kijkt de bezoeker naar het scherm?                                    Eduvision.info/usability
Kijkrichting baby 1                      Eduvision.info/usability
Kijkrichting baby 2                      Eduvision.info/usability
Belang homepage• Uithangbord en knooppunt• Bevat:  –   Organisatienaam/ -logo  –   Evt. tagline  –   Navigatie  –   Wie be...
Waarom een tagline?• Gebruik een ‘tagline’, die in een paar  woorden vertelt waar de website over gaat                    ...
Welkomstboodschap• Welkomsttekst is niet nodig.                                 Eduvision.info/usability
Tips homepage•   Houd het kort en overzichtelijk•   Gebruik interne links om door te verwijzen•   Benoem het belang voor d...
Call to actions• Aanzetten tot actie• Prikkel behoeften bezoeker• Klassieke klikmagneet                               Eduv...
Wat is hier de call to action?                          Eduvision.info/usability
Wat is hier de call to action?                          Eduvision.info/usability
Call to action: 5 tips•   Kleur•   Tekst•   Grootte•   Plaats•   Meerdere call to actions                               Ed...
Webschrijven• Doel• Doelgroep• Stijl               Eduvision.info/usability
Leesgedrag• Bezoeker leest niet, maar scant!• Denk en kijk als de bezoeker!                                     Eduvision....
Scannen in een F-patroonBron: http://www.useit.com/alertbox/reading_pattern.html                                          ...
Scanbaar schrijven•   (Tussen)koppen•   Witregels•   Korte alinea’s (+/- 50 woorden)•   Bullets•   Afbeeldingen (relevant!...
Gebruik hyperlinks• Maak duidelijke hyperlinks, dus niet ‘klik hier’. NIET: Wilt u weten welke cursussen we geven in 2012?...
Schrijven voor zoekmachines• Goed optimaliseren• Juiste bezoekers trekken• Leiden naar conversie                          ...
Wat is conversie?Conversie =• Sturen op een actie die voor een organisatie  (commercieel) interessant is• Meetbaar        ...
Conversie op de website•   Aankoop•   Lead (advies)•   Inschrijving (event)•   Downloaden (whitepaper/brochure)•   Aanmeld...
Conversie optimalisatie tips•   Geef een beloning / iets extra’s•   Interactie•   Communiceer USP’s•   Call to action knop...
One-step-checkout                    Eduvision.info/usability
Usability tools onderzoek•   Usability onderzoek•   Analyse online klikgedrag•   Webstatistieken•   A/B testing           ...
Usability onderzoek•   Typische taken uitvoeren•   Individueel•   Doelgroep•   Filmen /eyetracking•   Hardop denken       ...
Analyse online klikgedragGebruik Mouseflow:• Doelgroep• Natuurlijk gedrag• Individueel gedrag                        Eduvi...
WebstatistiekenMeet met Analytics:• Belangrijke in- en uitstappagina’s• Hoge bounce pagina’s• Tijd op pagina• Hoeveelheid ...
A/B testing• Optimaliseer je pagina’s                             Eduvision.info/usability
Uw website onder de loep•   Concept2 shop•   Tuinhuisjesland•   Mylene shoots•   Verslavingszorg Noord Nederland          ...
Concept 2 Shop                 http://shop.concept2.nl/                         Eduvision.info/usability
Tuinhuisjesland                  Eduvision.info/usability
Mylene Shoots                Eduvision.info/usability
Verslavingszorg Noord Ned.                       Eduvision.info/usability
Webrichtlijnen                 Eduvision.info/usability
Cursussen• http://eduvision.info/internet-marketing•   Landing pages•   Usability•   Google Analytics•   Verder kijken op ...
Vragen?Neem contact met ons op!• twitter.com/eduvision• facebook.com/eduvision• LinkedIn: nynkehepkema.nl• +31 (0)55 576 8...
Upcoming SlideShare
Loading in …5
×

Webinar usability

1,118 views

Published on

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,118
On SlideShare
0
From Embeds
0
Number of Embeds
236
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Maak duidelijk wat je te bieden hebt!
  • Maak direct duidelijk waar je site over gaat Gebruik als tagline niet je slogan of payoff. Die is bedoeld voor branding. De tagline heeft een ander doel: gebruikersvriendelijkheid.
  • Bezoekers welkom heten op de homepage is een veelvoorkomend, maar op internet eigenlijk  overbodig gebruik. Welkomstwoorden en intro’s kunnen vaak zonder problemen van de homepage verwijderd worden. Schrijf in plaats daarvan teksten die de homepage zo  gebruikersvriendelijk  en  prikkelend  mogelijk maken. Want bezoekers die snappen waar ze zijn, direct aan de slag kunnen en het gevoel hebben dat ze begrepen worden, kunnen zich geen beter welkom wensen.
  • Kleur: onderscheidend van achtergrond en andere iconen en afbeeldingen op pagina Tekst: geen enkele twijfel over gevolg na klikken op knop (kopen, voeg toe, inschrijven etc) Grootte: groot genoeg direct opvallen Plaats: hoe scant de bezoeker de webiste? Op productpagina bijv naast de prijs of rechts naast product Meerdere call to actions: belangrijkste meest centraal http :// www.twinklemagazine.nl /praktijk/2012/05/10-tips-voor-uw-calls-to-action-buttons/
  • Het leesgedrag op een website is niet hetzelfde als dat in een magazine of papieren brochure/flyer. Bezoeker beslist binnen een paar seconden of een website de moeite waard is, zorg dus dat je hem overtuigt!
  • The areas where users looked the most are colored red; the yellow areas indicate fewer views, followed by the least-viewed blue areas. Gray areas didn't attract any fixations. If you squint and focus on the red (most-viewed) areas, all three heatmaps show the expected F pattern. Of course, there are some differences. The F viewing pattern is a rough, general shape rather than a uniform, pixel-perfect behavior. The above heatmaps show how users read three different types of Web pages: an article in the  " about us " section  of a corporate website (far left), a  product page  on an e-commerce site (center), and a search engine results page (SERP; far right).
  • “ Klik hier” maakt scannen lastig . Bezoekers lezen niet, ze scannen een pagina eerst. Waar gaat deze pagina over? Hyperlinks vallen daarbij op, want ze zijn onderstreept. Zet er daarom handige informatie in: omschrijf heel kort de inhoud van de pagina waarnaar je linkt. een link geeft informatie over de vervolgcontent een link geeft extra informatie over de context een link moet verleiden om te klikken
  • Beloning: Gratis verzending, korting bij volgende bestelling, gratis proefverpakking, gratis whitepaper Interactie: Bel mij terug, meerdere contactmogelijkheden, social media buttons, reviews A/B testing: test 2 versies van productdetailpagina Zoekgedrag: zoekopdrachten op eigen site geven aan waar bezoeker naar op zoek is. Leer ervan en stem aanbod erop af
  • Beperking: het is niet zeker dat waar de muis stilstaat ook daadwerkelijk de plek is waar je bezoeker naar kijkt.
  • Webinar usability

    1. 1. Premium Webinar Usability Meer info? http://eduvision.info/usability Nynke Hepkema
    2. 2. Programma• Wat is usability?• Navigatie & kijkrichting• Afbeeldingen & kleuren• Call to action knoppen• Webteksten• Conversie optimalisatie• Tools usability onderzoek• Uw website onder de loep Eduvision.info/usability
    3. 3. Wat is Usability?• Usability = gebruiksvriendelijkDus:• De gebruiksvriendelijkheid van een website – Effectief – Efficiënt – Doel naar tevredenheid behaald• Gebruiker staat centraal! Eduvision.info/usability
    4. 4. Waarom Usability?• Bouncerate verlagen• Conversie verhogen• User experience verbeteren Eduvision.info/usability
    5. 5. Navigatie structuur• Plaats• Omschrijving• Iconen• Klikpad• “Associatief” Eduvision.info/usability
    6. 6. Plaats navigatie• Links?• Boven?• Rechts?• Wat verwacht de bezoeker? Eduvision.info/usability
    7. 7. Omschrijving navigatie Eduvision.info/usability
    8. 8. Iconen• Kent de gebruiker de iconen? Eduvision.info/usability
    9. 9. Klikpad Eduvision.info/usability
    10. 10. Gebruik van foto’s• Functioneel?• Voegt het iets toe?• Wanneer wel / wanneer niet? Eduvision.info/usability
    11. 11. Afbeelding ondersteunt Eduvision.info/usability
    12. 12. Kijkrichting• Hoe kijkt de bezoeker naar het scherm? Eduvision.info/usability
    13. 13. Kijkrichting baby 1 Eduvision.info/usability
    14. 14. Kijkrichting baby 2 Eduvision.info/usability
    15. 15. Belang homepage• Uithangbord en knooppunt• Bevat: – Organisatienaam/ -logo – Evt. tagline – Navigatie – Wie ben ik en wat wil ik vertellen? Eduvision.info/usability
    16. 16. Waarom een tagline?• Gebruik een ‘tagline’, die in een paar woorden vertelt waar de website over gaat Eduvision.info/usability
    17. 17. Welkomstboodschap• Welkomsttekst is niet nodig. Eduvision.info/usability
    18. 18. Tips homepage• Houd het kort en overzichtelijk• Gebruik interne links om door te verwijzen• Benoem het belang voor de bezoeker• Formuleer krachtig én prikkelend Eduvision.info/usability
    19. 19. Call to actions• Aanzetten tot actie• Prikkel behoeften bezoeker• Klassieke klikmagneet Eduvision.info/usability
    20. 20. Wat is hier de call to action? Eduvision.info/usability
    21. 21. Wat is hier de call to action? Eduvision.info/usability
    22. 22. Call to action: 5 tips• Kleur• Tekst• Grootte• Plaats• Meerdere call to actions Eduvision.info/usability
    23. 23. Webschrijven• Doel• Doelgroep• Stijl Eduvision.info/usability
    24. 24. Leesgedrag• Bezoeker leest niet, maar scant!• Denk en kijk als de bezoeker! Eduvision.info/usability
    25. 25. Scannen in een F-patroonBron: http://www.useit.com/alertbox/reading_pattern.html Eduvision.info/usability
    26. 26. Scanbaar schrijven• (Tussen)koppen• Witregels• Korte alinea’s (+/- 50 woorden)• Bullets• Afbeeldingen (relevant!) Eduvision.info/usability
    27. 27. Gebruik hyperlinks• Maak duidelijke hyperlinks, dus niet ‘klik hier’. NIET: Wilt u weten welke cursussen we geven in 2012? Klik hier MAAR WEL: Bekijk ons cursusprogramma voor 2012 NIET: Lees hier meer over ons congres ‘Zorg en gezondheid’ MAAR WEL: Lees meer over ons congres ‘Zorg en gezondheid’ Eduvision.info/usability
    28. 28. Schrijven voor zoekmachines• Goed optimaliseren• Juiste bezoekers trekken• Leiden naar conversie Eduvision.info/usability
    29. 29. Wat is conversie?Conversie =• Sturen op een actie die voor een organisatie (commercieel) interessant is• Meetbaar Eduvision.info/usability
    30. 30. Conversie op de website• Aankoop• Lead (advies)• Inschrijving (event)• Downloaden (whitepaper/brochure)• Aanmelden nieuwsbrief• Contact Eduvision.info/usability
    31. 31. Conversie optimalisatie tips• Geef een beloning / iets extra’s• Interactie• Communiceer USP’s• Call to action knop centraal• One step checkout• A/B testing• Meet zoekgedrag Eduvision.info/usability
    32. 32. One-step-checkout Eduvision.info/usability
    33. 33. Usability tools onderzoek• Usability onderzoek• Analyse online klikgedrag• Webstatistieken• A/B testing Eduvision.info/usability
    34. 34. Usability onderzoek• Typische taken uitvoeren• Individueel• Doelgroep• Filmen /eyetracking• Hardop denken Eduvision.info/usability
    35. 35. Analyse online klikgedragGebruik Mouseflow:• Doelgroep• Natuurlijk gedrag• Individueel gedrag Eduvision.info/usability
    36. 36. WebstatistiekenMeet met Analytics:• Belangrijke in- en uitstappagina’s• Hoge bounce pagina’s• Tijd op pagina• Hoeveelheid pagina’s• Doelen en trechters (conversie)• Interne zoekfunctie Eduvision.info/usability
    37. 37. A/B testing• Optimaliseer je pagina’s Eduvision.info/usability
    38. 38. Uw website onder de loep• Concept2 shop• Tuinhuisjesland• Mylene shoots• Verslavingszorg Noord Nederland Eduvision.info/usability
    39. 39. Concept 2 Shop http://shop.concept2.nl/ Eduvision.info/usability
    40. 40. Tuinhuisjesland Eduvision.info/usability
    41. 41. Mylene Shoots Eduvision.info/usability
    42. 42. Verslavingszorg Noord Ned. Eduvision.info/usability
    43. 43. Webrichtlijnen Eduvision.info/usability
    44. 44. Cursussen• http://eduvision.info/internet-marketing• Landing pages• Usability• Google Analytics• Verder kijken op eduvision.nl / eduvision.be Eduvision.info/usability
    45. 45. Vragen?Neem contact met ons op!• twitter.com/eduvision• facebook.com/eduvision• LinkedIn: nynkehepkema.nl• +31 (0)55 576 80 44 +32 (0)3 747 03 10 info@eduvision.nl info@eduvision.be Eduvision.info/usability

    ×