1

Mark DijkemaJerry TrimpRemco van WilgenMT1A/MT1C04-04-2011

Interface Design

MT-STR01-

3MEMV

L(Maak Er Maar Wat Leuks Van)

2

InhoudVisie:.....................................................................................................................................................................3

Concept:................................................................................................................................................................3

Doelgroep:.............................................................................................................................................................4

Persona student:....................................................................................................................................................4

Persona docent:.....................................................................................................................................................4

Wireframes............................................................................................................................................................5

Testscenario 1:......................................................................................................................................................7

Doel van de test:................................................................................................................................................7

Wat wordt er getest:..........................................................................................................................................7

Hoe moet dit worden uitgevoerd:......................................................................................................................7

Testscenario 2:......................................................................................................................................................7

Doel van de test:................................................................................................................................................7

Wat wordt er getest:..........................................................................................................................................7

Hoe moet dit worden uitgevoerd:......................................................................................................................7

Test 1:....................................................................................................................................................................8

Scenario:............................................................................................................................................................8

Doel van de test:................................................................................................................................................8

Test 2:....................................................................................................................................................................8

Scenario:............................................................................................................................................................8

Doel van de test:................................................................................................................................................8

Feedback:..............................................................................................................................................................8

Test 1:....................................................................................................................................................................9

Scenario:............................................................................................................................................................9

Doel van de test:................................................................................................................................................9

Test 2:....................................................................................................................................................................9

Scenario:............................................................................................................................................................9

Doel van de test:................................................................................................................................................9

Feedback:..........................................................................................................................................................9

Blog.......................................................................................................................................................................9

3

Visie & Concept

Visie:Simpel, gemakkelijk & snel koffie uit de automaat.

Concept:Een Touch screen ter grootte van een i-pad, waardoor er verder geen “hardware-knoppen” meer op de automaat zitten. Je kunt via de automaat je, je koffie-favorieten op je schoolpas opslaan.Als je je schoolpas dan in de automaat doet, kun je kiezen uit je 5 favorieten soorten koffie.Je kunt ook meerdere kopjes koffie tegelijk bestellen. En je hebt de keuze uit meerdere betaalmogelijkheden (pinpas, chipknip, creditcard etc.).

4

Doelgroeponderzoek

Doelgroep:Studenten en medewerkers van de hogeschool Rotterdam locatie Pieter de Hoochweg, die koffie drinken. De leeftijd van de studenten ligt tussen de 18 en 25 jaar. De leeftijd van de docenten ligt tussen de 30 en de 50 jaar.

Persona student:Remco Dijkema19 jaarWoont in SpijkenisseHeeft geen vriendinStudeert aan de HROKomt met het OV naar schoolMoet eerst een bak koffie hebben gedronken voor hij echt wakker wordHaalt die koffie meestal 5 minuten voor aanvang van de eerste les die dag

Persona docent:Geert Zelle41 jaarWoont in BergschenhoekIs al 5 jaar getrouwd met Greet de VriesKomt met de auto naar schoolGeeft les aan 1e en 2e jaars studenten aan de HRO pieter de hoochwegWerkt daar pas 3 jaarDrinkt koffie

5

Wireframes

WireframesDit zijn de laatste wireframes die gemaakt zijn. De vorige wireframes zijn te vinden op ons blog. In deze wireframes zijn al delen van de feedback verwerkt die wij kregen tijdens de tests.

6

7

Testplan

Testscenario 1:

Doel van de test: Is de nieuwe interface duidelijk Zijn er overbodige elementen op het scherm? Zijn de teksten op het scherm duidelijk? Is de interactie zoals wat je er van verwachtte? (gebeurt er wat je verwachtte?)

Wat wordt er getest: Er moet 1 kopje koffie besteld worden, zonder melk of suiker en met koffie sterkte 3. Er wordt afgerekend met chipknip.

Hoe moet dit worden uitgevoerd:Als eerste raakt het testpersoon het icoon van de koffie aan.Vervolgens tikt hij/zij op het icoon om de koffie sterkte aan te kunnen passen.Hier tikt hij/zij op het derde vlakje van het opgekomen touchflow element.Vervolgens doet de testpersoon het zelfde met de melk en suiker om de juiste sterktes te regelen.Hierna tikt het testpersoon op de optie chipknip en tikt 'ja' om het betalen te accepteren.

Testscenario 2:

Doel van de test: Kijken of de “verwijder” knop naar behoren werkt en logisch is om te gebruiken Kijken of de “verminder je selectie met 1” knop naar behoren werkt en logisch is om te

gebruiken.

Wat wordt er getest: Er wordt een samengestelde combinatie besteld, namelijk 1 espresso en 2 cappucino. De espresso word verwijderd met de -1 knop. De cappucchino word met 1 verminderd. Er word betaald met de pinpas.

Hoe moet dit worden uitgevoerd:Eerst wordt er een kopje koffie geselecteerd.Omdat dit fout was, word de selectie verwijderd.Vervolgens wordt er 1 espresso selecteert en 2 cappucino's.Omdat 2 te veel is, word het aantal cappucino's verminder met 1.Vervolgens wordt er betaald met pinpas.

8

Testresultaten

Test 1:Testpersoon = Abby

Scenario:Er moet 1 kopje koffie besteld worden, zonder melk of suiker en met koffie sterkte 3, waarna er wordt afgerekend met de chipknip.

Doel van de test: Is de nieuwe interface duidelijk Zijn er overbodige elementen op het scherm? Zijn de teksten op het scherm duidelijk? Is de interactie zoals wat je er van verwachtte? (gebeurt er wat je verwachtte?)

Test 2:

Scenario:Er wordt een samengestelde combinatie besteld, namelijk 1 espresso en 2 cappuccino.Waarna de cappuccino wordt verwijderd. En dan wordt er betaald met de pinpas.

Doel van de test: Kijken of de “verwijder” knop naar behoren werkt en logisch is om te gebruiken Kijken of de “verminder je selectie met 1” knop naar behoren werkt en logisch is om te gebruiken.

Feedback:

Meerdere kopjes koffie bestellen was niet meteen duidelijk hoe dat moest.De -1 knop is niet duidelijk, de prullenbak wel.De afrekenknop is niet nodig, en er moet een scherm komen om aan te geven dat je je pas er in moet stoppen. Verder moet er na het betalen feedback komen vanuit de machine over het aantal kopjes koffie in de wachtrij.

9

Test 1:

Scenario:Er moet 1 kopje koffie besteld worden, zonder melk of suiker en met koffie sterkte 3, waarna er wordt afgerekend met de chipknip.

Doel van de test: Is de nieuwe interface duidelijk Zijn er overbodige elementen op het scherm? Zijn de teksten op het scherm duidelijk? Is de interactie zoals wat je er van verwachtte? (gebeurt er wat je verwachtte?)

Test 2:

Scenario:Er wordt een samengestelde combinatie besteld, namelijk 1 espresso en 2 cappuccino.Waarna de cappuccino wordt verwijderd. En dan wordt er betaald met de pinpas.

Doel van de test: Kijken of de “verwijder” knop naar behoren werkt en logisch is om te gebruiken Kijken of de “verminder je selectie met 1” knop naar behoren werkt en logisch is om te gebruiken.

Feedback:De hoeveelheid knop is niet meteen duidelijk.De -1 knop is niet duidelijk, net als de knop met de prullenbak.Het werd niet aangegeven als je klaar was met selecteren, zodat je weet dat je dan kan gaan betalen.Bevestiging van dat je wilt betalen met je pinpas is er nu niet.De 1X is niet duidelijk. Als je 1 koffie wilt met en 1 zonder suiker wat gebeurd er dan?Bevestiging van lezen kaart mist er nu. Voor ieder gekozen product de selectie rij weergeven.Hoeveelheid is nu niet duidelijk bij suiker en melk etc. eventueel met plaatje.De optie contant-geld mist nu. Wachtscherm na het betalen.Aangeven dat je de 1e koffie eruit moet halen voordat je je 2e bekertje krijgt.

BlogDe video-opnames van onze test, zijn te vinden op onze blog. De link naar dit precieze onderwerp is: http://humaninteractiondesign.wordpress.com/2011/04/01/test-videos-nieuwe-interface/

Hier zijn ook de wireframes te zien, die wij de afgelopen tijd allemaal gemaakt en verbeterd hebben