website usability - aaroniels.files.wordpress.com  · web viewhet zoeken is handig en...

26
AaroNiels Niels Verheyden, Aaron Saam V4C Website usability Topic 2 Inhoud Webshops Amazon UK http://www.amazon.co.uk Wehkamp http://www.wehkamp.nl Onderwijs Kennisnet http://www.kennisnet.nl Cito http://www.cito.nl Non-profit organisatie NAACP http://www.naacp.org Human Rights Watch http://www.hrw.org Overheid Rijksoverheid http://www.zokomenweverder.nl Rijkswaterstaat http://www.rijkswaterstaat.nl Eigen voorkeur The Verge http://www.theverge.com Engadget http://www.engadget.com

Upload: others

Post on 09-Oct-2019

2 views

Category:

Documents


0 download

TRANSCRIPT

AaroNielsNiels Verheyden, Aaron Saam

V4C

Website usabilityTopic 2

InhoudWebshops Amazon UK http://www.amazon.co.uk Wehkamp http://www.wehkamp.nl

Onderwijs Kennisnet http://www.kennisnet.nl Cito http://www.cito.nl

Non-profit organisatie NAACP http://www.naacp.org Human Rights Watch http://www.hrw.org

Overheid Rijksoverheid http://www.zokomenweverder.nl Rijkswaterstaat http://www.rijkswaterstaat.nl

Eigen voorkeur The Verge http://www.theverge.com Engadget http://www.engadget.com

AaroNielsNiels Verheyden, Aaron Saam

V4CAmazon UKhttp://www.amazon.co.uk

HerkenbaarheidDe site is makkelijk herkenbaar aan het logo.

NavigatieDe navigatielijst is erg handig. Het zijn allemaal verschillende categorieën dus je weet gelijk welke je moet hebben.

SnelheidDe snelheid is prima. De site laadt vrij snel ondanks dat er veel afbeeldingen op de site te vinden zijn.

ZoekenHet zoeken is handig en overzichtelijk. Er is een lange zoekmachine bovenin waarmee je makkelijk iets kan opzoeken. Ook kun je bij de zoekmachine aangeven in welke categorie je wilt zoeken. Bovendien komen er zoeksuggesties in beeld als je iets typt.

OpmaakEr is goed gebruik gemaakt van de kleuren, waardoor alles goed te lezen is. Ook is de tekstgrootte groot genoeg om te lezen.

AaroNielsNiels Verheyden, Aaron Saam

V4CSchrijfstijlDe tekst is redelijk snel te scannen. Een deel van de informatie is al te zien in de afbeeldingen.

HyperlinksDe hyperlinks zijn makkelijk herkenbaar. Ze zijn blauw van kleur en onderstreept. In de hyperlink staat wat je te zien krijgt.

InteractieEr vindt geen interactie plaats op de site.

AccessibilityDe tekstgrootte is misschien een beetje klein voor slechtzienden, maar over het algemeen goed te lezen.

Afbeeldingen en multimediaEr zijn veel afbeeldingen op de site te vinden, maar dit moet wel omdat het een webshop is. Door de afbeeldingen is het snel duidelijk waarover het gaat.

Tips ter verbeteringEr zijn geen tips ter verbetering. Alles is wel goed.

Sterke puntenDe zoekfunctie en navigatielijst zijn erg handig om te gebruiken.

AaroNielsNiels Verheyden, Aaron Saam

V4CWehkamphttp://www.wehkamp.nl

HerkenbaarheidDe site is makkelijk herkenbaar aan het dikgedrukte logo.

NavigatieBovenin is er een navigatie balk die erg handig is. Je weet gelijk waar je heen moet gaan. Wat ook handig is, is dat er in elk menu ook submenu's zijn.

SnelheidDoor de vele en grote afbeeldingen is de site af en toe een beetje langzaam. Maar over het algemeen is de site redelijk snel.

ZoekenEr is een zoekmachine waarmee je makkelijk iets kan opzoeken. Ook komen er zoeksuggesties in beeld als je iets typt.

OpmaakEr is goed gebruik gemaakt van kleur. Bij een donkere achtergrond is er witte tekst, en bij een lichte achtergrond is er zwarte tekst. Ook is de tekstgrootte in de meeste gevallen groot genoeg.

AaroNielsNiels Verheyden, Aaron Saam

V4CSchrijfstijlDe tekst is erg snel te scannen. De afbeeldingen geven al een groot deel van de informatie.

HyperlinksEr zijn weinig hyperlinks op de site. Ze zijn niet erg opvallend, omdat ze dezelfde kleur als de overige tekst hebben. Ze zijn wel onderstreept.

InteractieEr is interactie aanwezig. Er zijn namelijk buttons van onder andere twitter en facebook.

AccessibilityDe tekstgrootte is misschien een beetje klein voor de slechtzienden, maar voor goedzienden is de grootte prima.

Afbeeldingen en multimediaEr zijn veel afbeeldingen. Dit moet ook omdat het een webshop is. Vanwege de vele afbeeldingen is het snel duidelijk waar het over gaat.

Tips ter verbeteringDe site kan traag zijn door de vele afbeeldingen op de site.

Sterke puntenDe uitgebreide zoekfunctie is erg praktisch. De menubalk is ook handig te gebruiken.

AaroNielsNiels Verheyden, Aaron Saam

V4CKennisnethttp://www.kennisnet.nl

HerkenbaarheidDe site is herkenbaar aan het logo en de paarse, rechthoekige sfeer.

NavigatieDe navigatiebalk is handig. Alles is per niveau ingedeeld, dus je weet direct waar je moet zoeken. Ook zijn de snelkoppelingen handig, omdat je daardoor niet meer naar de navigatiebalk hoeft te kijken.

SnelheidDe site laadt snel en is ook snel in zijn werking. De plaatjes zorgen er wel voor dat het langer duurt.

ZoekenVia het zoeken promoot Kennisnet de zoekmachine Davindi, opgericht door Kennisnet. Het zoeken zelf is handig en overzichtelijk. Al beginnen de reclames voor Davindi uiteindelijk te storen.

OpmaakDe site ziet er hetzelfde uit op verschillende browsers. De site past zich automatisch aan aan de resolutie van het beeldscherm.

AaroNielsNiels Verheyden, Aaron Saam

V4CSchrijfstijlDe tekst is makkelijk te lezen. De introductie naar het artikel zegt niet erg veel over het artikel zelf. Meestal is de introductie maar een regel lang.

HyperlinksMeestal zijn hyperlinks lichtblauw. Dit geeft een goed contrast tussen de witte achtergrond, de paarse blokken en de zwarte tekst.

InteractieEr is geen interactie op de site aanwezig.

AccessibilityDe letters kunnen klein uitvallen voor slechtzienden. Met de plaatjes valt wel te volgen waar het over gaat.

Afbeeldingen en multimediaZonder afbeeldingen zou de site moeilijk te volgen zijn; al zouden er wel minder mogen zijn.De afbeeldingen werken uiteindelijk storend voor de site.

Tips ter verbeteringMinder afbeeldingen. Het maakt de site niet veel meer overzichtelijker, maar het zorgt er tenminste voor dat de site wat sneller laadt.

Sterke puntenHet is prima ingedeeld. Het is overzichtelijk te zien waar je moet kijken en waar niet. Zo kom je sneller bij wat je moet hebben.

AaroNielsNiels Verheyden, Aaron Saam

V4CCitohttp://www.cito.nl

HerkenbaarheidDe site is vooral herkenbaar aan het logo. De site zit vol met de kleuren uit het logo.

NavigatieBovenin is er een overzichtelijk navigatiemenu. Er zijn alleen geen submenu’s. Het meeste valt echter te vinden op de hoofdpagina.

SnelheidDe site is redelijk snel te laden. Er staan niet te veel afbeeldingen op, waardoor de site gewoon snel blijft.

ZoekenDe zoekfunctie valt echter tegen. Het valt erg op dat je met Google door een site zit te zoeken. Als je “site:www.cito.nl [zoekopdracht]” in Google zou typen, zou je hetzelfde resultaat krijgen.Overzichtelijk is de zoekfunctie wel.

OpmaakDe site ziet er hetzelfde uit op verschillende browsers. De site is nog steeds toegankelijk op moderne browsers, alleen begin je wel te merken dat het oud begint te worden. De site past zich niet aan op verschillende resoluties.De blokken zijn goed neergezet naar waar mensen het meeste klikken. Aan de randen zit het belangrijkst, in het midden de headlines.

AaroNielsNiels Verheyden, Aaron Saam

V4CSchrijfstijlDe site is overzichtelijk. Er zijn niet erg veel afbeeldingen, maar waar ze zijn spelen ze ook een belangrijke rol: ze stralen de inhoud van de tekst uit.

HyperlinksEr is niet echt verschil tussen hyperlinks en tekst. Soms zie je wel dat links een plaatje met zich meedraagt, maar dit is niet altijd het geval.

InteractieDe site is gelinkt met onder andere facebook, twitter, youtube en linkedin.

AccessibilityDe tekstgrootte is ook hier niet veranderbaar, maar in dit geval is dit niet nodig. De tekst is overzichtelijk en makkelijk te lezen, ook voor slechtzienden.

Afbeeldingen en multimediaAfbeeldingen kom je het meeste tegen bij links. Verder dan dat valt het aantal afbeeldingen en video’s best mee. Er had wat meer mogen staan.

Tips ter verbeteringDe site past zich niet aan aan de resolutie van het beeldscherm. Dit is toch iets dat belangrijk is als je een succesvolle, goede site wilt hebben.Ook mogen er meer afbeeldingen op.

Sterke puntenDe blokken zijn goed ingedeeld.

AaroNielsNiels Verheyden, Aaron Saam

V4CNAACP

http://www.naacp.org

HerkenbaarheidDe site is makkelijk herkenbaar aan het grote logo.

NavigatieDe navigatie is erg overzichtelijk en goed ingedeeld. Er wordt gebruik gemaakt van submenu’s, wat het navigeren een stuk prettiger maakt.

SnelheidHet duurt even totdat de site geladen is door de overvloed aan afbeeldingen en opmaak.

ZoekenEr staat geen zoekfunctie op de site.

OpmaakDe makers van de website hebben hun best gedaan de site zo mooi mogelijk te maken. Doordat ze daardoor veel afbeeldingen erin hebben gezet, heeft het invloed op het gedrag van de site in verschillende browsers. Op moderne browsers ziet de site er tenminste nog goed uit.

AaroNielsNiels Verheyden, Aaron Saam

V4CSchrijfstijlDe tekst is makkelijk te scannen. De nieuwste dingen staan vooraan, de oudste achteraan. Iets wat op veel sites niet te vinden is.

HyperlinksHet is wel lastig een hyperlink te herkennen. Het tekstgedeelte dat een link bevat komt zo goed als overeen met een gedeelte die dat niet heeft.

InteractieOp de hoofdpagina zijn veel blokken te vinden voor het lid worden van het NAACP. Op een site met een doel zoals deze is dit best logisch.Ook is de site gelinkt met onder andere facebook, twitter, flickr en youtube.

AccessibilityDe tekst is niet aan te passen aan slechtzienden. Veel sites hebben dit niet, maar sites die dit wel hebben zijn direct een stuk fijner te lezen.

Afbeeldingen en multimediaZonder afbeeldingen zou deze site moeilijk te begrijpen zijn. De opmaak zorgt ervoor dat afbeeldingen cruciaal zijn.

Tips ter verbeteringEen zoekfunctie zou erg fijn zijn. Hyperlinks zouden ook wel een andere kleur mogen.

Sterke puntenGelijk bij het openen van de site is het duidelijk dat het om een goed doel gaat. De knoppen voor doneren zijn niet te missen.

AaroNielsNiels Verheyden, Aaron Saam

V4CHuman Rights Watch

http://www.hrw.org

HerkenbaarheidDe site is makkelijk herkenbaar aan het logo.

NavigatieDe navigatie valt erg op doordat er ruimte zit tussen de navigeerbalk en de inhoud van de pagina.

SnelheidDe site is snel te laden. Op een verouderde browser kan het langzaam zijn door de overvloed aan “reclame” en afbeeldingen.

ZoekenDe zoekfunctie is erg handig. Het staat duidelijk aangegeven, en is makkelijk te gebruiken.

OpmaakDe site past zich aan aan het beeldscherm en de browser. Hier zijn geen problemen.

AaroNielsNiels Verheyden, Aaron Saam

V4CSchrijfstijlDe tekst is kort te scannen, doordat de afbeeldingen het halve werk doen. De meeste inhoud komt overeen met andere berichten, omdat het toch een soort goed doel is.

HyperlinksDe links worden niet anders weergegeven dan de tekst. Dit is iets waar mensen zich aan kunnen storen.

InteractieOp de hoofdpagina staan zeker 4 blokken met “reclame” om te doneren aan het HRW. Irritant is het zeker, maar het is hun enige manier om ad-free te blijven.Ook is het gelinkt met onder andere facebook, twitter en youtube.

AccessibilityEr is kleine tekst, dus slechtzienden zullen zeker moeite hebben deze site te lezen. De tekstgrootte is niet veranderbaar.

Afbeeldingen en multimediaDe afbeeldingen maken de site. Het zorgt ervoor dat je toch eens gaat nadenken over doneren. Zonder afbeeldingen zou dit goede doel niet kunnen bestaan.

Tips ter verbeteringDe tekstgrootte zou ik graag veranderd zien. Ook zou het lettertype overal hetzelfde mogen in plaats van afwisselend te zijn.

Sterke puntenHet is een goede site voor een goed doel. De afbeeldingen passen hier perfect bij. Het is overzichtelijk en makkelijk te zien waar het om draait.

AaroNielsNiels Verheyden, Aaron Saam

V4CRijksoverheidhttp://www.zokomenweverder.nl

HerkenbaarheidDe site is erg makkelijk te herkennen aan de grote video met “Zo komen we verder”.

NavigatieRechtsboven van de site is een onduidelijke navigatie. Het is klein, het ziet er niet uit en er zijn geen submenu's. Reden zat voor een verbetering.

SnelheidDe site is vrij snel, omdat er verschrikkelijk weinig op staat.

ZoekenEr is geen zoekfunctie op de site. Er is wel een sitemap, maar daar staat alles op wat ook op de hoofdpagina staat.

OpmaakHet is makkelijk te zien dat het om een site van de rijksoverheid gaat. Het design is overal hetzelfde. Het is op vrijwel alle browsers hetzelfde te zien.

AaroNielsNiels Verheyden, Aaron Saam

V4CSchrijfstijlHet lettertype is onduidelijk en irritant. Het is wel duidelijk wat er in een artikel staat door de korte introductie.

HyperlinksHyperlinks staan onderstreept. Het zorgt er niet goed voor dat het goed uit de achtergrond komt, en makkelijk te lezen is.

InteractieEr is geen manier van interactie aanwezig.

AccessibilityEr staan veel kleine letters op de site, wat het niet te lezen maakt voor slechtzienden. De tekst kan niet vergroot worden.

Afbeeldingen en multimediaEr staat een heel groot filmpje met “Zo komen we verder” op de hoofdpagina, puur alleen om ruimte op te vullen. Zonder dit zou de site veel te klein worden om überhaupt handig te kunnen zijn.

Tips ter verbeteringEr is weinig informatie; het dient als een doorverwijspagina.Ook is er slecht navigatie, er staat een irritante video op de hoofdpagina en er is een onduidelijk lettertype.

Sterke puntenAlle bruikbare en handige informatie staat wel op de hoofdpagina, wat weer een voordeel is.

AaroNielsNiels Verheyden, Aaron Saam

V4CRijkswaterstaathttp://www.rijkswaterstaat.nl

HerkenbaarheidDe site is makkelijk herkenbaar aan het logo en de opbouw van de site. Deze is bij alle overheidsites hetzelfde.

NavigatieDe navigatie valt nog wel mee. Er zijn geen sub-menu’s, iets dat toch wel geliefd had kunnen worden. Verder is het erg standaard.

SnelheidOmdat het zo simpel en niet echt dynamisch is, is het toch snel te laden op vrijwel alle browsers.

ZoekenDe zoekfunctie ziet er ouderwets uit, en is niet erg handig te gebruiken. Het zou een stuk moderner kunnen.

OpmaakDe hoofdpagina ziet er leeg uit. Er staat weinig informatie op, maar is toch overzichtelijk.

AaroNielsNiels Verheyden, Aaron Saam

V4CSchrijfstijlDe introductie is overzichtelijk. Er wordt kort gezegd wat belangrijk in het artikel. Erg handig.

HyperlinksDe meeste hyperlinks worden in het blauw weergegeven. Dit zou handig moeten zijn, maar dit zorgt ervoor dat veel blokken helemaal blauw worden, wat net weer te veel is.

InteractieEr is directe connectie met twitter. Dit zie je op weinig sites, maar het is toch erg handig. De headlines zijn altijd up-to-date.

AccessibilityDe letters kunnen wat klein uitvallen naar slechtzienden. Op deze site is het niet mogelijk de tekstgrootte te veranderen.

Afbeeldingen en multimediaEr staan erg weinig afbeeldingen op de site. Dit maakt de site minder interessant. Video’s zijn ook lastig te vinden.

Tips ter verbeteringEr kan meer op de hoofdpagina. De artikelen kunnen uitgebreider, en kunnen groter op de hoofdpagina komen.

Sterke puntenDe site is overzichtelijk en is goed interactief bezig met twitter.

AaroNielsNiels Verheyden, Aaron Saam

V4CThe Vergehttp://www.theverge.com

HerkenbaarheidHet is makkelijk te zien dat deze site van The Verge is. Het grote logo is niet te missen.Verder is de stijl van de site uniek. Nergens vind je iets vinden dat hier op zou lijken.

NavigatieAlles is handig ingedeeld in menu’s. Mocht je iets over een specifiek onderwerp willen zoeken, hoef je alleen maar op het menu te drukken, en je krijgt alles te zien over je onderwerp.

SnelheidDeze site is op een trage computer met een verouderde browser erg traag. Er zitten veel plaatjes op de site, wat ervoor zorgt dat het laden lang duurt.Dit ligt eerder aan de browser dan aan de website zelf.

ZoekenDe zoekfunctie is erg handig. Je kunt makkelijk uitgebreid zoeken, om sneller je artikel of forumbericht te vinden. Omdat het in het menu zit, is het op elke pagina te gebruiken.

OpmaakDeze site is op een computer met een verouderde browser lastig te zien .In IE8 zonder updates valt op dat niets echt in elkaar past. Alles is roder dan normaal.Maar ook dit ligt eerder aan de verouderde webbrowser dan aan de website zelf.De site past zich aan aan het beeldscherm.

AaroNielsNiels Verheyden, Aaron Saam

V4CSchrijfstijlDe introductie naar het artikel is erg overzichtelijk. Er staat ook nog een oranje zin bij die interesse wekt om het artikel te lezen.

HyperlinksHyperlinks worden over het algemeen in het oranje weergegeven, waardoor het meer opvalt dan de normale tekst.Als je over de hyperlink gaat krijg je niet te zien waar je heen gaat.

InteractieDe site heeft een forum dat druk bezocht wordt. Er is ook een optie om de redactie in te lichten over nieuw nieuws. Al met al zijn er genoeg mogelijkheden om contact op te nemen, of je mening te uiten op de site.Ook is de site gelinkt met onder andere facebook, twitter en youtube.

AccessibilityDe website is behoorlijk toegankelijk. De tekst is groot uitgezet, links worden met kleurverschil goed aangegeven, en er komen regelmatig korte samenvattingen voor.

Afbeeldingen en multimedia De afbeeldingen en video’s op de site zijn de hoofdonderdelen die de site goed maken. Zonder de plaatjes zou het moeilijk zijn om dingen te begrijpen, en zou er überhaupt weinig op de site staan.

Tips ter verbeteringAdvertenties worden op een gegeven moment storend. Op elke pagina is wel een advertentie te vinden.Ook is de site moeilijk bij te houden omdat er constant nieuwe artikelen worden bijgezet.

Sterke puntenDe site is erg overzichtelijk.Als je iets wilt vinden, vind je dat vrijwel meteen.

AaroNielsNiels Verheyden, Aaron Saam

V4CEngadgethttp://www.engadget.com

HerkenbaarheidDe site is redelijk herkenbaar aan de stijl van de site. Ook valt het logo erg op.

NavigatieHet is makkelijk te navigeren door de site. Er zijn verschillende versies van de site gemaakt over verschillende onderwerpen. De navigatie in de verschillende sites is praktisch.

SnelheidDe site laadt snel op de meeste browsers. Er zitten wel veel plaatjes op de site, wat het toch trager maakt op verouderde browsers dan op moderne browsers. De reclame speelt hier ook een rol in.

ZoekenDe zoekfunctie is niet erg uitgebreid, maar toch handig. Er is simpelweg een kader voor tekst met een zoekknop erlangs. Dit zorgt ervoor dat het toch iets langer duurt voordat je vindt wat je nodig hebt, maar het blijft wel toegankelijk en even makkelijk voor iedereen.

OpmaakDe site is in zowel alle browsers hetzelfde te zien. Het past zich automatisch aan aan het beeldscherm, dus iedereen ziet hetzelfde.

AaroNielsNiels Verheyden, Aaron Saam

V4CSchrijfstijlEen van de enige dingen dat wat tegenvalt. Er is wel een introductietekst, maar het komt wat rommelig over. Ook verschilt de grootte en hoeveelheid erg. Het is dus niet erg vlot te lezen.

HyperlinksHyperlinks worden over het algemeen in het blauw weergegeven. Dit geeft wat contrast tussen de witte achtergrond en de zwarte tekst. Het is niet direct duidelijk waar je heengaat als je ergens op klikt, maar dit is niet in het nadeel van de site.

InteractieEr is een grote knop met “Tip us”, dus contact opzoeken met de makers is niet erg moeilijk. Het is ook erg makkelijk een artikel de delen. Er staat onderaan elk artikel een gedeelte om dingen te delen via facebook, twitter en google+.

AccessibilityEr zijn toch wat kleine lettertjes op de site, wat het moeilijk te lezen kan maken voor slechtzienden. Al is het thema van de site van technische snufjes toch al niet erg geschikt voor slechtzienden, omdat het meestal over kleine dingen gaat.

Afbeeldingen en multimediaOok hier maken de afbeeldingen de site. Zonder afbeeldingen of media zou de site niet handig meer zijn.

Tips ter verbeteringUiteindelijk wordt de site onoverzichtelijk. Er komen vaak nieuwe artikelen bij zonder dat je er erg in hebt. Hierdoor is het moeilijk bij te houden.De verschillende versies helpen ook niet erg, omdat het ervoor zorgt dat je meerdere sites moet bijhouden om toch aan je informatie te komen.

Sterke puntenDe site stikt van de inhoud. Het is handig verdeeld over verschillende categorieën.

AaroNielsNiels Verheyden, Aaron Saam

V4C

ConclusieHet is ons opgevallen dat (bijna) geen site perfect is. De meeste irritaties liggen aan het feit dat de lettergrootte niet veranderd kan worden. Als sites dit zouden veranderen, wordt het internet leuk voor ons iedereen. Dan is een bril niet meer nodig voor een dagelijkse portie internet.