EEN WEBSITE DIE WERKT13 maart 2012 – EROV

4. Meten is weten

3. Usability: 8 basisprincipes

2. Het belang van usability

1. Online klanten bereiken

Wat zijn de mogelijkheden?

1. Online klanten bereiken

Een website... is dat nu echt zo belangrijk?

Particulieren en internetIn België in 2011

78% (EU: 73%)

65% (EU: 55%)

80% (EU: 70%)

53% (EU: 58%)

Heeft thuis internettoegang

Surft elke dag

Surft minstens één maal per week

Kocht iets via internet in 2011

Bedrijven en internetIn Europa in 2011

70%

20%

Heeft een website

Online bestellen, reserveren of boeken

‣ Eigen website

‣ Google Maps

‣ Sociale netwerken

‣ Forums

Online aanwezig zijn

De eigen website is meestal het centrale punt.

1. Vertrouwen naar klanten

2. Controle

3. Onderscheid van concurrenten

Eigen website

1. Vertrouwen naar klanten

‣ Deze gegevens kloppen

‣ Dit bedrijf is professioneel bezig

2. Controle

‣ Inhoud van de website

‣ Wat mensen vinden via Google

‣ Onafhankelijk van externe diensten

3. Onderscheid van concurrenten

‣ Gebruiksvriendelijk

‣ Ontwerp op maat

‣ (Online) dienst op maat

Ok, een eigen website dus. En wanneer is dat nu een goeie website?

Een goeie website

‣ Op nummer 1 in Google!

‣ Veel bezoekers!

‣ Een mooi ontwerp!

Een goeie website

‣ Op nummer 1 in Google!

‣ Veel bezoekers!

‣ Een mooi ontwerp!

Een goeie website

‣ Scoren op de juiste zoekwoorden‣ Van bezoekers klanten maken

‣ Positieve ROI

Vandaag:

‣ Scoren op de juiste zoekwoorden‣ Van bezoekers klanten maken

‣ Positieve ROI

www.wijs.be

Waarom usability je geld kan opleveren... of kosten.

2. Het belang van usability

Usability... wat is dat eigenlijk?

Wikipedia

“Iets is gebruiksvriendelijk wanneer een beoogde eindgebruiker het effectief, efficiënt en naar tevredenheid kan gebruiken.”

‣ Eenvoudig te leren

‣ Efficiënt in gebruik

‣ Makkelijk onthouden hoe het werkt

‣ Fouten voorkomend en duidelijke feedback

‣ ‘Plezant’ om te gebruiken

Gebruiksvriendelijk...

‣ Aandacht voor eindgebruiker

‣ Testen met échte gebruikers

‣ Duurzaam

‣ Kwaliteit

User-centered werken

3. Usability: 8 basisprincipesWaar moet je zéker op letten?

consistentie

8typografie

portability

snelheid

inhoud

toegankelijkheid

technologie

interactie

1. Consistentie

‣ Logo

‣ Taalselectie

‣ Home-knop

Verwachtingen

‣ Navigatie

‣ Broodkruimel

‣ Zoekveld

‣ Links boven

‣ Link naar homepage

‣ Optioneel met tagline

Logo

Logo

‣ Rechts boven

‣ ISO (NL - FR - EN)

‣ Toon alle opties, ook de actieve taal

‣ Geen vlagjes!

Taalselectie

taalselectie

‣ Eerste knop in hoofdnavigatie

‣ Altijd ‘home’

Home-knop

home-knop

‣ Hoofdnavigatie horizontaal bovenaan

‣ Subnavigatie links

‣ Vermijden: onderaan of rechts

Navigatie

‣ Helemaal onderaan, in de footer

‣ Privacy statement, disclaimer, sitemap

Secundaire navigatie

hoofdnavigatie

subnavigatie

secundaire navigatie

‣ Toont actieve pagina in hiërarchie

‣ Onder de hoofdnavigatie

‣ Klikbaar, behalve actieve pagina

‣ Zonder ‘je bent hier: ’

Broodkruimel

broodkruimel

‣ Rechts boven

‣ Gevaarlijk!

‣ Bezoekers verwachten Google-niveau

Zoekveld

zoekveld

Het is duidelijk

‣ waar je vandaan kwam‣ waar je nu bent‣ waar je naartoe kan gaan

in de visuele taal die andere websites ook

spreken

Consistentie geeft houvast

2. Typografie

‣ Ideaal: tot ongeveer 55 karakters per regel

‣ Flexibele layout: gebruik maximumbreedte

Leeslengte

‣ Minstens 12px voor broodtekst

‣ Moderne browsers schalen alles

‣ “ A A A ” is overbodig

Lettergrootte

Geschreefd of schreefloos?

Ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

Ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

Op een scherm: schreefloos (sans-serif)

3. Portability

‣ Bezoekers komen niet spontaan

naar je website.

‣ Verspreid inhoud op plaatsen waar

potentiële klanten vertoeven.

Mohammed en de berg

‣ Application Programming Interface

‣ Toegangspoort tot een website

‣ Data toevoegen en/of data afhalen

API

‣ Makkelijk te integreren

‣ 1 klik

‣ “Mond-aan-mond”

Social Media plugins

4. Snelheid

Wat volgt is de hoeveelheid tijd die een bezoeker wil spenderen om uit te zoeken hoe een website werkt:

0

‣ Snel laden (technisch)

‣ Focus (inhoud)

‣ Scanbaar (structuur)

Bezoekers hebben geen geduld

5. Inhoud

Vers en fris!

Een website is zoals ondergoed.Ververs elke dag.

‣ Kies relevante onderwerpen

‣ Relevant nieuws

‣ SEO vs. bezoeker

Publiceer op regelmatige basis

‣ Schrap pagina’s die niet bezocht worden

‣ Kijk af en toe of inhoud nog up-to-date is

‣ SEO vs. bezoeker

Hou statische inhoud vers

Publiceren, updaten, ...Iedere keer langs IT-dienst of webbouwer?

‣ Content Management System

‣ De motor van de website

‣ Makkelijk zélf inhoud bewerken

‣ SEO!

CMS

Een CMS moet je toelaten om het dagelijkse beheer van je website onafhankelijk en zonder technische kennis uit te voeren.

6. Toegankelijkheid

‣ Cross-browser, cross-platform

‣ Anysurfer

‣ Google

‣ Facebook

Bouw een toegankelijke website

‣ IE8, IE9, Chrome, Firefox, ...

‣ tablets & smartphones!

‣ muis en keyboard of touch‣ Webstandaarden!

Cross-browser, cross-device

‣ Kwaliteitslabel

‣ Website toegankelijk voor iedereen,

ook voor mensen met een

functiebeperking

Anysurfer

‣ Grootste bron van traffiek

‣ SEO!

Google

‣ ‘Like’ + Open Graph

‣ Zoekmachine

Facebook

7. Technologie

‣ Flash

‣ Ajax

‣ Video

‣ HTML 5

Altijd nieuwe technologie

Technologie mag geen drijfveer zijn.

Denk na over de waarde.

8. Interactie

‣ Poll, testjes, ...

‣ Feedback mechanismen

‣ Reacties plaatsen, forum

‣ Zelf inhoud toevoegen

Laat bezoekers participeren

+ interactie met het merk verhoogd

+ ‘gratis’ input voor web en print

+ workload webredactie verminderd

+ rijke data over voorkeuren van leden

‣ Ontwerpen & bouwen

‣ Observeren

‣ Optimaliseren

De gebruiker staat centraal

Hoe weet je of je website goed werkt?

4. Meten is weten

Een website is zoals een schip

1. Statistieken

2. Expert audit

3. Gebruikerstest

Meten, evalueren, bijsturen

‣ Google Analytics

‣ Hoeveel, van waar, welk pad, ...

‣ Kwantiteit, geen kwaliteit

‣ Continu

‣ Gratis (doe-het-zelf)

1. Statistieken

‣ Analyse van bestaande website

‣ Basisfouten komen naar boven

‣ Toetsing aan de theorie

‣ Praktisch advies en tips

‣ Gemiddeld: 10 tot 30 manuren

2. Expert audit

‣ Ervaren van échte gebruikers

‣ Toetsing aan de praktijk‣ Ideale methode

‣ Praktisch advies en tips

‣ Gemiddeld: 30 tot 50 manuren

3. Gebruikerstest

Conclusie

‣ Begin met een goeie strategie‣ Bezoekers aantrekken heeft alleen

zin bij optimale usability!

‣ Usability beïnvloedt conversie

‣ Meten is weten

Conclusie

twitter.com/bram_www.wijs.be

Vragen?