Analyse website nmbs
Pieter De Wachter, Jorick Vissers
Usability test website NMBS Door Pieter De Wachter & Jorick Vissers
1cmd
Analyse website nmbs
Pieter De Wachter, Jorick Vissers
1cmd
Hoe is de schrijftaal? positief − geen gebruik van moeilijke woorden. − Geen te lange teksten. − Links zijn in de tekst verwerkt. − Goede structurering door middel van tussentitels en allinea's. − Bij opsommingen, gebruik maken van bulleted lists. − Goede stijlkeuze van lettertype (schreefloos). negatief − Gebruik van lange volzinnen. − Te stijf bij woordkeuze en zinsbouw. − Highlighted words ontbreken. − Te klein lettertype voor sommige gebruikers. Hangt de inhoud voldoende samen? Alle pagina's zijn volgens hun inhoud ingedeeld naargelang de 4 hoofdnavigatieknoppen. Zo ontstaat er een goede samenhang tussen de verschillende onderdelen op de website. Bijvoorbeeld: Als je op een van de knoppen bovenaan de website klikt, verschijnt er een korte maar algemene beschrijving van dit onderdeel. Aan de linkerkant kan je kiezen tussen de verschillende links naar de pagina's die tot dit onderwerp behoren.
Analyse website nmbs
Pieter De Wachter, Jorick Vissers
1cmd
Aanwezigheid van duidelijke uitgangen. Broodkruimels zijn wel aanwezig. Dit kan heel handig zijn voor de bezoeker die mogelijk terug wil keren naar de voorgaande pagina's, of niet meer weet waar zij zich bevinden op de website. Het logo dient als link om terug te keren naar de homepagina. Dit is algemeen bekend bij de internetgebruiker en wordt dus ook vaak gebruikt op webpagina's. Op enkele pagina's wordt er ook gebruik gemaakt van een “terug” of ”top” button onderaan de pagina. Wij vragen ons wel af waarom dit niet op elke pagina beschikbaar is. Is er een mogelijkheid feedback te sturen? Men moet te veel moeite doen om de link naar de contactpagina te vinden. Eenmaal dat men deze gevonden heeft, zijn er meerdere mogelijkheden, via telefoon, skype, het station in uw buurt of via een invulformulier. Duidelijke foutmeldingen met mogelijke oplossingen? Bij het online aankopen van een vervoersbewijs kan men soms een foutmelding krijgen. (zoals wij hebben meegemaakt). Wij kregen wel een duidelijke omschrijving van het probleem in verschillende talen, maar de mogelijke oplossing ontbrak. Er werd wel vermeld later nog eens opnieuw te proberen.
Analyse website nmbs
Pieter De Wachter, Jorick Vissers
1cmd
Het visueel ontwerp navigatie: Wij troffen een onregelmatig kleurgebruik in de navigatiebalk aan. Er wordt niet gebruik gemaakt van een vast kleurenschema (vb: blauw en oranje). Dit vonden wij wel vreemd omdat dit een heel belangrijk De homepagina en subpagina's beschikken over een andere manier van navigatie. Homepagina: 4 basisknoppen zonder drop down menu. Subpagina's: tekst op de knop is verkleint, en er verschijnt een drop down menu. Afbeeldingen: Deze zijn met een slechte resolutie op de website geplaatst. Maar passen wel heel goed in het thema van de website. De afbeeldingen zijn ook allemaal van een zelfde grootte, dit creëert een zekere eenheid. Lettertypes: Ze maken gebruik van verschillende lettertypegrootten door elkaar. Doordat ze een te kleine lettertype gebruiken, houden ze geen rekening met de iets oudere bezoekers. De mogelijkheid om dit te vergroten os zelfs niet aanwezig, dit is wel het geval bij de website van de nederlandse spoorwegen. Link nederlandse spoorwegen: http://www.ns.nl/cs/Satellite/ns2007/nl/hoofdmenu/include/1160724828566/reizigers?p=11 60724828566 Kleurschema: Er is gebruik gemaakt van twee hoofdkleuren: oranje en blauw. Hier wordt wel zwaar van afgeweken in de navigatiebalk op de homepagina. Interactiviteit: De bewegende banner schenkt de website een dynamische meerwaarde. Deze zorgt ervoor dat de website er niet TE 'old-fashion' en gewoontjes uitziet. De bezoeker kan hierdoor meer een gevoel krijgen dat hij zich op een modernere website bevindt. Informatie architectuur: Er wordt gebruik gemaakt van drie kolommen op de homepagina: dienstregeling, online ticketverkoop en de rubriek “in de kijker”. Deze drie kolommen zijn al een hele goede bron van informatie voor de bezoeker. De schikking van de informatie verandert geregeld naarmate je rondsurft op de website, dit kan voor enige verwarring zorgen.
Analyse website nmbs
Pieter De Wachter, Jorick Vissers
1cmd
De andere departementen van de nmbs zoals, B-cargo, reizen in België, reizen in Europa en de nmbs groep bezitten elk een aparte website met telkens een andere huisstijl. Door verandering van kleuren en navigatie is het niet duidelijk dat deze tot eenzelfde onderneming behoren. Er zijn geen aanwezigheid van titels op de hoofdpagina's. Zo is het moeilijk voor de gebruiker zich te oriënteren op de website. Op sommige pagina's wordt er wel gebruik gemaakt van 'broodkruimels', maar niet overal. 5 verbeteringspunten voor de NMBS: 1. kleurgebruik: navigatie De verschillende kleuren in de navigatiebalk zorgen voor verwarring bij de gebruiker. NMBS:
Verbetering: hiervoor opteren wij naar één dezelfde kleur voor de verschillende knoppen, om duidelijk te laten zien in welk deel van de website hij zich bevind. De knoppen lichten op als je erover gaat.
Analyse website nmbs
Pieter De Wachter, Jorick Vissers
1cmd
2. kleurgebruik: binnen –en buitenlandse ritten Als de gebruiker een internationale rit kiest, komt hij in een heel andere lay-out tegenover de gewone binnenlandse dienstregeling. Als men in de binnenlandse dienstregeling een buitenlandse bestemming ingeeft, kan de database geen bestemming vinden. NMBS:
Verbetering: Ons idee is was voor één dezelfde kleur te gebruiken voor de binnenlandse –en buitenlandse treinritten. En de database laten werken op een goede manier. Binnenland:
Buitenland:
Analyse website nmbs
Pieter De Wachter, Jorick Vissers
1cmd
3. lettergrootte en contrast Er is geen mogelijkheid voor de lettergroottes aantepassen. NMBS;
Verbetering: wij zouden kiezen voor een functie waar de gebruiker zijn lettertypegrootte en contrast zelf kan kiezen. Bij contrast word bedoeld dat de teksten worden vertoond op een donkere achtergrond. Dit word gebruikt bij de nederlandese treinmaatschappij NS:
Bron SN: http://www.ns.nl/cs/Satellite/ns2007/nl/hoofdmenu/include/1160724828566/reizigers?p=11 60724828566 4. Zoekveld: Op de website is er geen zoekveld aanwezig. NMBS: / Verbetering: Een zoekveld kan handig zijn voor de gebruiker voor als hij niet direct de informatie vindt op de website. Dit konden we wel terugvinden op de website van de nederlandse treinmaatschappij:
Bron SN: http://www.ns.nl/
Analyse website nmbs
Pieter De Wachter, Jorick Vissers
1cmd
5. fouten : De fouten die opkomen worden niet verholpen door de NMBS zelf, ze melden niet wat er eventueel mis kan zijn. Dit kwam vooral voor bij het online kopen van internationale ritten: NMBS:
Verbetering: Volgens ons is het belangrijker om aan de bezoeker uit te leggen welke fouten er zijn gemaakt en hoe hij die evnetueel kan oplossen. Direct een oplossing geven voor het probleem. Hierbij nemen we terug een voorbeeld van de nerdelandse website:
Bron SN: http://www.ns.nl/
Als bijlage hebben wij een usability test afgelegd bij twee proefpersonen. Wij hebben nagedacht welke informatie vaak opgezocht werd op de website van de NMBS. Onze opdrachten hebben we hierop gebaseerd. We wouden wel eens zien hoe snel alledaags gebruikte informatie te vinden was op de website.
Analyse website nmbs
Pieter De Wachter, Jorick Vissers
1cmd
Usability NMBS: Proefpersoon1 De eerste proefpersoon was onze nederlandse kotgenoot Martijn. Vraag1) Zoek een trein van Genk naar Antwerpen die vertrekt om 18.00. Hij vond de velden waar je de steden van vertrek en aankomst moest invullen meteen. Maar dan verscheen er een tweede scherm waar je een bevestiging moest goedkeuren. Na lang zoeken had hij de knop “bevestig” gevonden, die leidde tot het overzicht van gezochte treinen. Voor hij de juiste knop gevonden had, had hij hier al meermaals over gekeken. Door de site grondiger te scannen bekwam hij de juiste pagina. Het duurde ongeveer 2 minuten. Vraag2) Hoeveel kost een ticket van Genk naar Antwerpen? De trein was snel gevonden (we hadden dezelfde tijd en datum genomen), de knop naar de pagina over tarieven was moeilijk vindbaar. Hij moest naar zijn zeggen ook veel te veel invullen voor hij de gezochte prijs te zien kreeg. Dit duurde ongeveer even lang als de eerste opzoeking, maar de ergernis bij de proefpersoon was duidelijk op te merken. Vraag3) Hoeveel kost de trein van Antwerpen naar Groningen (Nederland)? Hier ging hij meteen naar de button “internationaal”, waar hij alle informatie moest invullen. weekend: vertrek vrijdag om 18:00 en de zaterdag terug om 20:00 . Na lang wachten (1min.) kreeg hij te zien welke treinen er beschikbaar waren. Hier moest hij kiezen tussen verschillende treinuren en prijzen. Als je alles geselecteerd had, werd er onderaan de pagina de totaalprijs aangeduid. Welke prijs nu de juiste was was heel onduidelijk door de overvloed van getallen op deze pagina. Deze actie werd bevestigd, maar er verscheen een foutmelding. Na vijfmaal je gegevens te hebben gecontroleerd, werden er vijf pop up schermen geopend. Op enkele van deze pop-ups werd de prijs weergegeven, en op de anderen werden foutmeldingen weergegeven. Als je op “terug” klikte, verscheen deze melding: “aanvraag niet geslaagd.”. Wanneer men dit enkele malen opnieuw probeerde, verscheen de pagina met de treinuren nogmaals. Maar de prijzen van de ritten waren wel veranderd tov de eerste keer. Na een paar keer proberen hebben we toch besloten dat als je met de trein naar Nederland wil gaan, je naar de helpdesk moet bellen, of gewoon je ticket aankoopt in het station zelf.
Analyse website nmbs
Pieter De Wachter, Jorick Vissers
1cmd
Vraag4) Je wil een job vinden bij de NMBS. Hoe doe je dat? Waar staat dat? Kan je misschien een mail sturen met je cv in? Het eerste waar hij zocht was de navigatiebalk bovenaan, waar hij de knop jobaanbiedingen vond. Hier moest hij nog een onnuttige klik uitvoeren om tot bij de juiste pagina te komen. Deze zoektoch duurde ongeveer 1.5min. Vraag5) Wat zou je aanpassen aan de website? Algemeen: −
Sommige pagina's bezitten veel te felle kleuren.
−
Gebruik maken van een ander lettertype voor de “bevestig” knop, en geen gebruik maken van kapitalen.
−
Ander en groter lettertype gebruiken over heel de website.
−
De banner met de draaiende mensen bij de jobaanbiedingen stoordde en leed te hard af.
−
Het navigatie menu: −
De kleuren en afbeeldingen veranderen te hard als je over de verschillende knoppen beweegt.
−
Bij sommige knoppen verschijnt een dropdown menu waar er weer met een ander lettertype gewerkt wordt, namelijk het font windows 1.10, dat ook nog is veel te klein wordt weergegeven.
−
Hij vond bruidkruimels wel noodzakelijk in deze onoverzichtelijke website.
Analyse website nmbs
Pieter De Wachter, Jorick Vissers
1cmd
Usability NMBS: Proefpersoon 2 De tweede proefpersoon was gertjan, een andere kotgenoot van ons. Vraag1) Zoek een trein van Leuven naar Genk die vertrekt om 18.00. Hij had al meer gebruik gemaakt van deze website, hierdoor wist hij al waar de zoekfunctie voor deze opdracht te vinden was. Op de homepagina vulde hij dus de opgegeven zoektermen in in het kadertje van de dienstregelingen. Op de volgende pagina koos hij een trein waarbij je niet hoefde over te stappen, en kliktte hij op “bevestigen” onderaan de pagina. Deze opdracht volbracht hij in ongeveer 40 seconden. Vraag2) Hoeveel kost een ticket van Leuven naar Kortrijk? Hier merkte ik weer dat hij vertrouwd was met de website. Hij klikte op “reizen in België” op de homepagine, en koos dan onder tarieven “hoeveel kost je reis?”. Er verscheen een nieuwe pagina met een invulformulier op. Hier beging hij wel enkele foutjes waardoor hij meermaals opnieuw moest invullen. Maar volgens mij is dat te wijten aan het feit dat hij denkt dat hij een test aan het doen is, en hij alles zo vlug mogelijk probeert te doen. De foutjes die hij maaktte waren bijvoorbeeld: − leeftijd vergeten in te vullen − de bestemming fout schrijven Een foutje van de website zelf was dat de bestemming soms zonder rede verdween. Hier weer een vlot verloop en oplossing van de opdracht. Ongeveer 1 min 20 sec. Met een oplossing van een rit heen en terug voor 28 euro. Vraag3) Hoeveel kost de trein van Brussel naar Berlijn (Duitsland)? Hij begon op een foutieve manier, hij begon namelijk in het binnenlands verkeer te zoeken. Dit merktte hij zelf op en hij ging weer terug naar de homepagina. Zijn tweede poging was de trein op te zoeken via de dienstregeling op internationaal vlak. Zijn frustratie werd nog maar eens vergroot toen hij een foutmelding kreeg nadat hij het hele formulier ingevuld had. Hij was namelijk een veld vergeten, waar hij het station moest definieren. Hij kreeg dan eindelijk de juiste treinen te zien, maar de prijzen stonden hier nergens bij vermeld.
Analyse website nmbs
Pieter De Wachter, Jorick Vissers
1cmd
Hij keerde NOG EENS terug naar de homepagina, hier heeft hij toch wel wat tijd nodig gehad om te zoeken. Hij ontdektte dat de link naar “reizen in europa” een heel kleine link was die bovenaan rechts stond. Na het vinden, was er geen probleem meer. Vraag4) Je wil een job vinden bij de NMBS. Hoe doe je dat? Waar staat dat? Kan je misschien een mail sturen met je cv in? Met deze functie van de nmbs website had hij geen ervaring. Hij begon met alle knoppen in de hoofdnavigatie op de homepagina af te zoeken. Zo kon ik zien dat hij echt geen idee had waaronder dit zou kunnen staan. Dit wilt ook wat zeggen over de informatiearchitectuur van de website. Toen spotte hij de kleine links in de rechter bovenhoek. Deze ging hij ook bijna allemaal af. Onder de link “De NMBS groep” zag hij de afbeelding van de vrouw met de trein vrij snel. Deze afbeelding verwees naar de zoekpagina voor jobs. Het eerste waar hij dan naar keek, was meteen het juiste. In het kadertje links koos hij voor de optie “zoeken op diploma”. Geschatte tijd: 3 min of meer, dit zou dus sneller kunnen. Vraag5) Wat zou je aanpassen aan de website? −
De functie om internationale tarieven te bekijken ook onder de link tarieven plaatsen. Dit is namelijk veel te moeilijk om te vinden.
−
Ook hij had klachten over de navigatie, deze zou veel overzichtelijker en minder verwarrend zijn als deze statisch was.
−
Een derde opmerking vond ik wel een heel goede. Hij stelde voor om een zoekveld in de website te verwerken. Zo kan je veel sneller de informatie vinden waar ja naar op zoek bent.