Download - Webinar usability
Nynke Hepkema
Premium Webinar Usability
Meer info?http://eduvision.info/usability
Eduvision.info/usability
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
Wat is Usability?
• Usability = gebruiksvriendelijk
Dus:• De gebruiksvriendelijkheid van een
website– Effectief– Efficiënt– Doel naar tevredenheid behaald
• Gebruiker staat centraal!
Eduvision.info/usability
Waarom Usability?
• Bouncerate verlagen• Conversie verhogen• User experience verbeteren
Eduvision.info/usability
Navigatie structuur
• Plaats • Omschrijving • Iconen • Klikpad • “Associatief”
Eduvision.info/usability
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?
Eduvision.info/usability
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 ben ik en wat wil ik vertellen?
Eduvision.info/usability
Waarom een tagline?
• Gebruik een ‘tagline’, die in een paar woorden vertelt waar de website over gaat
Eduvision.info/usability
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 de bezoeker• Formuleer krachtig én prikkelend
Eduvision.info/usability
Call to actions
• Aanzetten tot actie• Prikkel behoeften bezoeker• Klassieke klikmagneet
Eduvision.info/usability
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
Eduvision.info/usability
Webschrijven
• Doel• Doelgroep• Stijl
Eduvision.info/usability
Leesgedrag
• Bezoeker leest niet, maar scant!• Denk en kijk als de bezoeker!
Eduvision.info/usability
Scannen in een F-patroon
Bron: http://www.useit.com/alertbox/reading_pattern.html
Eduvision.info/usability
Scanbaar schrijven
• (Tussen)koppen• Witregels• Korte alinea’s (+/- 50 woorden)• Bullets• Afbeeldingen (relevant!)
Eduvision.info/usability
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
Schrijven voor zoekmachines
• Goed optimaliseren• Juiste bezoekers trekken• Leiden naar conversie
Eduvision.info/usability
Wat is conversie?
Conversie =• Sturen op een actie die voor een
organisatie (commercieel) interessant is• Meetbaar
Eduvision.info/usability
Conversie op de website• Aankoop• Lead (advies) • Inschrijving (event)• Downloaden (whitepaper/brochure)• Aanmelden nieuwsbrief• Contact
Eduvision.info/usability
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
One-step-checkout
Eduvision.info/usability
Usability tools onderzoek
• Usability onderzoek• Analyse online klikgedrag• Webstatistieken • A/B testing
Eduvision.info/usability
Usability onderzoek
• Typische taken uitvoeren• Individueel• Doelgroep• Filmen /eyetracking• Hardop denken
Eduvision.info/usability
Analyse online klikgedrag
Gebruik Mouseflow:• Doelgroep• Natuurlijk gedrag• Individueel gedrag
Eduvision.info/usability
Webstatistieken
Meet 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
A/B testing
• Optimaliseer je pagina’s
Eduvision.info/usability
Uw website onder de loep
• Concept2 shop• Tuinhuisjesland• Mylene shoots• Verslavingszorg Noord Nederland
Eduvision.info/usability
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 eduvision.nl /
eduvision.be
Eduvision.info/usability
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 [email protected]@eduvision.be