Ontwikkel

Hoe prototype je voor een web applicatie?

Voorbereiding · Evaluatie · Evolutie

A. De voorbereiding

1. Ken de theorie. Weet waarom papieren prototypes effectief zijn. Lees Jakob Nielsen's uitstekende handleiding voor een Discount Usability Test.
2. Maak een print van een leeg browser scherm, in landscape. Vergroot die print tot A3 formaat, zodat er makkelijk een A4 pagina op past.
3. Maak voor elk scherm een papieren prototype. Elk scherm is een A4tje in landscape met plakbriefjes.
4. Verdeel de taken over 2 automatiseerders:
   1. De eerste heeft de rol van 'webserver', legt na elke klik een nieuwe bladzijde neer.
   2. De tweede heeft de rol van interviewer. Deze verzamelt al het commentaar van de gebruiker, zonder discussie.
5. Schrijf een aantal opdrachten (3 - 5) voor de proefpersoon.
   • Maak de opdrachten realistisch, een goede doorsnede van het dagelijkse werk. Gebruik het liefst high frequency functies, die 80% van het dagelijkse werk vormen.
   • Maak het de testpersoon makkelijk, zodat deze zich volledig op de user interface kan concentreren. Geef alle info die nodig is voor de opdrachten, inclusief voorbeeldwaarden. Bijvoorbeeld: Geef de medewerker J.H. Blok een vrije dag op dinsdag 4 december. Genereer een rooster voor januari 2002.

Voorbereiding · Evaluatie · Evolutie

B. Evaluatie

1. Vertel de proefpersoon het doel van de actie: het ontwerp testen. Vertel er nadrukkelijk bij dat het geen test is van proefpersoon zelf.
2. Moedig de testpersoon aan om hardop te denken, ongefilterd commentaar te geven op het ontwerp. Vraag expliciet om alle dingen te noemen die moeilijk zijn of vragen oproepen.
3. Laat de proefpersoon de opdrachten 1 voor 1 maken, het liefst in een vaste volgorde.

   De interviewer noteert al het commentaar, ongefilterd. De testpersoon krijgt daardoor het gevoel dat zijn commentaar belangrijk is. Het wordt immers niet voor niets opgeschreven. Dit is een stimulans om nog meer commentaar te geven.

4. Bedank de testpersoon voor zijn waardevolle commentaar en neem afscheid.

Binnen een minuut zijn ze echter volkomen vergeten dat ze op papier zitten te klikken. Ze klikken van pagina naar pagina en gaan klagen als de server niet snel genoeg een nieuwe bladzijde neerlegt. Kan het realistischer?

Voorbereiding · Evaluatie · Evolutie

C. Evolutie

1. Na afloop bespreken de twee automatiseerders het ontvangen commentaar.
2. Verbeter het ontwerp. Schuif met plakbriefjes om de schermindeling te veranderen. Vervang onduidelijke schermelementen door andere. Splits of combineer schermen.
3. Herhaal de sessie met andere proefpersonen. Als het goed is, zijn de eerdere problemen opgelost. Kleinere problemen komen boven, die in eerdere sessies nog overschaduwd waren door grotere problemen.

Tot de volgende week,
Henk Jan Nootenboom