Evidence Based Design. CMD Amsterdam 2011/12 - Blok 4

Transcriptie

1 Evidence Based Design CMD Amsterdam 2011/12 - Blok 4 week2

2 onderzoek ontwerp realisatie implementatie

3 Evidence Based Design onderzoek ontwerp realisatie implementatie

4 ? ontwerp Ontwerpvraag Oplossing

5 Alternatieven bedenken de magie Keuzes maken En dan ook nog iteratief Ontwerp Prototype Test Evaluatie Nog niet Hoe doe je dat? Is het goed?? ontwerp Ja Ontwerpvraag Oplossing UCD, Marketing en zo... Persona s Scenario s Eisen en Wensen

6 Onderbuikgevoel

7 Onderbuikgevoel

8 Adaptation of model by Dan Saffer (Designing for Interaction) User-centered Art User-centered Craft I believe that interaction design is an art form that aims to produce artifacts that enrich the lives of those that use them. In order to do this we must focus on those that use the objects we produce and so user-centered design is the correct approach. USER-CENTERED User-centered Craft ART For me, interaction design is the craft of the 21st century and like any craft there are rules and techniques that must be passed on. At the heart of these techniques is the idea that the user must be central to our craft and is the basis of all our decisions. Genius-led Art I believe that interaction design is an art form that aims to produce artifacts that enrich the lives of those that use them. In order to do this we must focus on those that use the objects we produce and so user-centered design is the correct approach. GENIUS-LED Genius-led Craft CRAFT Interaction design is a craft, but like the crafts people of earlier times, we cannot rely on those who do not understand our work. Involving users does not work in reality. Interaction design requires practitioners with insight into the tools and techniques of the craft and who can use this to create artifacts that enhance the lives of others. Ervaring? Evolutie? Mr. Mulholland s (aka Charlie) view on things

9 Dit is EBD Usability experts Onderzoekende ontwerpers Hun werk is onderzoek doen en adviseren, meestal in de vorm van een rapport waarin meestal meer nadruk ligt op de gevonden problemen dan op ontwerpoplossingen, voor meestal toch minstens wel á euro. Hun werk is ontwerpen en als het nodig is doen ze ook af en toe een onderzoekje, dat zo min mogelijk tijd en geld kost, aan de hand waarvan ze verder ontwerpen.

10 Usability test Expert review 1. Verzamel enkele gebruikers. 2. Laat ze een paar taken uitvoeren. 3. Kijk wat ze doen. Een of meer experts bekijken een ontwerp a.d.h.v. hun ervaring of een set richtlijnen, patterns of heuristieken. - Usability lab test - Eyetracking - Think-Aloud test - Guerilla usability test - Remote usability test - Mobile usabilty test - Expert review - Usability heuristics - User Interface patterns - ios UI guidelines - Android UI guidelines - Card sorting - Icon matching test

11 Boekje Steve Krug, Rocket Surgery Made Easy, New Riders Press, 2009, ISBN (Engelstalig) Steve Krug, Rocket Surgery Made Easy, Uitgerij Thema, 2011, ISBN (Nederlandstalig)

12 Boekje Het is wat de titel zegt. Steve Krug, Rocket Surgery Made Easy, New Riders Press, 2009, ISBN (Engelstalig) Steve Krug, Rocket Surgery Made Easy, Uitgerij Thema, 2011, ISBN (Nederlandstalig)

13 Klein SO-tje 15 minuten.

14 Klein SO-tje Hoofstuk 1 You don t see any elephants around here do you? Vraag 1 Is de Steve Krug methode is een kwantitatieve of kwalitatieve methode?

15 Klein SO-tje Hoofdstuk 3 A morning a month, that s all we ask Vraag 3 Waarom stelt Steve Krug voor om één keer per maand één ochtend een testsessie te doen?

16 Klein SO-tje Hoofdstuk 3 A morning a month, that s all we ask Vraag 3 Waarom stelt Steve Krug voor om één keer per maand één ochtend een testsessie te doen? Beperkte tijd om organiseren en meekijken makkelijk te maken.

17 Klein SO-tje Hoofdstuk 3 A morning a month, that s all we ask In één sessie vind je meestal Vraag 3 Waarom stelt Steve Krug voor om één keer per maand één ochtend een testsessie te doen? genoeg werk voor een maand. Beperkte tijd om organiseren en meekijken makkelijk te maken.

18 Klein SO-tje Hoofdstuk 3 A morning a month, that s all we ask In één sessie vind je meestal Vraag 3 Waarom stelt Steve Krug voor om één keer per maand één ochtend een testsessie te doen? genoeg werk voor een maand. Een vast interval is goede druk op jezelf om te blijven en helder voor anderen. Beperkte tijd om organiseren en meekijken makkelijk te maken.

19 Klein SO-tje Hoofstuk 5 Recruit loosely and grade on a curve Vraag 5a Hoeveel proefpersonen heb je nodig? Vraag 5b Steve Krug stelt dat proefpersonen met domeinkennis wenselijk is, maar meestal ook weer niet echt nodig is. Wanneer is dat wel het geval? Vraag 5c Kun je proefpersonen bij een hertest nogmaals gebruiken?

20 Klein SO-tje Hoofstuk 5 Recruit loosely and grade on a curve Vraag 5a Hoeveel proefpersonen heb je nodig? 3 Vraag 5b Steve Krug stelt dat proefpersonen met domeinkennis wenselijk is, maar meestal ook weer niet echt nodig is. Wanneer is dat wel het geval? Vraag 5c Kun je proefpersonen bij een hertest nogmaals gebruiken?

21 Klein SO-tje Proefpersonen vinden is lastig en kost tijd. Begin op tijd. Hoofstuk 5 Recruit loosely and grade on a curve Vraag 5a Hoeveel proefpersonen heb je nodig? 3 Vraag 5b Steve Krug stelt dat proefpersonen met domeinkennis wenselijk is, maar meestal ook weer niet echt nodig is. Wanneer is dat wel het geval? Vraag 5c Kun je proefpersonen bij een hertest nogmaals gebruiken?

22 ?????????

23 Klein SO-tje Hoofstuk 5 Recruit loosely and grade on a curve Vraag 5a Hoeveel proefpersonen heb je nodig? Vraag 5b Proefpersonen vinden is lastig en kost tijd. Begin op tijd. Steve Krug stelt dat proefpersonen met domeinkennis wenselijk is, maar meestal ook weer niet echt nodig is. Wanneer is dat wel het geval? 3 Als je hele doelgroep de domeinkennis deelt en de kennis nodig is om taken effectief en efficiënt uit te voeren. Vraag 5c Kun je proefpersonen bij een hertest nogmaals gebruiken?

24 Klein SO-tje Hoofstuk 5 Recruit loosely and grade on a curve Vraag 5a Hoeveel proefpersonen heb je nodig? Vraag 5b Proefpersonen vinden is lastig en kost tijd. Begin op tijd. Steve Krug stelt dat proefpersonen met domeinkennis wenselijk is, maar meestal ook weer niet echt nodig is. Wanneer is dat wel het geval? 3 Als je hele doelgroep de domeinkennis deelt en de kennis nodig is om taken effectief en efficiënt uit te voeren. Vraag 5c Kun je proefpersonen bij een hertest nogmaals gebruiken? Nee, tenzij je leereffecten wilt testen (dan juist wel).

25 Klein SO-tje Hoofdstuk 6 Find some things for them to do Vraag 6a Je hebt een lijst met belangrijke taken opgesteld. Noem 3 criteria om te bepalen welke je gaat gebruiken in je test. Vraag 6b Hoeveel opdrachten geef je proefpersonen? Vraag 6c Waarom print je elke opdracht op een afzonderlijke pagina?

26 Wat test je? - Belangrijke onderdelen - Onderdelen waar je over twijfelt - Onderdelen die uit andere analyses problemen lijken te hebben - Als je meer alternatieven hebt

27 Wat test je? - Belangrijke onderdelen - Onderdelen waar je over twijfelt - Onderdelen die uit andere analyses problemen lijken te hebben - Als je meer alternatieven hebt Denk aan: IA / labels, navigatie / Zoeken (getting there), lay-out / prioriteit, interactie, content (tekst/beeld/film/geluid), leerbaarheid / herleerbaarheid, formulieren, specifieke functie, snelheid (beetje kwantitatief), plezier/fun (moeilijk), vormgeving (alleen functioneel)

28 Wat test je? - Belangrijke onderdelen - Onderdelen waar je over twijfelt - Onderdelen die uit andere analyses problemen lijken te hebben - Als je meer alternatieven hebt Denk aan: IA / labels, navigatie / Zoeken (getting there), lay-out / prioriteit, interactie, content (tekst/beeld/film/geluid), leerbaarheid / herleerbaarheid, formulieren, specifieke functie, snelheid (beetje kwantitatief), plezier/fun (moeilijk), vormgeving (alleen functioneel) Er moet wel wat te testen zijn. Ennuh... iets heel slechts testen is zonde van de tijd.

29 Klein SO-tje Hoofdstuk 6 Find some things for them to do Vraag 6a Je hebt een lijst met belangrijke taken gemaakt. Noem 3 criteria om te bepalen welke je gaat testen. Vraag 6b Hoeveel opdrachten geef je proefpersonen? Vraag 6c Waarom print je elke opdracht op een afzonderlijke pagina?

30 Klein SO-tje Hoofdstuk 6 Find some things for them to do Vraag 6a Je hebt een lijst met belangrijke taken gemaakt. Noem 3 criteria om te bepalen welke je gaat testen. Vraag 6b Hoeveel opdrachten geef je proefpersonen? Vraag 6c Waarom print je elke opdracht op een afzonderlijke pagina? - Streef natuurlijk gedraag na. - Zorg dat de eerste opdracht simpel is. - Je kunt ook altijd een site/app van een concurrent testen als extra vraag.

31 Klein SO-tje Hoofdstuk 6 Find some things for them to do Vraag 6a Je hebt een lijst met belangrijke taken gemaakt. Noem 3 criteria om te bepalen welke je gaat testen. Vraag 6b Hoeveel opdrachten geef je proefpersonen? Vraag 6c Waarom print je elke opdracht op een afzonderlijke pagina? - Streef natuurlijk gedraag na. - Zorg dat de eerste opdracht simpel is. - Je kunt ook altijd een site/app van een concurrent testen als extra vraag. Je print opdrachten uit omdat proefpersonen daar dan op kunnen terugvallen.

32 Klein SO-tje Hoofdstuk 6 Find some things for them to do Vraag 6a Je hebt een lijst met belangrijke taken gemaakt. Noem 3 criteria om te bepalen welke je gaat testen. Vraag 6b Hoeveel opdrachten geef je proefpersonen? Vraag 6c Waarom print je elke opdracht op een afzonderlijke pagina? - Streef natuurlijk gedraag na. - Zorg dat de eerste opdracht simpel is. - Je kunt ook altijd een site/app van een concurrent testen als extra vraag. Je print opdrachten uit omdat proefpersonen daar dan op kunnen terugvallen. Je print elke opdracht op een afzonderlijke pagina zodat je weet waar de proefpersonen mee bezig zijn.

33 Klein SO-tje Hoofdstuk 7 Some boring checklists Vraag 7a Waarom test je je test? Vraag 7b Noem drie dingen die je nog meer in de voorbereiding doet.

34 Klein SO-tje Hoofdstuk 7 Some boring checklists Vraag 7a Waarom test je je test? Je test de opdrachten en scenario s Vraag 7b Noem drie dingen die je nog meer in de voorbereiding doet.

35 Klein SO-tje Hoofdstuk 7 Some boring checklists Vraag 7a Waarom test je je test? Je test de opdrachten en scenario s Vraag 7b Je test de techniek Noem drie dingen die je nog meer in de voorbereiding doet.

36 Klein SO-tje Hoofdstuk 7 Some boring checklists Vraag 7a Waarom test je je test? Je test de opdrachten en scenario s Vraag 7b Je test de techniek Noem drie dingen die je nog meer in de voorbereiding doet. Pagina 57 en verder...

37 Klein SO-tje Hoofdstuk 8 Mind reading made easy Vraag 8a Hoe leg je bevindingen vast? Vraag 8b Over het algemeen geldt voor de testleider: neutraal en positief blijven en vooral ook ogen open en mond dicht tot de proefpersoon klaar is. Noem 3 voorbeelden wanneer je deze regel breekt. Vraag 8c Wat is think-aloud? En hoe stimuleer je think-aloud?

38 Klein SO-tje Hoofdstuk 8 Mind reading made easy Vraag 8a Hoe leg je bevindingen vast? Opnames maken. Ook voor later (bijv. tijdens presentaties). Schrijven. Vraag 8b Over het algemeen geldt voor de testleider: neutraal en positief blijven en vooral ook ogen open en mond dicht tot de proefpersoon klaar is. Noem 3 voorbeelden wanneer je deze regel breekt. Vraag 8c Wat is think-aloud? En hoe stimuleer je think-aloud?

39 Klein SO-tje Hoofdstuk 8 Mind reading made easy Vraag 8a Hoe leg je bevindingen vast? Opnames maken. Ook voor later (bijv. tijdens presentaties). Vraag 8b Over het algemeen geldt voor de testleider: neutraal en positief blijven en vooral ook ogen open en mond dicht tot de proefpersoon klaar is. Noem 3 voorbeelden wanneer je deze regel breekt. Vraag 8c Schrijven. Wat is think-aloud? En hoe stimuleer je think-aloud? - Doorvragen / Samenvatten. - Proefpersoon loopt echt vast. - Je leert niets nieuws meer. - Tough customers.

40 Klein SO-tje Hoofdstuk 8 Mind reading made easy Vraag 8a Hoe leg je bevindingen vast? Opnames maken. Ook voor later (bijv. tijdens presentaties). Vraag 8b Over het algemeen geldt voor de testleider: neutraal en positief blijven en vooral ook ogen open en mond dicht tot de proefpersoon klaar is. Noem 3 voorbeelden wanneer je deze regel breekt. Vraag 8c Schrijven. Wat is think-aloud? En hoe stimuleer je think-aloud? - Doorvragen / Samenvatten. - Proefpersoon loopt echt vast. - Je leert niets nieuws meer. - Tough customers. Probeer proefpersonen te laten praten (hardop nadenken) tijdens de test.

41 Klein SO-tje Hoofdstuk 9 Make it a spectator sport Vraag 9a Wie nodig je uit om mee te kijken? Vraag 9b Wat leggen observanten vast tijdens het testen? Vraag 9c Wat zijn de minimum eisen voor een usability lab?

42 Klein SO-tje Hoofdstuk 9 Make it a spectator sport Vraag 9a Wie nodig je uit om mee te kijken? Iedereen, vooral ook ontwikkelaars, vormgevers en managers. Vraag 9b Wat leggen observanten vast tijdens het testen? Vraag 9c Wat zijn de minimum eisen voor een usability lab?

43 Klein SO-tje Hoofdstuk 9 Make it a spectator sport Vraag 9a Wie nodig je uit om mee te kijken? Iedereen, vooral ook ontwikkelaars, vormgevers en managers. Vraag 9b Wat leggen observanten vast tijdens het testen? Vraag 9c Wat zijn de minimum eisen voor een usability lab? Verbeterpunten en sterke punten

44 Klein SO-tje Hoofdstuk 9 Make it a spectator sport Vraag 9a Wie nodig je uit om mee te kijken? Iedereen, vooral ook ontwikkelaars, vormgevers en managers. Vraag 9b Wat leggen observanten vast tijdens het testen? Vraag 9c Wat zijn de minimum eisen voor een usability lab? Verbeterpunten en sterke punten Minimaal een computer waarop je site/app draait, of zelfs papier. Maar liever i.i.g. mogelijkheid voor opname en meekijken.

45 Klein SO-tje Hoofdstuk 10 Debriefing 101 Vraag 10 In de debriefing heb je een lijstje met bevindingen/problemen opgesteld. Hoe selecteer je daaruit de belangrijkste problemen, om die op te gaan lossen?

46 Hoe selecteer je de belangrijkste problemen - Heeft een groot deel van de gebruikers er last van? - Is het een groot probleem voor de personen die het tegenkomen of is het slechts een klein ongemak? - Komen de gebruikers het frequent tegen? - Is het een onoverkomelijk probleem voor een bepaalde groep? - En dan natuurlijk low-hanging-fruit.

47 Klein SO-tje Hoofdstuk 11 The least you can do Vraag 11 Steve Krug adviseert When fixing problems, try to do the least you can do. Oftewel Tweak don t redesign. Waarom?

48 Start with a problem What s the simplest change you think might fix it? Try a different tweak Make the change NO YES Try the same tweak again only louder! Do you still think this tweak might work? NO Did it fix the problem? YES Make sure you haven t broken anything else You re done!

49 idioot heeft webmail en boom-online van boven naar rechts verplaatst? Dat was het enige nuttige. Direct terugzetten graag!!!!!

50 Gebruik mijn checklists en voorbeelden Steve Krug

51 Programma Oefenen (klassikaal) Week 1 (2 april): Werkgroep Week 3 (16 april): Werkgroep Toepassen op website (duo s) Week 4 (23 april): Opleveren en bespreken plan Week 6 (7 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Oefenen (klassikaal) Week 7 (14 mei): Werkgroep Toepassen op app (duo s) Week 8 (21 mei): Opleveren en bespreken plan Week 9 (29 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Presenteren (klassikaal) Week 10 (4 juni): Afronding (duo s) Elk duo presenteert haar highlights. en levert beknopt verslag (2x) in. Week 11 (11 juni): Feedback en beoordeling

52 Roosters en co. Gespreksrooster EBD blok 4 Voor week 4, 6, 8 en 9 Elke week dezelfde tijd Elke week in 06A uur uur uur uur uur uur uur Team A uur Team B uur Team C uur Team D uur Team E uur Team F uur Team G uur Team H uur uur uur uur uur uur nb. Week 9 (29 mei) op dinsdag in 05A11 Presentatierooster EBD blok 4 Week 10 Maandag 4 juni uur in 05A19 Feedbackrooster EBD blok 4 Week 11 Maandag 11 juni In 03B11a uur uur uur uur uur uur uur Team A uur Team B uur Team C uur Team D uur Team E uur Team F uur Team G uur Team H uur uur uur uur uur uur

53 Programma Oefenen (klassikaal) Week 1 (2 april): Werkgroep Week 3 (16 april): Werkgroep Toepassen op website (duo s) Week 4 (23 april): Opleveren en bespreken plan Week 6 (7 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Oefenen (klassikaal) Week 7 (14 mei): Werkgroep Toepassen op app (duo s) Week 8 (21 mei): Opleveren en bespreken plan Week 9 (29 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Presenteren (klassikaal) Week 10 (4 juni): Afronding (duo s) Elk duo presenteert haar highlights. en levert beknopt verslag (2x) in. Week 11 (11 juni): Feedback en beoordeling

54 Eindopdracht Je maakt in duo s een herontwerp voor een (eigen) websites en voor een (eigen) app. Als basis voor je herontwerpen denk je na over de belangrijkste doelen van de gebruikers. Je voert testjes met gebruikers uit en gebruikt guidelines ter inspiratie en om je herontwerp te onderbouwen.

55 ? ontwerpen ontwerpen ontwerpen ontwerpen ontwerpen Ontwerpvraag Oplossing UCD, Marketing en zo... Persona s Scenario s Eisen en Wensen

56 ? ontwerpen ontwerpen ontwerpen ontwerpen ontwerpen Ontwerpvraag Oplossing UCD, Marketing en zo... Persona s Scenario s Eisen en Wensen User interface problemen (of sterke aspecten)

57 verwijderen document publiceren instellingen sitemap bekijken statistieken bekijken document bewerken opmerkingen negeren map openen omhoog verplaatsen op facebook zetten uitloggen nieuw document

58 ? ontwerpen ontwerpen ontwerpen ontwerpen ontwerpen Ontwerpvraag Oplossing UCD, Marketing en zo... Persona s Scenario s Eisen en Wensen User interface problemen (of sterke aspecten)

59 Aanscherping van je analyse? ontwerpen ontwerpen ontwerpen ontwerpen ontwerpen Ontwerpvraag Oplossing UCD, Marketing en zo... Persona s Scenario s Eisen en Wensen User interface problemen (of sterke aspecten)

60

61 Aanscherping van je analyse? ontwerpen ontwerpen ontwerpen ontwerpen ontwerpen Ontwerpvraag Oplossing UCD, Marketing en zo... Persona s Scenario s Eisen en Wensen User interface problemen (of sterke aspecten)

62 Aanscherping van je analyse Basis voor acceptatie? ontwerpen ontwerpen ontwerpen ontwerpen ontwerpen Ontwerpvraag Oplossing UCD, Marketing en zo... Persona s Scenario s Eisen en Wensen User interface problemen (of sterke aspecten)

63

64 Aanscherping van je analyse Basis voor acceptatie? ontwerpen ontwerpen ontwerpen ontwerpen ontwerpen Ontwerpvraag Oplossing UCD, Marketing en zo... Persona s Scenario s Eisen en Wensen User interface problemen (of sterke aspecten)

65 Aanscherping van je analyse Basis voor acceptatie? ontwerpen ontwerpen ontwerpen ontwerpen ontwerpen Ontwerpvraag Oplossing UCD, Marketing en zo... Persona s Scenario s Eisen en Wensen Input voor ontwerp (bijv. Card sort) User interface problemen (of sterke aspecten)

66 Aanscherping van je analyse Basis voor acceptatie? ontwerpen ontwerpen ontwerpen ontwerpen ontwerpen Ontwerpvraag Oplossing UCD, Marketing en zo... Persona s Scenario s Eisen en Wensen Input voor ontwerp (bijv. Card sort) Je vindt problemen, geen oplossingen. User interface problemen (of sterke aspecten)

67 Eindopdracht Je maakt in duo s een herontwerp voor een (eigen) websites en voor een (eigen) app. Als basis voor je herontwerpen denk je na over de belangrijkste doelen van de gebruikers. Je voert testjes met gebruikers uit en gebruikt guidelines ter inspiratie en om je herontwerp te onderbouwen.

68 Vele testjes - Usability lab test - Eyetracking - Think-Aloud test - Guerilla usability test - Remote usability test - Mobile usability test - Expert review - Usability heuristics - User Interface patterns - ios UI guidelines - Android UI guidelines - A/B test - Google analytics - Card sorting - Icon matching test

69 Vele testjes - Usability lab test - Eyetracking - Think-Aloud test - Guerilla usability test - Remote usability test - Mobile usability test - Expert review - Usability heuristics - User Interface patterns - ios UI guidelines - Android UI guidelines - A/B test - Google analytics - Card sorting - Icon matching test

70 Usability test Expert review 1. Verzamel enkele gebruikers. 2. Laat ze een paar taken uitvoeren. 3. Kijk wat ze doen. Een of meer experts bekijken een ontwerp a.d.h.v. hun ervaring of een set richtlijnen, patterns of heuristieken.

71 Vele testjes - Usability lab test - Eyetracking - Think-Aloud test - Guerilla usability test - Remote usability test - Mobile usability test - Card sorting - Icon matching test - Expert review - Usability heuristics - User Interface patterns - ios UI guidelines - Android UI guidelines - MS Metro Guidelines - Mobile UI pattens - A/B test - Google analytics

72 Vele testjes 1e opdracht - Usability lab test of - Expert review - Eyetracking - Think-Aloud test - Guerilla usability test - Remote usability test - Mobile usability test - Card sorting - Icon matching test - Usability heuristics - User Interface patterns - ios UI guidelines - Android UI guidelines - MS Metro Guidelines - Mobile UI pattens - A/B test - Google analytics

73 Vele testjes 1e opdracht - Usability lab test of - Expert review - Eyetracking - Think-Aloud test - Guerilla usability test - Remote usability test - Mobile usability test - Card sorting - Icon matching test - Usability heuristics - User Interface patterns - ios UI guidelines - Android UI guidelines - MS Metro Guidelines - Mobile UI pattens en 2e opdracht - A/B test - Google analytics

74 Testplan Wat testen? Hoe testen? Voorbereiden Uitvoeren / Observeren Van bevindingen naar conclusies Verder ontwerpen

75 Testplan Wat testen? Hoe testen? Voorbereiden Uitvoeren / Observeren Van bevindingen naar conclusies Verder ontwerpen Vorige week geoefend

76 Wat testen? Belangrijke onderdelen Onderdelen waar je over twijfelt Als je meer alternatieven hebt

77 Wat testen? Belangrijke onderdelen Onderdelen waar je over twijfelt Als je meer alternatieven hebt IA / labels Navigatie / Zoeken (getting there) Lay-out / Prioriteit Interactie Content (tekst/beeld/film/geluid) Leerbaarheid / Herleerbaarheid Formulieren Specifieke functie Snelheid (beetje kwantitatief) Plezier/Fun (moeilijk) Vormgeving (alleen functioneel)

78 Wat testen? Belangrijke onderdelen Onderdelen waar je over twijfelt Als je meer alternatieven hebt IA / labels Navigatie / Zoeken (getting there) Lay-out / Prioriteit Interactie Content (tekst/beeld/film/geluid) Leerbaarheid / Herleerbaarheid Formulieren Specifieke functie Oh ja, test niet wat je al weet? Snelheid (beetje kwantitatief) Plezier/Fun (moeilijk) Vormgeving (alleen functioneel)

79

80 Testplan Wat testen? Hoe testen? Voorbereiden Uitvoeren / Observeren Van bevindingen naar conclusies Verder ontwerpen

81 Hoe testen?

82 Hoe testen? Lab test Guerilla test

83 Usability lab / Eyetracking

84 Usability lab / Eyetracking Tis beschikbaar Veel clues Status Fun-factor

85

86 1 e Seconde

87 2 e Seconde

88 3 e Seconde

89

90 1 e Seconde

91 2 e Seconde

92 3 e Seconde

93

94 1 e Seconde

95 2 e Seconde

96 3 e Seconde

97 Guerilla

98 Guerilla Binnen context Proefpersonen Geen lab nodig Snel

99 Guerilla Silverback App (30 day trial) of anders elke screenrecording software (bijvoorbeeld Quicktime of Camtasia). Binnen context Proefpersonen Geen lab nodig Snel

100 Hoe testen?

101 Hoe testen? Lab test Guerilla test

102 Testplan Wat testen? Hoe testen? Voorbereiden Uitvoeren / Observeren Van bevindingen naar conclusies Verder ontwerpen

103 Testplan Wat testen? Hoe testen? Voorbereiden Uitvoeren / Observeren - Welke opdrachten? - Welke proefpersonen? Van bevindingen naar conclusies Verder ontwerpen

104 Taken 1. Maak een lijst met de belangrijkste of meest voorkomende taken. 2. Selecteer de taken die passen bij je vragen. 3. Maak scenario s / één scenario van de taken.

105 Taken 1. Maak een lijst met de belangrijkste of meest voorkomende taken. 2. Selecteer de taken die passen bij je vragen. 3. Maak scenario s / één scenario van de taken. Hiervoor moet je de website, app... goed kennen.

106 Taak Scenario Case: Pathé mobiel Taak: Het kopen van kaartjes voor een film die binnenkort begint. Scenario: Je hebt met drie vrienden in de stad afgesproken om te gaan poolen. Het is echter erg druk in het pool-café, zodat jullie waarschijnlijk een uur moeten wachten op een tafel. Jullie vatten dan ook het plan op om dan maar naar een film te gaan, om daarna toch nog even te gaan poolen. Sinds kort heb je de app van Pathé op je splinternieuwe witte iphone 4S staan. Gebruik de app om kaartjes te kopen voor The Hunger Games bij een bioscoop in de buurt voor vandaag.

107 Taak Scenario Case: Pathé mobiel Taak: Het kopen van kaartjes voor een film die binnenkort begint. Scenario: Je hebt met drie vrienden in de stad afgesproken. Jullie willen naar de film gaan. Sinds kort heb je de app van Pathé op je mobiel staan. Gebruik de app om kaartjes te kopen. nb. wij betalen :-)

108 Opdrachten 1. Maak een lijst met de belangrijkste of meest voorkomende taken. 2. Selecteer de taken die passen bij je vragen. 3. Maak scenario s van de taken. Nb. - Probeer natuurlijk gedrag uit te lokken. - Maak - bij meer opdrachten - de eerste opdracht simpel. - Een scenario bevat een motivatie. Maar ook weer niet te uitgebreid. - Probeer meerdere opdrachten een logisch geheel te laten vormen (één scenario). - Geef geen hints in de opdrachten. gebruik wel de taal van je doelgroep.

109 Oefenen (20 minuten) Case: 1. Maak een lijst met de belangrijkste of meest voorkomende taken. Wat ga je testen?! 2. Maak scenario s of één scenario van de taken. Welke opdrachten ga je de proefpersonen laten uitvoeren?! - Probeer natuurlijk gedrag uit te lokken. - Maak - bij meer opdrachten - de eerste opdracht simpel. - Een scenario bevat een motivatie. Maar ook weer niet te uitgebreid. - Probeer meerdere opdrachten een logisch geheel te laten vormen (één scenario). - Geef geen hints in de opdrachten. gebruik wel de taal van je doelgroep. 3. Schrijf de scenario s/opdrachten leesbaar op een flipover.

110 Testplan Wat testen? Hoe testen? Voorbereiden Uitvoeren / Observeren Van bevindingen naar conclusies Verder ontwerpen

111 Testplan Afbakenen / Focus. Wat testen? Hoe testen? Voorbereiden Uitvoeren / Observeren Van bevindingen naar conclusies Verder ontwerpen

112 Testplan Afbakenen / Focus. Wat testen? Hoe testen? Voorbereiden Uitvoeren / Observeren Van bevindingen naar conclusies Verder ontwerpen Van de week zelf doen als test-test van je eigen onderzoek.

113 Hoe verder? Oefenen (klassikaal) Week 1 (2 april): Werkgroep Week 3 (16 april): Werkgroep Toepassen op website (duo s) Week 4 (23 april): Opleveren en bespreken plan Week 6 (7 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Oefenen (klassikaal) Week 7 (14 mei): Werkgroep Toepassen op app (duo s) Week 8 (21 mei): Opleveren en bespreken plan Week 9 (29 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Presenteren (klassikaal) Week 10 (4 juni): Afronding (duo s) Elk duo presenteert haar highlights. en levert beknopt verslag (2x) in. Week 11 (11 juni): Feedback en beoordeling

114 Hoe verder? Oefenen (klassikaal) Week 1 (2 april): Werkgroep Week 3 (16 april): Werkgroep Toepassen op website (duo s) Week 4 (23 april): Opleveren en bespreken plan Week 6 (7 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Uiteindelijke doel Oefenen (klassikaal) Week 7 (14 mei): Werkgroep Toepassen op app (duo s) Week 8 (21 mei): Opleveren en bespreken plan Week 9 (29 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Presenteren (klassikaal) Week 10 (4 juni): Afronding (duo s) Elk duo presenteert haar highlights. en levert beknopt verslag (2x) in. Week 11 (11 juni): Feedback en beoordeling

115 Hoe verder? Oefenen (klassikaal) Week 1 (2 april): Werkgroep Week 3 (16 april): Werkgroep Toepassen op website (duo s) Week 4 (23 april): Opleveren en bespreken plan Week 6 (7 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Uiteindelijke doel Oefenen (klassikaal) Week 7 (14 mei): Werkgroep Toepassen op app (duo s) Week 8 (21 mei): Opleveren en bespreken plan Week 9 (29 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Presenteren (klassikaal) Week 10 (4 juni): Afronding (duo s) Elk duo presenteert haar highlights. en levert beknopt verslag (2x) in. Week 11 (11 juni): Feedback en beoordeling Maar dan natuurlijk versie 1.0

116 Hoe verder? Oefenen (klassikaal) Week 1 (2 april): Werkgroep Week 3 (16 april): Werkgroep Toepassen op website (duo s) Week 4 (23 april): Opleveren en bespreken plan Week 6 (7 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Maar volgende week eerst een testplan Uiteindelijke doel Oefenen (klassikaal) Week 7 (14 mei): Werkgroep Toepassen op app (duo s) Week 8 (21 mei): Opleveren en bespreken plan Week 9 (29 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Presenteren (klassikaal) Week 10 (4 juni): Afronding (duo s) Elk duo presenteert haar highlights. en levert beknopt verslag (2x) in. Week 11 (11 juni): Feedback en beoordeling Maar dan natuurlijk versie 1.0

117 Hoe verder? Oefenen (klassikaal) Week 1 (2 april): Werkgroep Week 3 (16 april): Werkgroep Toepassen op website (duo s) Week 4 (23 april): Opleveren en bespreken plan Week 6 (7 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Maar volgende week eerst een testplan Uiteindelijke doel Oefenen (klassikaal) Week 7 (14 mei): Werkgroep Toepassen op app (duo s) En straks nog een keer Week 8 (21 mei): Opleveren en bespreken plan Week 9 (29 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Presenteren (klassikaal) Week 10 (4 juni): Afronding (duo s) Elk duo presenteert haar highlights. en levert beknopt verslag (2x) in. Week 11 (11 juni): Feedback en beoordeling Maar dan natuurlijk versie 1.0

118 Hoe verder? Oefenen (klassikaal) Week 1 (2 april): Werkgroep Week 3 (16 april): Werkgroep Toepassen op website (duo s) Week 4 (23 april): Opleveren en bespreken plan Week 6 (7 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Maar volgende week eerst een testplan Uiteindelijke doel Oefenen (klassikaal) Week 7 (14 mei): Werkgroep Toepassen op app (duo s) En straks nog een keer Week 8 (21 mei): Opleveren en bespreken plan Week 9 (29 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Presenteren (klassikaal) Week 10 (4 juni): Afronding (duo s) Elk duo presenteert haar highlights. en levert beknopt verslag (2x) in. Week 11 (11 juni): Feedback en beoordeling En dan weer Maar dan natuurlijk versie 1.0

119 Het herontwerp Korte inleiding/aanleiding Lijst met punten die je gaat aanpakken (hebt aangepakt). Het herontwerp Bijlages

120 Het herontwerp Korte inleiding/aanleiding - Leg uit waarom de site een herontwerp verdient (hier kun je de bevindingen uit je usability test voor gebruiken). - Met de URL en één of twee kenmerkende before screenshots. - Dit is dé inleiding van je verslag. Lijst met punten die je gaat aanpakken (hebt aangepakt) - Gebruik hier je bevindingen uit je usability test en eventuele andere analyses. - Visualiseer indien nodig. Het herontwerp - Zorg dat ik het snap (ook als je er zelf niet meer bij bent). - Licht (al) je ontwerpkeuzes toe (een belangrijk doel van dit vak). - Visualiseer indien nodig (dat is het bijna altijd). - Let op details, uitzonderingen, foutafhandeling, statussen. - Schets ook het geheel indien relevant (dat is het bijna altijd) met bijv. een schermverloopdiagram of sitemap. Bijlages

121 Het herontwerp Korte inleiding/aanleiding - Leg uit waarom de site een herontwerp verdient (hier kun je de bevindingen uit je usability test voor gebruiken). - Met de URL en één of twee kenmerkende before screenshots. - Dit is dé inleiding van je verslag. Lijst met punten die je gaat aanpakken (hebt aangepakt) - Gebruik hier je bevindingen uit je usability test en eventuele andere analyses. - Visualiseer indien nodig. Het herontwerp - Zorg dat ik het snap (ook als je er zelf niet meer bij bent). - Licht (al) je ontwerpkeuzes toe (een belangrijk doel van dit vak). - Visualiseer indien nodig (dat is het bijna altijd). - Let op details, uitzonderingen, foutafhandeling, statussen. - Schets ook het geheel indien relevant (dat is het bijna altijd) met bijv. een schermverloopdiagram of sitemap. Bijlages Hoe meer je herontwerpt (verandert), hoe meer je hebt te onderbouwen.

122 Hoe verder? Oefenen (klassikaal) Week 1 (2 april): Werkgroep Week 3 (16 april): Werkgroep Toepassen op website (duo s) Week 4 (23 april): Opleveren en bespreken plan Week 6 (7 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Maar volgende week eerst een testplan Uiteindelijke doel Oefenen (klassikaal) Week 7 (14 mei): Werkgroep Toepassen op app (duo s) En straks nog een keer Week 8 (21 mei): Opleveren en bespreken plan Week 9 (29 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Presenteren (klassikaal) Week 10 (4 juni): Afronding (duo s) Elk duo presenteert haar highlights. en levert beknopt verslag (2x) in. Week 11 (11 juni): Feedback en beoordeling En dan weer Maar dan natuurlijk versie 1.0

123 Het testplan Korte inleiding/aanleiding Korte omschrijving doelgroep en hoofddoel(en) van de site Testdoel(en) Test en opdrachten Wijzigingen na test van de test

124 Het testplan Korte inleiding/aanleiding - leg uit waarom de site een herontwerp verdient. - met de URL en één of twee kenmerkende before screenshots. - dit is dé inleiding van je testplan. Korte omschrijving doelgroep en hoofddoel(en) van de site - Vanuit het perspectief van de gebruiker(s) - Mini UCD/Research for Design. Wees specifiek. - Nodig bij het opstellen van je test en later om op terug te vallen bij het herontwerp. Testdoel(en) - Wat ga je testen (licht je keuze toe). Denk aan: - Belangrijke onderdelen; - Onderdelen waar je over twijfelt; - Onderdelen die uit andere analyses problemen lijken te hebben; - Als je meer alternatieven hebt. Test en opdrachten - Keuze voor Lab test of Guerilla test (licht je keuze toe). - Proefpersonen wie wat waar hoeveel (minimaal 3). - Taken -> Opdrachten/Scenario s (zie Rocket Surgery Made Easy ). - Zorg dat je testdoelen aan bod / langs komen in de opdrachten. Wijzigingen na test van de test - Wat is er na de proef van je test gewijzigd voor de echte test.

125

126

127

128 Keuze voor organisatieprincipe Tools oriented OS-sen: OSX Vista/7 iphone Symbian Task oriented Object oriented dingen doen Info oriented dingen bekijken, beluisteren, lezen...

129

130

131 Yce Dashboard

132 Yce Dashboard Nieuwe pagina s Actielijstjes

133

134 Yce Pagina

135 Yce Dashboard

136

137 Yce Sitemap

138 Yce Pagina

139 Yce Pagina

140 Yce Dashboard

141 Ylab ontwerpers voor interactie

142 direct inloggen Ylab ontwerpers voor interactie

143 Redacteur Ylab/Yce Ylab ontwerpers voor interactie

144 Ylab/Yce Redacteur DE SCHOP ONDER DE KONT Ylab ontwerpers voor interactie

145 Redacteur Ylab/Yce DE SCHOP ONDER DE KONT Ylab ontwerpers voor interactie

146 Het testplan Korte inleiding/aanleiding - leg uit waarom de site een herontwerp verdient. - met de URL en één of twee kenmerkende before screenshots. - dit is dé inleiding van je testplan. Heel belangrijk Korte omschrijving doelgroep en hoofddoel(en) van de site - Vanuit het perspectief van de gebruiker(s) - Mini UCD/Research for Design. Wees specifiek. - Nodig bij het opstellen van je test en later om op terug te vallen bij het herontwerp. Testdoel(en) - Wat ga je testen (licht je keuze toe). Denk aan: - Belangrijke onderdelen; - Onderdelen waar je over twijfelt; - Onderdelen die uit andere analyses problemen lijken te hebben; - Als je meer alternatieven hebt. Test en opdrachten - Keuze voor Lab test of Guerilla test (licht je keuze toe). - Proefpersonen wie wat waar hoeveel (minimaal 3). - Taken -> Opdrachten/Scenario s (zie Rocket Surgery Made Easy ). - Zorg dat je testdoelen aan bod / langs komen in de opdrachten. Wijzigingen na test van de test - Wat is er na de proef van je test gewijzigd voor de echte test.

147 Het herontwerp Korte inleiding/aanleiding Lijst met punten die je gaat aanpakken (hebt aangepakt). Het herontwerp Bijlages - Testplan - Uitwerkingen van bevindingen per proefpersoon (ongeveer 1 A4 per proefpersoon) - Conclusie van de test - Lijst met problemen die aangepakt gaan worden (licht je keuze toe) en dan ook nog verdeeld in show-stoppers (grotere problemen) en low-hanging-fruit (problemen die met een kleine inspanning zijn op te lossen). - Beschrijf ook de goede/sterke punten. - Procesverslagje (max 1/2 A4) - Korte omschrijving hoe het ging - Wat ging er goed - Wat was moeilijk - Wat zou je anders doen - - Gebruikte hardware en software (evt. problemen) - CD met de filmpjes (af te spelen op een Mac zonder dat speciale players nodig zijn).

148 Hoe verder? Op papier meenemen en inleveren Oefenen (klassikaal) Week 1 (2 april): Werkgroep Week 3 (16 april): Werkgroep Toepassen op website (duo s) Week 4 (23 april): Opleveren en bespreken plan Week 6 (7 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Oefenen (klassikaal) Week 7 (14 mei): Werkgroep Toepassen op app (duo s) Week 8 (21 mei): Opleveren en bespreken plan Week 9 (29 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Presenteren (klassikaal) Week 10 (4 juni): Afronding (duo s) Elk duo presenteert haar highlights. en levert beknopt verslag (2x) in. Week 11 (11 juni): Feedback en beoordeling

149 Hoe verder? Oefenen (klassikaal) Week 1 (2 april): Werkgroep Week 3 (16 april): Werkgroep Toepassen op website (duo s) Week 4 (23 april): Opleveren en bespreken plan Week 6 (7 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Op papier meenemen en inleveren Geen plan geen gesprek. Geen papier geen gesprek. Oefenen (klassikaal) Week 7 (14 mei): Werkgroep Toepassen op app (duo s) Week 8 (21 mei): Opleveren en bespreken plan Week 9 (29 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Presenteren (klassikaal) Week 10 (4 juni): Afronding (duo s) Elk duo presenteert haar highlights. en levert beknopt verslag (2x) in. Week 11 (11 juni): Feedback en beoordeling

150 Hoe verder? Oefenen (klassikaal) Week 1 (2 april): Werkgroep Week 3 (16 april): Werkgroep Toepassen op website (duo s) Correct NL Week 4 (23 april): Opleveren en bespreken plan Week 6 (7 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Op papier meenemen en inleveren Geen plan geen gesprek. Geen papier geen gesprek. Oefenen (klassikaal) Week 7 (14 mei): Werkgroep Toepassen op app (duo s) Week 8 (21 mei): Opleveren en bespreken plan Week 9 (29 mei): Voortgangsgesprek testresultaten en herontwerp 0.9 Presenteren (klassikaal) Week 10 (4 juni): Afronding (duo s) Elk duo presenteert haar highlights. en levert beknopt verslag (2x) in. Week 11 (11 juni): Feedback en beoordeling

151 Voor volgende week - Stel het testplan op (als duo). - Test je test en pas je plan aan. - Neem je plan op papier mee naar het gesprek. - Usability lab reserveren als je een lab test gaat doen (bij Anne Marleen Olthof kamer 04A12). - Test openen (hardware/software) als je een guerilla test gaat doen. - Start met proefpersonen zoeken. - Training Usability lab / Eyetracking - 23 april van tot uur. - Voor wie er behoefte aan heeft.

152 Lange termijn - keuze app - Zorg dat je de app goed kent (wellicht eigen werk). - Zorg dat de app niet te complex is. - Zorg dat er wat te testen/verbeteren is. Opleveren: - Werkgroep 3-14 mei - Één A4 (verzorgd, en met namen en zo...) - Naam van de app en platform waarop deze werkt - Één of twee kenmerkende screenshots - Onderbouwing van de keuze