3. Dat je het weet
• Vragen stellen via
• Interactie tussen docent en deelnemers
• Voorbeelden bekijken
4. Huishoudelijke zaken
• Start 19 uur
• Einde 21 uur
Vragen stellen a.u.b. wanneer ik dat aangeef.
Dit i.v.m. overzicht
Antwoord geven op vragen (overlap voorkomen)
Niet met elkaar chatten tijdens webinar a.u.b.
Graag vragen stellen over usability gerelateerde
zaken a.u.b.
5. Programma
• Introductie usability
• De basis van gebruiksvriendelijke sites
• Do’s and dont’s
• Verhogen van conversie (verkoop, ..)
• Responsive design, apps en mobile sites
• Bijblijven over usability
9. Gebruiksvriendelijkheid
• Is de (potentiële) klant tevreden met de site?
• Vinden er interessante acties plaats?
• Worden ze een FAN?!
• Mond - tot - Mond reclame!
10. Introductie usability
Aan wat voor een zaken kan je jezelf ergeren
wanneer je een site, blog, webshop bekijkt?
…
…
…
…
…
…
11. Introductie usability
Aan wat voor een zaken kan je jezelf ergeren
wanneer je een site, blog, webshop bekijkt?
• Welkomstpagina
• Uitzetten van de rechtermuisknop
• Automatisch afspelen video, muziek, ..
• Laadsnelheid (meer dan 2 sec.)
• Veel (bewegende..) afbeeldingen
• Stockfoto’s. Originele foto’s (beter)
12. Navigatie klikken
• In content 43%
• Bovenaan pagina 18%
• Linkerkant 18%
• Rechterkant 15%
• Onderaan (de vouw) 6%
18. Gebruiksvriendelijke site
• Effectief -> doel bereiken -> contact opnemen
• Efficiënt -> snel iets regelen via site
• Makkelijk te leren -> geen handleiding nodig
• Goed te onthouden
25. Persona’s
De competitieve bezoeker
Hebben de voorkeur om snel te beslissen op basis van
feiten. Vragen zich af waarom ze juist hier zouden
moeten zijn. Ben je geloofwaardig en hoe help je me
om mijn doelen te bereiken?
De spontane bezoeker
Kiezen snel op basis van emotie. Ze laten zich niet
leiden door feiten maar door gevoel. Ze vinden het
belangrijk dat je een product naar eigen wens kunt
aanpassen. Goede service is belangrijk. Ze zijn
gevoelig aanbieden en acties.
29. Persona’s
De humanistische bezoeker
Beslist op basis van emotie maar zeker weldoordacht.
Wil graag weten wie het bedrijf achter een website is.
Ervaring van anderen zijn erg belangrijk. Hoe kan ik
je vertrouwen en wie gebruiken je producten
allemaal?
De methodische bezoeker
Beslist langzaam, op basis van feiten. Zijn benieuwd
naar het hele proces, naar de achtergronden van een
product, gaan niet over één nacht ijs. Maken bewuste
keuzes en willen graag bewijzen en garanties zien.
34. visueel ontwerp
Zaken om rekening mee te houden
Oppervlakte
Geraamte
Strategie
Structuur
Afbakening
Concreet
Abstract
Voltooiing
Idee
gebruikerswensen
organisatiedoelen
functionele
specificaties
interactie-
ontwerp
informatie-
architectuur
interface-
ontwerp
navigatie-ontwerp
informatie-ontwerp
inhoudelijke
specificaties
Applicatie Informatie
35. Toelichting
Functionele specificaties = welke
functionaliteit nodig om doel bereiken? Bijv.
contactformulier, print functie,..
Inhoudelijk specificaties = welke informatie
heeft bezoeker nodig om doel te bereiken?
Interactie ontwerp: Hoe gaat bezoeker door
het proces op de site
Beschrijf hoe de informatie zó geordend en
gepresenteerd wordt, dat de gebruiker daar
snel en makkelijk toegang tot kan krijgen
36. Toelichting
Informatie architectuur = beschrijf hoe de
informatie zó geordend en gepresenteerd
wordt, dat de gebruiker daar snel en makkelijk
toegang tot kan krijgen (navigatie opbouw, ..)
Interface ontwerp =
Wat kunnen bezoekers hier doen?
Beschrijf hoe de gebruikte interface-
elementen worden gepresenteerd zodat de
interactie met het systeem zo makkelijk
mogelijk is.
37. Toelichting
Informatie ontwerp =
Hoe presenteer je de informatie zó dat
onmiddellijk duidelijk is wat er op een pagina
staat?
Hoe moeten we de informatie presenteren
zodat mensen het kunnen begrijpen en
gebruiken ?
Wat is belangrijke informatie en wat is
ondersteunend
49. Top 7 meest gemaakte fouten
• Geen of slechte zoekfunctie
• Teksten slecht leesbaar. Bijv. te klein
• Te lange teksten (te lange alinea’s)
• Gebruik van woorden die onbekend zijn bijv.
vaktermen, moeilijke woorden, …
• Geen of slechte vindbare contact informatie
• Niet beantwoorden van gebruikersvragen
• Niet bruikbaar in internet browsers
50. Dont’s
• Pop-ups
• Welkomstteksten
• Plug-ins installeren voor kunnen gebruiken
bepaalde functionaliteiten
• Belangrijke content eruit laten zien als een
banner (banner blindheid)
• Video’s die langer duren dan 60 seconden
• Geen 404 pagina inzetten (verkeerde pagina)
• Gebruik van Captcha’s bij formulieren
• Niet geschikt voor tablets en smartphones
73. Vuistregels Jakob Nielsen
• Zichtbaarheid systeem status
• Matcht met echte wereld & systeem
• Gebruikers controle en vrijheid
• Consistentie en standaarden
• Foutmeldingen voorkomen
• Esthetisch en minimalistisch ontwerp
• Help bij foutmeldingen
• Help en documentatie
105. App
• Bied met een app toegevoegde waarde -> bijv.
ondersteunend bij lezen magazine (Ikea),
tijdens shoppen (Amazon)
• Ontwikkel nooit een app die eigenlijk hetzelfde
is als de website, maar dan in de vorm van een
app
106. Voordelen App
• Eenmaal gedownload, makkelijk en snel
bereikbaar
• Ook te gebruiken zonder internetbereik
• Beleving
107. Nadelen App
• Hoge ontwikkelingskosten
• Voor ieder platform een andere app
• Informatie niet vindbaar zonder installatie
117. Zijn er nog vragen?!
E-mail: bob@soethart.nl
Linkedin:
http://nl.linkedin.com/in/bobvandevooren
Twitter:
http://twitter.com/soethart
Facebook:
http://www.facebook.com/soethart