Samenvatting Usability

Usability

Karel de Grote Hogeschool
Multimedia Technology

Samenvatting van Cyana Buschgens
2016 – 2017

,INTRO (wat gebruikers echt willen)
HCI: Human Computer Interaction
 informatie is virtueel
 acties zijn fsyiek
Maar hoe verbinden we onze acties met de virtuele wereld?
 De gebruiker communiceert met de digitale wereld via een interface
 De interface is gemaakt uit fysieke ‘onderdelen’
 Elk deel heeft een (virtuele) betekenis
 De gebruiker communiceert met de interface en begrijpt door middel van cognitie wat deze
acties vertegenwoordigt in de digitale wereld

Traditioneel model

cognitie




output input
output input


mens – computer - interactie

Cognitief proces
 Een proces dat gebeurt in de hersenen
 Mensen hebben de mogelijkheid om neiuwe dingen te leren
 door bepaalde punten te herkennen van vorige ‘observaties’
 nieuwe informatie verkrijgen door middel van associaties

 Bouwt voor op fysisch-mechanisch-actie-mogelijkheden (bv. dingen die ik kan bereiken vs
dingen die ik niet kan bereiken)
 Onze lokale omgeving zullen ons beperken tot fysieke grenzen die onze actie mogelijkheden
zal bepalen (bv. wandelen door een stad)
 Kennis bevindt zich niet enkel in het hoofd, maar ook in de wereld zelf (bv. jouw autosleutels
in de ijskast leggen als herinnering)
 Intellegente acties zijn verdeeld over verschillende hersenen, sociale interacties en
beschikbare tools/technologie (bv. het besturen en navigeren van een schip)

Van analoge naar digitale usability
 Onze analoge ervaringen zijn een bron van informatie voor onze digitale ervaringen
 Interfaces zijn het best ontworpen met ‘delen’ die we kunnen interpreteren door middel van
cognitie
 Zo nu en dan een digitale bit 'omgekeerd' zijn weg naar de analoge wereld te vinden
bv. emoticons, google maps,…)

,HOMEPAGE DESIGN (wat is web-usability?)
Usability
= de mate van gebruiksvriendelijkheid van een product

Formele definitie: de mate waarin een product door bepaalde gebruikers in een bepaalde
gebruikersomgeving kan worden gebruikt om bepaalde doelen effectief, efficiënt en naar
tevredenheid te bereiken

 Effectief
Kan het doel bereikt worden?
 Efficiënt
Kan het doel makkelijk bereikt worden?
 Tevredenheid
Problemen met gebruik? Prettige ervaring?

Web usability: usability principes toegepast op webpagina’s en websites

Andere vormen van usability

1. Software usability
2. Device usability

Web Applications
 Nood aan goede usability stijgt dus
 Instant Gratificatiën Applications vs. complexe desktopapplicatie waarbij een handleiding
en specifieke opleiding aanvaardbaar is
 Nieuwe web-technologieën
 HTML/CSS3 - JavaScript/jQuery – Ajax – SASS/LESS

Aspecten van usability
 Cognitieve psychologie
 Informatieve architectuur (navigatie – zoeken)
 Visueel ontwerp (lay-out – kleur – typografie - …)
 Accessibility
 Interaction design
 Likability, sociability,…
 Usability testing

Als je een site bouwt, moet je de vraagtekens wegwerken…

Self-evident pages
 Dee pagina zo ontworpen dat de bezoeker onmiddellijk weet waarover de site gaat en hoe
hij de site moet gebruiken
 omdat we dit aangenaam vinden
 het verhoogt de effectiviteit
 we lezen de pagina’s niet echt

,Hoe we het web gebruiken

1. We lezen geen pagina’s, we scannen
o We zijn gehaast
= we gebruiken het web om bepaalde taken snel uit te voeren
o We hoeven niet alles te lezen op een pagina
= we scannen nar stukjes informatie die ons interesseren
o We zijn er goed in
= dankzij kranten, magazines en zappen op tv zijn we er goed in geworden
2. We wegen niet de beste opties af, ‘we satisfice’
o Satisfying: de eerste redelijke optie nemen
= het eerste plan nemen dat na een mentale check geen problemen oplevert
 we zijn gehaast
 het is geen probleem als we ons vergissen
 we halen er weinig voordeel uit om alle opties af te wegen
 we houden ervan om te gokken
3. We zoeken net uit hoe dingen werken. We proberen tot iets lukt…
 het is vaak niet belangrijk om te weten hoe iets werkt
 wanneer we iets vinden dat werkt, blijven we het gebruiken op die ‘foute’
manier (bv. muddling trough: URL invullen in searchveld Google)

Conclusie




Functies van de homepage
 Identiteit en missie
 Hiërarchie (inhoud (content) – acties (utilities))
 Zoeken
 ‘Teasers’ (inhoud – promoties)
 Tijdsgebonden inhoud
 Advertising
 Shortcuts (bv. drivers downloaden)
 Registratie
De moeilijkheden van een homepage
 Iedereen betrokken bij het bedrijf wil er een stuk van…
… dat de aandacht trekt
… in het deel boven de ‘fold’ (zonder scrollen) (bv. bij krant)
 Iedereen in het bedrijf heeft er een mening over
 Iedere bezoeker moet ervan houden

, Te beantwoorden vragen
De essentie moet zo duidelijk mogelijk naar voor komen
 Wat is dat?
 Wat hebben ze hier?
 Wat kan ik hier doen?
 Waarom zou ik hier blijven, en niet ergens anders?

Tegenargumenten




Hoe de boodschap overbrengen?
 Site-ID, Tagline en ‘welcome blurb’

Tagline principes
 Duidelijk en informatief
 Niet te lang
 Diffentiërend
 Niet te veralgemenend
 Persoonlijk

Homepage navigatie
 Kan verschillen van de andere pagina’s
(bv. andere oriëntatie, omschrijving per sectie, tonen van subsecties, grotere site-ID, langere
tagline)
 Moet voldoende gelijkend zijn (secties in zelfde volgorde en ongeveer dezelfde namen)
 Vermijd pulldowns (niet direct zichtbaar, moeilijk leesbaar, enkel voor ‘gekende’ lijsten bv.
landen, operating system,…)

Slot
 Zorg op de homepage voor een duidelijk startpunt om te:
o Zoeken
o Browsen
o De interessantste zaken rechtstreeks te bereiken
 Let op voor ‘over-promotie’