Usability in 2012 Jamila Blokzijl Concept & Product Development
(2 teentjes knoflook)
(1 gele paprika)
Verantwoording. Mijn naam is Jamila Blokzijl en ik zit in de laatste fase van de opleiding Concept & Product Development, binnen de Academie Creatieve Technologie (ACT) aan Saxion Enschede. Bij de opstelling van het afstudeerplan werd al snel duidelijk dat ik wilde weten over nieuwe media en de gebruiker. “Welke struikelblokken de gebruiker tegen binnen nieuwe media en hoe gaat hij daarmee om?” was algemene vraag. De verdiepingen Usability en UX Design zouden mij kunnen helpen vraag te beantwoorden.
meer komt mijn deze
User experience (UX) design en Usability. Een manier om antwoord te krijgen op deze vraag is de basiskennis van Interaction Design ophalen en toepassen. Deze activiteit past het beste bij de verdieping UX Design. Bij het doornemen van de literatuur die voor deze verdieping gebruikt kon worden*, werd duidelijk dat dit slechts een fractie is van de beleving bij het gebruik en van de opzet van een website. Taken. Binnen de verdieping Usability is ruimte voor het benaderen van echte gebruikers en het analyseren van de website a.d.h.v. de manier waarop deze gebruikers de vooropgezette taken uitvoeren. Voor de gebruikerstest heb ik een aantal taken opgezet naar aanleiding van verbeterpunten die uit de heuristische evaluatie voortkwamen. Deze methode is opgezet door Jakob Nielsen en Rolf Molich in 1990, maar is nog steeds toe te passen. De regels binnen de heuristische evaluatie zijn te vinden op onderstaande link**. 24kitchen.nl De uitvoeringen zijn gedaan op de website 24kitchen.nl. Deze dient als naslagwerk voor de programma’s die worden uitgezonden op televisie. Er waren veel lachmomenten tijdens de gebruikerstesten, omdat het zeker geen website is met droge informatie. Ik merkte ook dat de gebruikers na de test een sterke mening hadden over de gebruiksvriendelijkheid. Kortom: het was een leuke, interessante periode! Veel plezier met lezen. * **
Boek: The elements of user experience - Jesse James Garett (ISBN 13: 9780321683687) YouTube: http://www.youtube.com/watch?v=hWc0Fd2AS3s
Heuristische evaluatie. De evaluatie van de website van 24kitchen.nl is gedaan aan de hand van de ‘Ten Usability Heuristics’ van Jakob Nielsen. 1. Zichtbaarheid van de systeemstatus. Het systeem zou de gebruiker altijd moeten informeren met wat het bezig is, door gepaste feedback te geven en dit binnen redelijke termijn. 2. Overeenstemming tussen het systeem en de echte wereld. Het systeem zou de taal van de gebruiker moeten spreken met woorden, zinnen en concepten die bekend zijn bij hem. Dit i.p.v. typisch computerjargon. Volg reële conventies en zorg ervoor dat informatie verschijnt in een natuurlijke en logische volgorde. 3. Gebruikerscontrole en vrijheid. Gebruikers starten dikwijls per vergissing bepaalde functionaliteit op en hebben hierdoor een duidelijk aangegeven ‘nooduitgang’ nodig zonder uitgebreide dialoog schermen. Ondersteun ‘ongedaan maken’ (undo) en ‘herhalen‘ (redo). 4. Consistentie en standaarden. Gebruikers mogen zich niet afvragen of verschillende hetzelfde willen zeggen. Volg de platform conventies.
woorden,
situaties
en
acties
5. Fouten preventie. Nog beter dan een goede foutboodschap is een goed ontwerp dat voorkomt dat problemen kunnen gebeuren. Ofwel elimineer je foutgevoelige condities, ofwel moet de gebruiker het kunnen nakijken en bevestigen of de actie mag plaats vinden. 6. Herkennen i.p.v. herinneren. Verminder de ballast op het geheugen van de gebruiker en zorg ervoor dat objecten, acties en opties zichtbaar zijn. De gebruiker zou geen informatie moeten herinneren die beschikbaar was in het ene scherm en weer nodig is in een later scherm. Instructies om het systeem te gebruiken zouden zichtbaar moeten zijn of eenvoudig op te vragen.
4
Heuristische evaluatie (vervolg). 7. Flexibiliteit en gebruiksgemak. Shortcuts moeten onzichtbaar zijn voor beginnende gebruikers, maar moeten wel beschikbaar zijn voor de experts. Op die manier kan het systeem beide groepen efficiënt bedienen. Gebruikers zouden frequente acties moeten kunnen aanpassen op hun maat. 8. Esthetica en minimalistisch ontwerp. Dialogen en schermen zouden geen informatie moeten bevatten welke irrelevant is of zelden wordt gebruikt. Al deze extra informatie gaat in competitie met de relevante informatie eenheden en verlaagt hierdoor hun relatieve zichtbaarheid. 9. Help gebruikers fouten herkennen, diagnosticeren en te herstellen. Foutboodschappen zouden moeten uitgedrukt worden in een gewone taal (zonder fout codes), precies aangeven wat het probleem is en constructief in een oplossing moeten voorzien. 10. Hulp en documentatie. Uiteraard is het beter dat een systeem gebruikt kan worden zonder documentatie, maar soms is het wel nodig om de gebruiker hiervan te voorzien. Deze informatie moet dan: - eenvoudig te onderzoeken zijn; - de focus leggen op de taken van de gebruiker; - lijstjes hebben met concrete stappen die uitgevoerd imoeten worden; - kort en bondig zijn. Gebruik van deze tien regels. De website www.24kitchen.nl heb ik eerst bekeken zonder de regels binnen de heuristische evaluatie te gebruiken. Ik heb eenvoudig opgeschreven wat mij opviel. Er zijn goede dingen genoteerd, maar ook genoeg punten van verbetering. Hierna heb ik er een invulschema bij gehouden, zodat alle punten onder een bepaalde regel gezet konden worden. Vanaf het volgende hoofdstuk zijn de resultaten te lezen.
5
(1 rode paprika)
1. Zichtbaarheid van de systeemstatus. Homepage. 1. Door de oranje contrastkleur zie ik meteen waar ik ben (‘Home’). 2. Kies ik een ander tabblad, dan verandert de tekst die daarin zit eerst van de kleur zwart naar oranje. 3. Courtesy navigation. Het systeem bevestigt dat ik bijvoorbeeld naar een programma wil door het te onderstrepen. Recepten. 4. Bij een gekozen recept kan ik de hoeveelheid of het aantal personen kiezen. Je zou denken dat de ingrediënten worden worden aangepast nadat je de eenheid hebt ingevoerd. Dit gebeurt niet. Alleen wanneer ik op een willekeurige plek met de muis klik, zie ik een laad cirkeltje en veranderen de benodigdheden voor het recept.
2. Overeenstemming tussen het systeem en de echte wereld. Homepage. 1. Snel recept van de dag: (toen) kasteelgebakjes. Het cirkeltje met een driehoekje erin maakt duidelijk dat ik een verwijzing krijg naar een filmpje.
2. Courtesy navigation. In dat blok is te zien op welke zender de programma’s te volgen zijn en via welke provider. Dit is te begrijpen, omdat er een televisieicoontje voor staat (afbeelding 2).
7
(1 ui)
2. Overeenstemming tussen het systeem en de echte wereld (vervolg). Recepten. 3. Sommige video’s kan ik alleen bekijken als ik ben ingelogd. Dit wordt op de pagina waar de video op staat bovenin aangegeven, gelijk met de bijbehorende links naar ‘Registreren’ of ‘Inloggen’. Klik ik toch op het videosymbooltje, dan verschijnt er een pop-up/inlogscherm. Zie ook regel 5 en 6.
4. Verschillende symbolen die staan voor bereidingstijd, hoeveelheid en moeilijkheidsgraad.
Chefs. 5. De mogelijkheid om door pagina’s te navigeren in een logische volgorde neergezet, in cijfers en pijltjes.
6. Het hartje staat voor ‘hier houd ik van’. In deze context zijn het mijn favoriete gerechten.
9
3. Gebruikerscontrole en vrijheid. Homepage. 1. ‘Home’ (navigatie) en logo 24Kitchen brengen mij naar de startpagina.
l
l Recepten. 2. Checkboxes bij uitgebreid zoeken. Maken het mogelijk mijn keuze weer te annuleren.
3. Pas het aantal personen of stuks aan. Als ik terug wil naar de standaard eenheid dan moet ik op de refreshbutton van mijn browser drukken, niet op iets binnen de website.
10
3. Gebruikerscontrole en vrijheid (vervolg). Programma’s. 4. Ga ik naar de pagina van een televisieprogramma van 24Kitchen, dan opent zich een nieuwe pagina die een andere achtergrond heeft dan de startpagina. Het logo van 24Kitchen linksboven begeleidt me in dit geval niet naar de startpagina.
j
Over ons. 5. Hierbij heb ik ontdekt dat alle opties in de lijst onder deze hoofdcategorie niet zichtbaar zijn op de pagina ‘Over ons’ zelf. Ik zou alleen de global navigation kunnen gebruiken om meer informatie te vinden onder die hoofdcategorie.
11
(0.5 tl zout)
4. Consistentie en standaarden. Homepage. 1. De tekst in een tabblad wordt groter zodra het bijbehorende beeld wordt getoond. Het blok van het tabblad wordt wit. Andere tabbladen lijken op de achtergrond te komen doordat ze een grijze/beige kleur krijgen.
Recepten.
2. Zoekbalk. In de drop-down list staan beperkte keuzes. Ik kan alleen zoeken op recepten of de dingen die onderaan de homepage staan. Zoeken op bijvoorbeeld programma kan niet via de zoekbalk, alleen via navigatie of de courtesy navigation onderaan de pagina.
13
(75 gram ongezouten cashewnoten)
4. Consistentie en standaarden (vervolg). 3. Sociale media symbolen: standaard (herkenning, consistent).
Recepten. 4. Filter by/sorteer op of 4 uur en 2 minuten ago. Nederlands en Engels door elkaar.
5. Als ik op ingrediënt zoek bij uitgebreid zoeken, dan krijg ik andere resultaten of de resultaten in een andere volgorde dan wanneer ik het ingrediënt intyp in de algeme zoekmachine van de website. 6. Bij ‘zoek ingrediënt’ zie ik een vaag “laad” symbooltje, niet volledig getoond.
15
(10 rode pepers)
5. Fouten preventie. Homepage. 1. Sta ik met de cursor op één van de veranderende beelden, dan verandert het desbetreffende beeld niet. Zo voorkom ik dat “de klok” blijft tikken en ik weer terug moet gaan naar dat beeld. Recepten. 2. Bij uitgebreid zoeken krijg ik geen bevestiging. Ik moet maar net weten dat de button ‘Zoeken’ achter het tekstveld/de zoekbalk ook geldt bij uitgebreid zoeken. Enter is ook voldoende.
k 3. Sommige video’s kan ik alleen bekijken als ik ben ingelogd. Dit wordt op de pagina waar de video op staat bovenin aangegeven (zie ook punt 2, regel 3). Klik ik toch nog een keer op de plek waar de video wordt afgespeeld, dan verschijnt er een pop-up/loginscherm. Zie ook regel 2 en 6.
17
(3 sjalotjes)
5. Fouten preventie (vervolg). Chefs. 4. Onderaan de biografie vind ik een link naar de recepten van de chef. Ik word doorverwezen naar de receptenzoekmachine. Ik kan nakijken bij uitgebreid zoeken of de chef automatisch is geselecteerd door het systeem. Inloggen. 5. Bij het registreren van een gebruiker wordt een aantal eisen gesteld aan de gebruikersnaam.
Over ons. 3. Bij zowel het registratie- als contactformulier staan er rode sterretjes naast de gevraagde gegevens. Nu weet ik wel dat die staan voor verplicht veld, maar dit staat er niet in eerste instantie.
19
(8 el ketjap)
6. Herkennen i.p.v. herinneren. Homepage. 1. Veranderende beelden zijn voorzien van tabbladen. Ik kan terug naar het vorige beeld, of fast forward naar het volgende beeld door op het tabblad met bijbehorende tekst te drukken. Recepten. 2. Informatie onder de global navigation laat zien waar ik vandaan kom (supplementary navigation).
f
3. Als ik een bepaald recept heb dan is het verstandig van tevoren Doe ik het laatste, dan word ik Ik ben mijn zoekresultaat dus kwijt
gevonden en ik wil de bijbehorende video bekijken, in te loggen in plaats van dan pas in te loggen. eerst doorverwezen naar de pagina ‘Mijn account’. en moet opnieuw beginnen. Zie ook regel 2 en 5.
Programma’s. 4. Klik ik op een programma, dan lijkt het net alsof ik op een andere website terecht ben gekomen. Opties bovenin zijn navigatiemogelijkheden om weer naar de oorspronkelijke website toe te gaan.
21
(150 gram shii-takes)
7. Flexibiliteit en gebruiksgemak. Homepage. 1. De gebruiker die de zender al kent of snel wilt zien welk programma er momenteel op televisie wordt uitgezonden leest recente info in het kort rechtsboven (‘Nu en Straks’).
2. Courtesy navigation (onderstaand voorbeeld): toont alle programma’s en chefs op een rijtje. ‘Over ons’ heeft een rijtje met dingen die niet via de global navigation zijn te vinden. Voor als ik net iets meer wilt weten of ik makkelijk meteen ergens wil zijn.
Recepten. 3. De mogelijkheden ‘Uitgebreid zoeken’ of ‘Klap in’. Programma’s. 4. Ik kan op de pagina van een programma nergens direct zien wanneer het op televisie wordt uitgezonden.
23
(1 el suiker)
8. Esthetica en minimalistisch ontwerp. Homepage. 1. De Twitterberichten van 24Kitchen staan rechts onderin. Ze zijn niet het belangrijkste, maar wel belangrijk genoeg om te laten zien dat de zender up-to-date is. 2. De opties onder een global navigation hoofdcategorie zijn pas zichtbaar wanneer ik er met de cursor langs ga. Recepten. 3. Omdat er veel informatie is te vinden op de receptenpagina, zie ik naast de hoofdcategorie geen pijltje naar beneden, met vervolgens een lijst met opties. TV-Gids. 4. In eerste instantie zie ik alleen de beschrijving van het programma dat op dat moment wordt uitgezonden op televisie. De beschrijving van de andere programma’s zijn wel tevoorschijn te halen als ik er op klik.
25
(1 paksoi)
9. Help gebruikers fouten te herkennen, diagnosticeren en te herstellen. Inloggen/Registreren. 1. Als ik nog niet ingelogd ben maar wel een recept wil toevoegen, dan word ik doorverwezen naar de inlogpagina. Ik krijg geen pop-up/loginscherm te zien. 2. Een kruis voorzien van een rode achtergrond is voor mij genoeg om te weten dat er iets is mis gegaan. De tekst die ernaast staat laat mij diagnosticeren wat er mis is gegaan. De volgende zin is een optie hoe ik deze fout kan herstellen. Een vinkje voorzien van een groene achtergrond maakt mij duidelijk dat wat ik gedaan heb goed is gegaan. Een beetje het stoplicht-idee.
Recepten. 3. Een zoekopdracht met willekeurige letters of tekens heeft als resultaat dat er een error staat met argumenten. Ik heb gelijk dezelfde opdracht uitgevoerd in de zoekmachine voor de hele website. Ik krijg andere argumenten te lezen!
Over ons. 4. Als ik gegevens niet invul en ik druk op ‘Bericht versturen’, dan zie ik weer een dik kruis met een overzicht van wat ik niet heb ingevuld. Om duidelijk te maken waar de ontbrekende gegevens ingevuld moet worden, zijn alle lege tekstvelden voorzien van een rode omlijning.
27
(8 el tomatenketchup en 1 klein tomaatje)
10. Hulp en documentatie. Homepage. 1. Courtesy navigation.
Registreren. 2. Een lijst met gegevens die vergeten en/of verkeerd ingevoerd zijn (afb. links).
FAQ’s. 3. Als ik er echt niet meer uit kom, is er nog altijd een pagina met Frequently Asked Questions (‘Veelgestelde vragen’, afb. boven rechts).
29
Voorbereiding gebruikerstest. Van heuristische evaluatie naar taken voor de testgebruikers. De eerste conclusie die ik kan trekken na de plaatsing van waarnemingen onder de regels van heuristische evaluatie, is dat de website over het algemeen logisch in elkaar is gezet. Er zijn meerdere wegen die naar Rome leiden (of in dit geval slagroom?). Een aantal zaken zou beter kunnen. Misschien zijn het pietluttige dingetjes, maar juist die kunnen grotere problemen veroorzaken. En zo heb ik deze eruit geplukt en geformuleerd tot drie taken voor de gebruiker, om te kijken of ook andere mensen achter deze problemen komen. Een ander doel van zo’n gebruikerstest is om te kijken of de informatie die zij voor handen krijgen van mij en op de website, wel in de juiste volgorde is geplaatst en of die überhaupt wel nodig zijn. Per gebruiker zal ik maximaal tien punten noteren die mij zijn opgevallen en toepasbaar zijn op mijn waarnemingen tijdens de heuristische evaluatie. Ook komen de uitzonderingen aan bod die de oplossing kunnen zijn op een Usabilityprobleem waar ik zelf nog niet achter ben gekomen. Ook noteer ik situaties waar ik mijn vraagtekens bij zet. Let op: Dit is slechts een analyse van de situatie. Benodigdheden voor een Usabilitytest. Voor deze verdieping was het mogelijk een portable Usability lab te gebruiken. Hierin zit een laptop met een softwareproduct dat de volgende dingen registreert: - Het hoofd en/of de vingers op het toetsenbord, met een high-res camera; - Audio, zodat de stemmen van de gebruiker en de persoon achter de schermen hoorbaar zijn; - Het programma maakt het mogelijk alle activiteiten op de website te registreren; - Nuances zoals neus snuiven, geknipper met de ogen en tandenknarsen kunnen handmatig op een tijdlijn geregistreerd worden met shortcuts. Ik heb op aanraden van Mandy (een klasgenoot) een trial van het programma Camtasia 2 gedownload. Camtasia 2 is een programma voor o.a. Mac OS X dat ook bovenstaande registreert, op het onderste punt na. Het gezicht van de gebruiker wordt in eerste instantie opgenomen met de ingebouwde webcam op bijvoorbeeld een MacBook Pro. Ook de audio kan worden opgenomen met de ingebouwde microfoon van de computer. Gebruikers vinden. Het bleek nogal een uitdaging te zijn om gebruikers te vinden, ook al was drie het minimum. Mensen vinden het eng, zijn bang iets verkeerd te doen (wat juist goed is in dit geval) en willen al helemaal niet gefilmd worden. De gebruikers hebben moeite met wat ze denken. Dat wat ze uitvoeren, zeggen ze. Maar waarom ze dat doen, is lastig voor hun om te vertellen.
30
Voorbereiding gebruikerstest (vervolg). Takenblad. Om de testgebruiker niet helemaal in het diepe te gooien, heb ik voor hen een takenblad klaargelegd met een aantal introductiegegevens. Deze hoeven ze niet te onthouden, maar geven aan dat ze tijdens de uitvoering van de taken weleens van pas zouden kunnen komen. Dit stond erin: 3 gebruikers en hun ervaringen. Algemene gegevens: Website: www.24kitchen.nl Inloggegevens: Gebruikersnaam: Testpersoon Wachtwoord: Usability Weinig ervaring: * Redelijk ervaren: ** Professioneel: *** Taak 1: Zoek het recept van de dag op. Gebruiker 1: Hoeveel teentjes knoflook heb je nodig als je voor 6 personen wilt koken? Gebruiker 2: Hoeveel gram suiker heb je nodig als je 3 stuks wilt bakken? Gebruiker 3: Hoeveel gram zwarte olijven heb je nodig als je voor 3 personen wilt koken? Taak 2: Rudolph van Veen heeft een heerlijk ‘verstopt fruittaartje’ gemaakt. Je wilt dit ook maken voor de verjaardag van een goede vriend. Je bent redelijk ervaren in het maken van taarten, maar wilt toch nog even de bereiding terug kijken. Taak 3: Je schoonmoeder kijkt mee en wil graag op televisie naar de programma’s van 24kitchen kijken. Ze heeft UPC. Naar welk kanaal moet zij zappen? Je schoonmoeder wil ook gelijk weten wanneer het programma ‘De Makkelijke Maaltijd’ op televisie wordt uitgezonden. (Evt.) Taak 4: Bewaar het lekkerste recept dat je hebt gevonden in je favorietenlijst en vind het recept terug op je persoonlijke pagina.
31
(8 el witte wijnazijn)
Toelichting taken 1 t/m 4. Taak 1: Zoek het recept van de dag op. Gebruiker 1: Hoeveel teentjes knoflook heb je nodig als je voor 6 personen wilt koken? Gebruiker 2: Hoeveel gram suiker heb je nodig als je 3 stuks wilt bakken? Gebruiker 3: Hoeveel gram zwarte olijven heb je nodig als je voor 3 personen wilt koken? Deze taak is bedoeld om de gebruiker even op te warmen. Omdat de gebruikers allemaal op een andere dag de website hebben getest, is er iedere keer een nieuwe subtaak gegeven. De subtaak heeft als doel te bekijken of de gebruikers zover komen dat zij het tekstveld vinden om de hoeveelheid aan te passen. En als dat gebeurt, hoe ze daar mee omgaan (Regel 1, waarneming 4). Taak 2: Rudolph van Veen heeft een heerlijk ‘verstopt fruittaartje’ gemaakt. Je wilt dit ook maken voor de verjaardag van een goede vriend. Je bent redelijk ervaren in het maken van taarten, maar wilt toch nog even de bereiding terug kijken. Gebruiken de gebruikers de uitgebreid zoeken-optie? Of vinden zij hun eigen weg naar het recept? Hoe doen zij dat? En wat gebeurt er als zij moeten inloggen om de video te bekijken? Bekijken ze eerst informatie die bovenaan de pagina staat (Regel 2, waarneming 3) zodat zij weer moeten zoeken naar het recept? Of drukken ze op de plek waar de video wordt afgespeeld, zodat er een pop-up/loginscherm verschijnt? (Zie ook regel 5, waarneming 3 en regel 6, waarneming 3) Taak 3: Je schoonmoeder kijkt mee en wil graag op televisie naar de programma’s van 24kitchen kijken. Ze heeft UPC. Naar welk kanaal moet zij zappen? Je schoonmoeder wil ook gelijk weten wanneer het programma ‘De Makkelijke Maaltijd’ op televisie wordt uitgezonden. De kanalen zijn op twee manieren te vinden: in het blok van de courtesy navigation onderin de pagina, of via de opties binnen de hoofdcategorie ‘Over ons’ (zie regel 2, waarneming 2 en regel 3, waarneming 5). Het programma heeft een eigen pagina. Komt het zover dat de gebruikers daar gaan kijken voor de tijden? Of vinden de gebruikers het op een andere manier? (Regel 3, waarneming 4 en regel 6, waarneming 4). Taak 4 (optioneel): Bewaar het lekkerste recept dat je hebt gevonden in je favorietenlijst en vind het recept terug op je persoonlijke pagina. Een leuke afsluiter en om te kijken wat er gebeurt met ‘Mijn account’, of ‘toevoegen aan favorieten’ snel te vinden is (regel 2, waarneming 6) en om evt. andere dingen te ontdekken.
33
(1 scheutje zonnebloemolie)
Gebruiker 1. Tien opvallende punten toepasbaar op heuristische evaluatie. De gebruiker: 1. zoekt het recept van de dag op via hoofdcategorie ‘Recepten’. 2. gaat zelf uitrekenen hoeveel teentjes knoflook nodig zijn als zij voor 6 personen wil koken. 3. vindt dat letterlijke termen (verstopt fruittaartje) op te zoeken moeten zijn. 4. drukt op de plek waar de video afgespeeld wordt en kijkt niet dus niet naar de voorwaarden bovenaan de pagina (eerst inloggen of registreren). 5. zoekt kanaal van UPC via hoofdcategorie ‘TV-Gids’. 6. denkt op de pagina van het programma de tijden via de hoofdcategorie ‘Info & Fun’ te vinden. 7. vindt het lastig om de weg terug te vinden van pagina programma naar homepage 24Kitchen. 8. ziet bij hoofdcategorie ‘Programma’s’ het desbetreffende programma en denkt de tijden te kunnen vinden bij ‘lees meer’. Ze wordt weer doorverwezen naar de pagina van het programma. 9. vindt de tijden van het programma eerst via het blokje ‘Nu en Straks’. Ze klikt erop en komt op de pagina die ook via ‘TV-Gids’ te vinden is. 10. kijkt direct onderaan de pagina om een mogelijkheid te vinden het recept op te slaan in haar favorietenlijst. Uitzonderingen die een oplossing kunnen zijn op een nog niet gevonden Usabilityprobleem. De gebruiker: 1. zoekt bij het vinden naar het recept van de dag via programma’s een datum. 2. vindt het kanaal van UPC onderaan de pagina en probeert erop te klikken. Er zit geen link aan verbonden. 3. zoekt naar essentiële informatie aan de rechterkant van de pagina. 4. probeert de taak te volbrengen door op de wisselende afbeeldingen te drukken. 5. is geneigd om door de hele lijst van recepten te kijken als ze haar eisen bij uitgebreid zoeken niet kan gebruiken voor haar gewenste recept. Het systeem vindt de eisen te specifiek. Vraagtekens. 1. Het overzicht van de programma’s waar de chef in zit wijzen niet door naar het programma zelf, maar de recepten. 2. Checkbox ‘Mijn voorkeuren’ bij uitgebreid zoeken naar recepten. Het slaat geen resultaten op. Later geprobeerd te zoeken met ingrediënten van mijn favorieten. Mijn favoriet staat niet als eerste in de zoekresultaten. waar dient het voor?
35
(400 gram kipfilet)
Gebruiker 2. Tien opvallende punten toepasbaar op heuristische evaluatie. De gebruiker: 1. zoekt het recept van de dag op via hoofdcategorie ‘Recepten’. 2. ziet dat het aantal stuks bij Informatie staat vooringesteld. Bij het aanpassen drukt de gebruiker op de Enter-knop. Er gebeurt niets, dus de gebruiker legt zich neer bij de ingrediënten die in de default setting staan. 3. denkt het verstopte fruittaartje te vinden via de pagina van het recept van de dag. Hij ziet Recept van: Rudolph van Veen onderin en hij ziet de categorieën die betrekking hebben op het recept van de dag, maar besluit voor geen van beide opties te kiezen. Hij ziet niet de zoekoptie bovenin. 4. kiest voor fruit bij de ingrediënten die te zien zijn op de homepage. 5. typt specifieke term (fruittaartje) in via algemene zoekmachine. 6. drukt op de plek waar de video afgespeeld wordt en kijkt niet dus niet naar de voorwaarden bovenaan de pagina (eerst inloggen of registreren). 7. zoekt kanaal van UPC via hoofdcategorie ‘TV-Gids’. 8. probeert de favorietenlijst te vinden onder global navigation. 9. ziet het hartje en de tekst die daarnaast staat als een bevestiging dat hij het recept toe kan voegen aan zijn favorietenlijst. 10. wordt afgeleid door een promotieblok, want hij ziet daar in staan: Favorieten opslaan, maar dit is slechts een tekst om de bezoeker te overtuigen van voordelen van lid zijn. Hij komt op zijn persoonlijke pagina als hij op het promotieblok klikt. Uitzonderingen die een oplossing kunnen zijn op een nog niet gevonden Usabilityprobleem. De gebruiker: 1. vindt het kanaal van UPC onderaan de pagina en probeert erop te klikken. Er zit geen link aan verbonden. Hij vindt ‘24’ voor aanbieders verwarrend 2. denkt doorverwezen te worden als hij op een programma in ‘TV-Gids’ drukt. 3. herkent het afspeelicoontje. Hij drukt daar niet op, maar wel op de tekst die daaronder staat. Zou hij die film willen vermijden? Vraagtekens. - Bij een recept staan onder de ingrediënten twee buttons: ‘Toevoegen aan boodschappenlijst’ en ‘Toon boodschappenlijst’. Waarom niet ‘Toon Favorietenlijst’ onder ‘Toevoegen aan favorietenlijst’? - Hij komt op zijn persoonlijke pagina als hij op het promotieblok klikt, specifiek het tabblad Bewerken.
37
(1 groene paprika)
Gebruiker 3. Tien opvallende punten toepasbaar op heuristische evaluatie. De gebruiker: 1. ziet het recept van de dag niet op de homepage, ook al scrollt ze erlangs. 2. zoekt het recept van de dag op via hoofdcategorie ‘Recepten’. 3. ziet niet direct dat 4 personen vooringesteld is en gaat eerst zelfuitrekenen hoeveel gram zwarte olijven zonder pit nodig is. 4. ontdekt toch het tekstveld, typt eenheid ‘3’ in en drukt op de Enter-knop. Er gebeurt niets. Haar eerste reactie is willekeurig ergens klikken. De ingrediënten veranderen. 5. zoekt naar het verstopte fruittaartje via de hoofdcategorie Chefs en belandt uiteindelijk toch bij de hoofdcategorie ‘Recepten’. 6. zoekt kanaal van UPC via hoofdcategorie ‘TV-Gids’. 7. besluit verder te zoeken via de global navigation en vindt de optie Zenders onder ‘Over ons’. 8. probeert de favorietenlijst te vinden onder global navigation. 9. vindt haar favorietenlijst op haar persoonlijke pagina onder tabblad ‘Weergeven’. 10. Uitzonderingen die een oplossing kunnen zijn op een nog niet gevonden Usabilityprobleem. De gebruiker: Vraagtekens. -
Gebruiker 1.
Gebruiker 2.
39
Gebruiker 3.
(Toetje?)
Conclusies en evt. oplossingen. Naar aanleiding van drie personen die de taken hebben uitgevoerd, is het lastig om bepaalde zaken uit te sluiten of definitief succesvol te noemen. Een aantal opvallende punten. Heuristische evaluatie. - De mogelijkheid om het aantal personen of stuks in te voeren, valt niet meteen op. En als het is ontdekt, moet je maar net weten dat je op een willekeurige plek moet klikken om de ingrediënten te laten veranderen. Bij ‘Veelgestelde vragen’ wordt er een korte uitleg gegeven, terwijl het toevoegen van een simpele button met ‘Bevestigen’ voldoende zou zijn om deze actie uit te laten voeren. De gebruiker heeft dan ook niet de neiging alles dan maar zelf uit te rekenen. - Het blok met ‘Eerst inloggen of Registreren’ om een recept als video te kunnen bekijken (zie regel 2, waarneming 3) valt niet op. Aan de ene kant maar goed ook, omdat je dan op een andere pagina komt en je je gevonden recept kwijt bent. - Iedere gebruiker zocht naar het kanaal van UPC via ‘TV-Gids’. Wellicht een optie om het overzicht dat eigenlijk bij Zenders onder de hoofdcategorie Over ons staat daar toe te voegen. - Kom je op de pagina van een programma, dan staat nergens weergegeven wanneer en hoe laat dat programma op televisie komt. - Het hartje is duidelijk een symbool voor favorieten. Iedere gebruiker heeft daardoor zo goed als direct ‘Toevoegen aan favorietenlijst’ kunnen vinden. - Het recept van de dag is nooit gevonden op de homepage. Het zou het besluit kunnen zijn om die daar te verwijderen. Er staat redelijk wat informatie op de homepage, dus dit zou het weer iets overzichtelijker maken. - De favorietenlijst is niet altijd meteen te vinden. Twee van de drie gebruikers gaan met de cursor langs de global navigation in de hoop het daar te vinden onder de opties. Mijn account zou niet misstaan in de global navigation. De opties binnen die persoonlijke pagina kunnen daaronder getoond worden, waaronder dus ook je favorieten. Uitzonderingen. - Bij te specifieke eisen in uitgebreid zoeken (Recepten) komen er geen resultaten. Een optie zou kunnen zijn de mogelijkheden binnen de dropdown lists ter plekke te updaten na een keuze (bijv. chef) zodat de gebruiker meteen kan zien welke opties zijn overgebleven. - In het courtesy navigation-blok onderaan de pagina staat een aantal zenders. Hierop kan niet geklikt worden. De meeste gebruikers wilden er wel iets mee doen. Het kan een bewust keuze zijn geweest vanwege bepaalde belangen, andere product objectives, etc.
41
Paprika wokschotel met kip en cashewnoten. Recept voor 4 personen. Duur: ongeveer 45 minuten. Bereiding. Snijd de kipfilet in reepjes. Pel en hak de knoflook. Meng voor de marinade de ketjap, ketchup, azijn, knoflook en 2 theelepels sambal. Meng de kip door de marinade en laat minimaal 15 minuten marineren. Snijd de steeltjes van de shii-takes en snijd de shii-takes in reepjes. Pel en snijd de ui in ringen. Verwijder de kapjes en zaadlijsten van de paprika’s en snijd de paprika’s en de paksoi in repen. Haal de kipfilet uit de marinade en bewaar de marinade. Verhit de olie in de wok en bak de kipfilet om en om bruin. Leg de kipfilet op een bord en houd het warm. Verhit een scheut olie in de wok en bak de shii-takes op hoog vuur circa 2 minuten. Voeg de ui en paprika toe en bak circa 5 minuten mee. Doe de kipfilet terug in de wok en voeg 2 eetlepels marinade en de paksoi toe. Bak circa 5 minuten mee en strooi er cashewnoten over. Sambal Snijd de rode pepers in stukken. Pel en snijd de sjalotten en knoflook in stukken. Halveer de tomaat, verwijder de zaadjes en snijd de tomaat in blokjes. Maal alle ingrediënten in de keukenmachine fijn. Verwarm de olie in een pan en fruit de sambal circa 5 minuten op middelhoog vuur. Vegetarisch: Nee De instructievideo is te vinden op www.24kitchen.nl (vergeet niet eerst te registreren). Eet smakelijk!
