webinar usability

Post on 19-Nov-2014

1.301 Views

Category:

Education

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

 

TRANSCRIPT

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 info@eduvision.nlinfo@eduvision.be

top related