Analyse website nmbs Pieter De Wachter, Jorick Vissers 1cmd. Usability test website NMBS Door Pieter De Wachter & Jorick Vissers



Vergelijkbare documenten
Usabilitytest. Gecontroleerde observatie

Webbel. Naam: Leni Goossens. Docent: Hans Kemp. Minor: UXD

2. Ontwerp (alleen gebruiken als uw website nog geen huisstijl heeft)

Functioneel ontwerp. Navigatie

Portfolio s in Google Sites


Inhoud van de website invoeren met de ContentPublisher

webarchitects Handleiding Shop2rent dream > explore > create > inspire Date: Modified:

Dennis Wagenaar v 1.0

Inhoud. Handleiding Dododent. Beste tandarts of praktijkmanager,

HANDLEIDING DOIT BEHEER SYSTEEM

Alexander Zeh Models & Processes september 2014 Oscar Trapman V1-06

Handleiding Mijneigenweb.nl

Redesign RTL XL Gemist

Grafisch ontwerp. Referenties.

Designdocument. Through the Mud. Nikai de Gans Erwin Heemsbergen Hai Feng Lin. Ruben Ririmasse Tamara van Wijk

Inleiding. 3.. Widget maken Widget publiceren. 8...Widget aanpassen. 9...Mini widget Banners

U kunt de helpbestanden op verschillende manieren openen. Standaard activeert u de helpbestanden via de toets F1.

Handleiding Factureren 7x24

Handleiding: Internet Bestel Applicatie Meco Online Shop

Gebruikershandleiding

Inleiding, Doel programma

Offective > CRM > Vragenlijst

Handleiding CMS-systeem website

Surf naar en klik op registratiesysteem en volg de link klik hier voor het registratiesysteem.

Handleiding: Gebruikersomgeving

Snel aan de slag met BasisOnline en InstapInternet

Handleiding wordpress

Tekstverwerking. Wat gaan we leren? Opdracht: Geavanceerde opmaak. Jen Kegels, Eveline De Wilde, Inge Platteaux, Tamara Van Marcke

Central Station. CS website

Handleiding Inkijk/Uitruil-website

196 CEWE *)zie einde les

Welke NAW-gegevens kunt u via de data export in de uitstroommonitor plaatsen?

2 Pagina s binnen TYPO3

ProwareGolf Cloud Ledenportaal Versie 2.4.5

----- Handleiding -----

Inrichting Systeem: Locaties & Toegang

Informatie Architectuur Het hele jaar Lowlands. Neslihan Igdeli Studentnummer: Klas: V1CMD5 Datum: 31 oktober 2011 Versienummer: 0,1

Handleiding Project OCMW Beerse.

Handleiding digitaal aanmelden bij de MO-zaak

Schoolwebsite.nu. Snel aan de slag met uw website. Versie 4.0

Handleiding. Support & Helpdesk

Hoe heb ik de opdracht uitgevoerd?

AAN DE SLAG. Datum: Versie: 0.2

De Liemers Helpt Partner Handleiding v1.1. De Liemers Helpt. Partner handleiding

Instructie. Apogee Portal 7

Online aanvragen - Gebruikershandleiding. Online aanvragen Gebruikershandleiding

References. Handleiding. Intelly B.V. Aan de slag (basis)

HANDLEIDING VOOR PLOEGLEIDERS

Ontwerp Portfoliowebsite MMIO 2016

THOMAS ONLINE TIPS & TRICKS

Create Your Locksystem

Na het inloggen met de gegevens die je hebt gekregen, verschijnt het overzichtsscherm zoals hieronder:

STARTEN MET WIX. A. Registratieprocedure voor een nieuwe gebruiker

QUESTI OPSTARTGIDS ALGEMENE INSTELLINGEN EN LVS

Handleiding online inschrijven Kinderopvang. Met i-school

Elektronisch werkbriefje

Gebruikershandleiding NMBRS document viewer

Toelichting release notes. 22 mei 2014

Handleiding Webshop.

Handleiding teksteditor

Handleiding installatie ORV-Online

5. Documenten Wat kan ik met Documenten? 1. Over LEVIY. 5.1 Documenten terugvinden Uitleg over vinden van documenten.

In deze handleiding wordt de werking van het extranet beschreven

Beïnvloedings-analyse

De online winkel is te bereiken via en via een link op de site

ActiveBuilder Handleiding

Gebruikershandleiding voor de persoonlijke verpakking.

Gemeente Haarlemmermeer. Leer zelf je nieuwsbrief maken in YMLP. Opgesteld door: drs. Mariska I.R. Franse Datum: 6 en 11 juni 2013

DESIGN DOCUMENT CRIA VSD

Afdrukken in Calc Module 7

Handleiding MOBICROSS actie banners

ProwareGolf Cloud Ledenportaal Versie 2.4.2

De Kleine WordPress Handleiding

HANDLEIDING. Emjee ICT diensten Ticketsysteem

Handleiding voor organisaties

Modulehandleiding VivianCMS. Zoeken

Econosto Webshop 2011 Documentatie

Florisoft Updaten. Waarom doe ik een update? Hoe doe ik een update? Hoe moet ik purgen? Is de update gelukt? Waarom doe ik een update?

JOBSITE Handleiding ( )

Weebly: Stappenplan voor docenten

Bewerk uw eigen Digibordbij boek

Tips & trucs banners maken voor je webshop

PhPlist Gebruikers Handleiding

Handleiding upc artbox

2. Je eerste Prezi Klik op new Prezi. Je komt op volgend scherm uit:

Fiona: Internet explorer versie

De Basis. Eduscope. Versie 1.0. Vrijdag 18 april Bergerweg KD Sittard

Handleiding voor de admin van vvstroe.nl

Mitchel Anneveldt V Ontwerpdocument Design pattens - NS - Mitchel Anneveldt V

Elektronisch werkbriefje

Handleiding. CROW Kennisbank. Contentmanagement

Inloggen op het ledenportaal

Handleiding Reseller Controle Paneel

FAQ MooiMaakService en NBD Biblion titels en covers inlezen

Handleiding myworkandme. Aanmelden met adres en wachtwoord

HANDLEIDING DMS. Handleiding DMS. Dit document is de handleiding voor het DMS (Document Management Systeem) op drie verschillende niveau s:

Interactie Ontwerp. Lieven Maes Fokke Baarssen Sjoerd Brinkers Martijn van Dueren den Hollander Frank Snijders

HANDLEIDING APPLICATIE FB BESTELAANVRAGEN

Transcriptie:

Usability test website NMBS Door Pieter De Wachter & Jorick Vissers

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.

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.

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.

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.

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:

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/

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.

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.

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.

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.

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.