Heuristic Evaluation Snowworld.nl. Door: Michael Nagelkerke & Katja Soulier Klas: CMD1A Datum:

Transcriptie

1 Heuristic Evaluation Snowworld.nl Door: Michael Nagelkerke & Katja Soulier Klas: CMD1A Datum:

2 Inhoudsopgave 1.a Analyse toepassing heuristieken Visibility of system status Match between system and the real world User control and freedom Consistency and standards Error prevention Recognition rather than recall Flexibility and efficiency of use Aesthetic and minimalist design Help users recognize, diagnose and recover from errors Help and documentation b Analyse navigatie Gebruikersgroepen Gezinnen Bedrijven Scholen en verenigingen Vriendengroepen Taken en informatiebehoefte Eindoordeel Quick wins Top

3 1.a Analyse toepassing heuristieken 1. Visibility of system status. Het systeem moet weergeven aan de gebruiker wat het doet. Het is voor de gebruiker niet duidelijk hoe hij op een bepaalde plek op de website is gekomen. In het side menu is wel aangegeven wat aangeklikt is maar in het hoofdmenu niet. Er is ook geen kruimel pad zichtbaar. 2. Match between system and the real world. Het systeem moet aansluiten bij de wereld van de gebruiker met woorden, concepten en iconen die de gebruiker kent en begrijpt. Ondanks het feit dat ik nog nooit op de website ben geweest of een taal heb ingesteld wordt ik in sommige browsers naar de Engelse website verwezen terwijl ik de website bezoek met een Nederlands IP adres. Internet Explorer Firefox 3

4 3. User control and freedom Geef de gebruiker de vrijheid en de controle over zijn acties. Tijdens de bestel fase van de tickets kan de gebruiker niet terug om zijn bestelling aan te passen als de gegevens nog niet volledig zijn ingevuld. 4. Consistency and standards Ben consistent in het ontwerp. Gebruikers moeten niet na hoeven te denken over waar ze wat moeten doen en of verschillende dingen hetzelfde betekenen of doen. Het logo staat in het midden van de website in plaats van links boven 4

5 Op sommige plekken staat het kruisje om een venster te sluiten onderaan en bij sommige bovenaan het venster. De standaard is het hoofdmenu bovenaan en submenu s links. Deze website heeft nog een derde menubalk onderaan de website. Deze is niet echt logisch en scrolt over de website heen wat vervelend is voor bezoekers met een kleinere schermresolutie. 5

6 Hyperlinks hebben niet overal dezelfde kleur. Onbezochte links hebben op sommige pagina s een gele en op andere pagina s een blauwe kleur. De inhoud van de rechterkolom is niet consistent en bevat soms hetzelfde en soms iets anders. 6

7 Er worden twee verschillende systemen gebruikt voor de verkoop van tickets en cadeaubonnen. Dit is verwarrend voor de gebruiker. Ticket verkoop: Cadeaubonnen verkoop: In de webshop voor cadeaubonnen is zowel rechtsboven als linksonder een icoon van een winkelwagen geplaatst. De winkelwagen linksonder is klikbaar en linkt door naar de inhoud van de winkelwagen. Echter winkelwagen rechtsboven is niet klikbaar, wat voor de gebruiker verwarrend is. 7

8 5. Error prevention Zorg ervoor dat je systeem zo werkt dat de kans dat de gebruiker fouten maakt zo klein mogelijk is. Om cadeaubonnen te kunnen kopen via de webshop dient de gebruiker een account aan te maken. Echter hierbij staat niet aangegeven welke onderdelen verplicht ingevuld dienen te worden. Om cadeaubonnen te kunnen kopen via de webshop dient de gebruiker een wachtwoord aan te maken. Hierbij staat niet aangegeven aan welke voorwaarden het wachtwoord moet voldoen. 6. Recognition rather than recall Maak dingen herkenbaar voor de gebruiker zodat ze snel kunnen zien wat er bedoeld wordt in plaats van dit te moeten onthouden. De homepage ziet er heel anders uit dan de rest van de website. Dit kan verwarring opwekken. 7. Flexibility and efficiency of use Zorg ervoor dat zowel ervaren als onervaren gebruikers optimaal gebruik kunnen maken van het systeem. Geef onervaren gebruikers een helpende hand en bied ervaren gebruikers de kans om een sneller traject te doorlopen. 8

9 Bezoekers kunnen de website niet naar eigen wens indelen. Het enige wat bezoekers kunnen aanpassen is de taal. Bij het bestellen van tickets is het niet mogelijk om een account aan te maken, zodat een volgende bestelling sneller en eenvoudiger zou kunnen worden geplaatst. De gebruiker moet nu bij elke bestelling zijn persoonlijke gegevens steeds opnieuw invoeren. 8. Aesthetic and minimalist design Zorg ervoor dat de vormgeving duidelijk en simpel is. Informatie die wordt weergegeven moet relevant zijn en niet afleiden van het doel van het systeem. De drukke achtergrondafbeelding maakt het lastiger om je te concentreren op de content van de website. 9

10 9. Help users recognize, diagnose and recover from errors Zorg ervoor dat de gebruiker als er iets mis is precies kan zien wat er aan de hand is en hoe het opgelost kan worden. Zorg ervoor dat het de gebruiker niet teveel moeite kost om de fout te herstellen. Als de gebruiker tijdens de bestelfase zijn bestelling aan wilt passen dient hij eerst zijn gegevens volledig in te vullen voordat hij of zij terug kan gaan om als nog de aanpassingen te maken. Dit wordt nog eens bemoeilijkt doordat niet aangegeven is welke velden verplicht zijn. 10. Help and documentation Zelfs al kan het systeem zonder verdere toelichting gebruikt worden is het beter om deze toch beschikbaar te stellen indien de gebruiker niet zeker is. Bij het bestellen van tickets dienen persoonsgegevens ingevoerd te worden. Hierbij staan wel sterretjes maar nergens staat aangegeven wat deze sterretjes betekenen. 10

11 1.b Analyse navigatie Tijdens het evalueren van de heuristieken zijn de volgende dingen ons opgevallen met betrekking tot de navigatie: Er is geen kruimel pad. Het is voor bezoekers dus niet duidelijk hoe ze op de pagina waar ze zich bevinden terecht zijn gekomen. De submenu s onder Informatie Skipistes en Hotel bevatten meer dan 8 items. Dit is voor de bezoeker wat veel. Daar komt bij dat dingen als Contact die in deze submenu s staan ook al in het hoofdmenu en footermenu benoemd worden. Het footermenu scrolt op alle pagina s behalve de home page over de website heen. Hierdoor kunnen bezoekers de website niet duidelijk zien, zeker niet met een kleinere schermresolutie. De combinatie hoofdmenu en footermenu op alle pagina s biedt de bezoeker 16 opties en daar komen dan ook nog de submenu s bij. Het is onduidelijk waarom een item in het hoofdmenu staat en een ander in het submenu. Bovendien staat Contact in beide menu s. De Home button zit in het footermenu linksonder terwijl men deze linksboven in het hoofdmenu zou verwachten. De bezoeker kan aan de kleur van een link niet zien of hij of zij een pagina al eerder bezocht heeft. De link houdt de zelfde gele kleur, ook als de pagina waar de link waar verwijst al bezocht is. Naar aanleiding van deze ondervindingen trekken wij de conclusie dat de navigatie op de website van Snowworld onoverzichtelijk is en voor verwarring kan zorgen bij de bezoeker. Dit kan er toe leiden dat de aandacht van de bezoeker naar te veel dingen tegelijk uit gaat en de bezoeker uiteindelijk niet de informatie vindt waar hij of zij voor kwam. Dit kan bijvoorbeeld betekenen dat de bezoeker niet tot de aankoop van tickets of cadeaubonnen over gaat. De bezoeker zal ook niet geneigd zijn om de website met regelmaat te bezoeken tenzij hij of zij hier een goede reden voor heeft. 11

12 2. Gebruikersgroepen Gezinnen Vader en moeder die samen met hun kinderen een uitje plannen bij Snowworld, vaak ter voorbereiding op de wintersportvakantie. Ouders die voor hun kinderen skilessen reserveren ter voorbereiding op de wintersport. Gezien het feit dat het niet goedkoop is zou je kunnen veronderstellen dat zij een bovengemiddeld inkomen hebben. En ook de beschikking hebben over een (familie)auto. De kinderen zullen tussen de 4 tot 14 jaar zijn. Bedrijven Personeelsuitjes, eventueel met gezin. Volwassenen met enkele kinderen, Dag vullend programma met diner. Teambuilding dag. Groep volwassenen die in teamverband activiteiten ondernemen met eventueel daarna een diner en borrel. Vergaderingen in het zalencomplex. Zakelijke bijeenkomst van een groep volwassenen met eventueel daarna een diner. Scholen en verenigingen Een groep jonge kinderen (minimaal 6 jaar) of tieners met een paar begeleiders. Minimaal 10 personen. Les voor de kinderen die nog nooit geskied hebben, daarna gezamenlijk vrij skiën. Vriendengroepen Een groep jongeren die samen een dagje gaan skiën. Dag vrij skiën met daarna eventueel après ski. Komen vaak met het openbaar vervoer naar Snowworld en hebben een beperkt budget. 12

13 3. Taken en informatiebehoefte Gebruikersgroep Taak Prio [1-5] Vriendengroepen Het kopen van een skipas 1 Gezinnen Het reserveren van een skiles 1 Gezinnen, Het kopen van een cadeaubon 1 vriendengroepen Bedrijven Het reserveren van een groepsarrangement 1 Algemeen Het stellen van een vraag via het contactformulier 2 Gezinnen, bedrijven Het boeken van een hotelkamer 2 Bedrijven Het reserveren van een zaal met apparatuur voor een 2 zakelijke bijeenkomst Algemeen Het aanmelden voor een nieuwsbrief 3 Algemeen Het bekijken van foto s en video s 3 Gezinnen, vriendengroepen Het inschrijven voor een wedstrijd 4 Gebruikersgroep Informatiebehoefte Prio [1-5] Vriendengroepen Hoe is Snowworld te bereiken met openbaar vervoer? 1 Bedrijven, scholen, Hoe is Snowworld te bereiken met eigen vervoer? 1 gezinnen Algemeen Wat zijn de openingstijden van de skibaan? 1 Algemeen Wat zijn de openingstijden van het restaurant? Kan ik er 2 ook een vegetarische maaltijd eten? Bedrijven Wat zijn de mogelijkheden voor een groepsarrangement? 2 Bedrijven, Wat zijn de tarieven voor groepen? 2 Scholen/vereningingen, Bedrijven Wat zijn de mogelijkheden voor het reserveren van een 2 zaal? Gezinnen, bedrijven Wat zijn de faciliteiten van het hotel? 2 Bedrijven Welke faciliteiten heeft een vergaderzaal? Zijn er 3 standaard beamers aanwezig? Vriendengroepen Wat zijn de openingstijden van de après ski en is er 2 toegang zonder eerst te skiën Algemeen Welke evenementen zijn er deze maand? 3 Gezinnen, Welke acties zijn er op dit moment? 3 vriendengroepen Algemeen Wie zijn de partners en sponsoren van Snowworld? 4 13

14 4. Eindoordeel Door het ontbreken van een kruimel pad en een verwarrende navigatie met veel keuze opties raakt de gebruiker makkelijk verdwaald op de website. Omdat de home button niet linksboven zit waar men hem zou verwachten krijgt de bezoeker ook niet echt een makkelijke weg terug aangeboden. De gebruiker kan nog verder in verwarring raken doordat de cadeaubonnen, tickets groepsarrangementen en skilessen met verschillende systemen besteld of gereserveerd dienen te worden. Het zou voor de gebruiker veel makkelijker zijn als hij of zij met 1 account alles kan bestellen in plaats van zijn of haar gegevens telkens opnieuw invullen. Tenslotte komt de website rommelig over en is overal wel iets te zien wat erg afleidend is voor de gebruiker. Dit komt onder andere doordat er in de rechter kolom soms het zelfde en soms iets anders is te zien. De drukke achtergrond voegt toe aan de rommelige indruk die de gebruiker krijgt en de home pagina is erg verschillend van de rest. Er zijn een aantal dingen die gedaan kunnen worden om hier iets aan te doen, die zullen we in de volgende twee paragrafen behandelen. Quick wins Oplossingen die snel en direct doorgevoerd kunnen worden om het bezoek aan de website voor de gebruiker overzichtelijker en prettiger te maken. Alle links dezelfde kleur geven. De website in het Nederlands openen voor Nederlandse bezoekers. Op de homepagina dezelfde achtergrond gebruiken als op de andere pagina s. Belangrijke velden aanduiden in bestel en contact forumlieren. De kruisjes om pop up boxen te sluiten overal rechts bovenaan zetten. De contact button verwijderen uit het footer menu. Top 3 Oplossingen die voor de gebruiker een groot verschil zullen maken maar wat meer moeite en tijd kosten om door te voeren. 1. De menustructuur opnieuw indelen met toevoeging van een kruimel pad en eventueel gebruik makend van closing tabs. 2. De Cadeaubonnen, tickets en skilessen via hetzelfde verkoopsysteem aanbieden zodat de gebruiker maar 1 keer zijn of haar gegevens in hoeft te voeren. 3. Groepsarrangementen toevoegen aan het verkoopsysteem. 14