Your SlideShare is downloading. ×
0
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Webinar usability
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Webinar usability

947

Published on

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

No Downloads
Views
Total Views
947
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
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.
  • Transcript

    • 1. Premium Webinar Usability Meer info? http://eduvision.info/usability Nynke Hepkema
    • 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. Wat is Usability?• Usability = gebruiksvriendelijkDus:• De gebruiksvriendelijkheid van een website – Effectief – Efficiënt – Doel naar tevredenheid behaald• Gebruiker staat centraal! Eduvision.info/usability
    • 4. Waarom Usability?• Bouncerate verlagen• Conversie verhogen• User experience verbeteren Eduvision.info/usability
    • 5. Navigatie structuur• Plaats• Omschrijving• Iconen• Klikpad• “Associatief” Eduvision.info/usability
    • 6. Plaats navigatie• Links?• Boven?• Rechts?• Wat verwacht de bezoeker? Eduvision.info/usability
    • 7. Omschrijving navigatie Eduvision.info/usability
    • 8. Iconen• Kent de gebruiker de iconen? Eduvision.info/usability
    • 9. Klikpad Eduvision.info/usability
    • 10. Gebruik van foto’s• Functioneel?• Voegt het iets toe?• Wanneer wel / wanneer niet? Eduvision.info/usability
    • 11. Afbeelding ondersteunt Eduvision.info/usability
    • 12. Kijkrichting• Hoe kijkt de bezoeker naar het scherm? Eduvision.info/usability
    • 13. Kijkrichting baby 1 Eduvision.info/usability
    • 14. Kijkrichting baby 2 Eduvision.info/usability
    • 15. Belang homepage• Uithangbord en knooppunt• Bevat: – Organisatienaam/ -logo – Evt. tagline – Navigatie – Wie ben ik en wat wil ik vertellen? Eduvision.info/usability
    • 16. Waarom een tagline?• Gebruik een ‘tagline’, die in een paar woorden vertelt waar de website over gaat Eduvision.info/usability
    • 17. Welkomstboodschap• Welkomsttekst is niet nodig. Eduvision.info/usability
    • 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. Call to actions• Aanzetten tot actie• Prikkel behoeften bezoeker• Klassieke klikmagneet Eduvision.info/usability
    • 20. Wat is hier de call to action? Eduvision.info/usability
    • 21. Wat is hier de call to action? Eduvision.info/usability
    • 22. Call to action: 5 tips• Kleur• Tekst• Grootte• Plaats• Meerdere call to actions Eduvision.info/usability
    • 23. Webschrijven• Doel• Doelgroep• Stijl Eduvision.info/usability
    • 24. Leesgedrag• Bezoeker leest niet, maar scant!• Denk en kijk als de bezoeker! Eduvision.info/usability
    • 25. Scannen in een F-patroonBron: http://www.useit.com/alertbox/reading_pattern.html Eduvision.info/usability
    • 26. Scanbaar schrijven• (Tussen)koppen• Witregels• Korte alinea’s (+/- 50 woorden)• Bullets• Afbeeldingen (relevant!) Eduvision.info/usability
    • 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. Schrijven voor zoekmachines• Goed optimaliseren• Juiste bezoekers trekken• Leiden naar conversie Eduvision.info/usability
    • 29. Wat is conversie?Conversie =• Sturen op een actie die voor een organisatie (commercieel) interessant is• Meetbaar Eduvision.info/usability
    • 30. Conversie op de website• Aankoop• Lead (advies)• Inschrijving (event)• Downloaden (whitepaper/brochure)• Aanmelden nieuwsbrief• Contact Eduvision.info/usability
    • 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. One-step-checkout Eduvision.info/usability
    • 33. Usability tools onderzoek• Usability onderzoek• Analyse online klikgedrag• Webstatistieken• A/B testing Eduvision.info/usability
    • 34. Usability onderzoek• Typische taken uitvoeren• Individueel• Doelgroep• Filmen /eyetracking• Hardop denken Eduvision.info/usability
    • 35. Analyse online klikgedragGebruik Mouseflow:• Doelgroep• Natuurlijk gedrag• Individueel gedrag Eduvision.info/usability
    • 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. A/B testing• Optimaliseer je pagina’s Eduvision.info/usability
    • 38. Uw website onder de loep• Concept2 shop• Tuinhuisjesland• Mylene shoots• Verslavingszorg Noord Nederland Eduvision.info/usability
    • 39. Concept 2 Shop http://shop.concept2.nl/ Eduvision.info/usability
    • 40. Tuinhuisjesland Eduvision.info/usability
    • 41. Mylene Shoots Eduvision.info/usability
    • 42. Verslavingszorg Noord Ned. Eduvision.info/usability
    • 43. Webrichtlijnen Eduvision.info/usability
    • 44. Cursussen• http://eduvision.info/internet-marketing• Landing pages• Usability• Google Analytics• Verder kijken op eduvision.nl / eduvision.be Eduvision.info/usability
    • 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

    ×