Week 4: Derde prototype - jody29/oba-junior-chatbot Wiki

Week 4: Derde prototype

Weekly meetup met de coach

Maandag om 14.30 hebben we een korte meeting gehouden met onze coach. Hier hebben we ons tweede prototype laten zien en hebben we verteld dat we de volgende dag gaan testen bij een BSO. Er werd ons wel gevraagd wat we willen gaan testen en of we het wel gaan redden om de volgende dag een volledig testbaar prototype te hebben. We hebben aangegeven dat we vooral willen testen of een kind door middel van de chatbot een boek kan uitzoeken wat hij/zij leuk vindt. Dit vond onze coach een goed idee. Ook hebben we aangegeven dat we het waarschijnlijk wel gaan redden voor morgen. We zullen vooral deze dag even flink moeten doorwerken.

Prototype voor we gaan testen

Het is ons nog niet gelukt om iconen te kunnen maken. Wel hebben we een happy flow weten te maken die geheel werkt. We kunnen dus gewoon gaan testen of de interactie van de chatbot werkt en of kinderen het zullen begrijpen. MicrosoftTeams-image (2)

Gebruikers test 1 (14-06-2022)

Ik en Bas zijn ons prototype gaan testen bij een BSO. We hebben hier voor gekozen, omdat we dan sowieso kunnen testen met de exacte doelgroep.

Testplan

We hadden als doel om te kijken of de interactie binnen de chatbot duidelijk zou zijn en of kinderen het zouden gaan begrijpen. We hebben een aantal kinderen van 6 ons prototype laten testen op de laptop. We gaven de kinderen de opdracht om een boek uit te gaan zoeken wat hij/zij leuk vindt door middel van de chatbot. Aangezien we toestemming aan de ouders moesten vragen om de test op te nemen hebben we de taken verdeeld. Bas is gaan observeren en notities bij gaan houden en ik ben met de testpersoon gaan zitten en de test in de juiste richting geholpen.

Opdracht voor testpersonen

Zoek een boek over detectives die je zelf wilt gaan lezen.

Notities bij de test

persoon 1

  • klikte te snel door
  • kwam uiteindelijk wel bij een resultaat

persoon 2

  • komt zonder probleem bij een resultaat

persoon 3

  • klikte te snel door
  • heeft weinig geduld voor de chatbot
  • komt op resultaten pagina

persoon 4

  • klikte te snel door
  • laat de chatbot niet uitpraten
  • komt wel op resultaten pagina

persoon 5

  • komt wel op resultaten pagina

Vragen voor na de test

Vind je het aapje leuk of wil je liever iets anders?

  • ja
  • vindt honden leuker
  • ja
  • geeft na paar keer doorvragen aan te willen kiezen
  • ja

Kon je lezen wat er op de knopjes stond?

  • ja
  • ja
  • ja
  • ja
  • ja

Heb je kunnen vinden wat je leuk vindt?

  • nee
  • nee
  • nee
  • nee
  • nee

Conclusie

Uit de test is gebleken dat de kinderen de spraak niet nodig hebben op het moment dat je over de knop gaat met je muis. Dit zorgt er ook voor dat de spraak door elkaar gaat, omdat veel kinderen snel willen doorklikken. Ze kunnen namelijk al zelf lezen en begrijpen ook wat er van hun verwacht wordt bij de knoppen. Het karakter vinden ze leuk, maar ze zouden het ook wel leuk vinden als ze een ander karakter konden kiezen. Ze hebben alleen niet gevonden wat ze leuk vinden. Dit komt vooral omdat we nog niet alle keuzes hadden uitgewerkt. Dit ligt dus niet aan de chatbot maar meer aan hoe ver onze applicatie is uitgewerkt.

Vervolgstappen

  • spraak op hover eruit halen
  • zorgen dat de spraak gaat op moment dat het pas nodig is bij de chatbot
  • alle keuzes uitwerken

Prototype na de eerste test

Ik heb nu de spraak op hover weg gehaald en ervoor gezorgd dat de chatbot tegelijk praat met de tekst die in beeld komt. Ook hebben we nu meer iconen toegevoegd. Daarnaast hebben we ervoor gekozen om de achtergrond kleur wat aan te passen. We vonden de kleur blauw iets te overheersend voor de achtergrond en hebben deze kleur dus iets lichter gemaakt. Dit staat gelijk wat netter. Schermafbeelding 2022-06-14 om 18 08 27 Bas is aan de slag gegaan met de overzicht pagina. We willen alleen nog de boekenkast weghalen en achter een knop zetten. We vinden het nu namelijk nog iets te druk op de pagina. MicrosoftTeams-image (3) MicrosoftTeams-image (4)

Wekelijkse meeting OBA

Tijdens onze wekelijkse meeting bij de OBA hebben we ons prototype gepresenteerd aan de product owner. Die waren gelijk erg enthousiast over ons prototype en hebben eigenlijk bijna alleen maar goede feedback ontvangen. Hij was erg tevreden over de chatbot functionaliteit. We hebben met hem afgesproken dat we komende week zouden gaan werken aan de overview en detail pagina. Ook wilde hij dat als je op het aapje klikt dat er dan iets meer positiefs uit komt in plaats van het negatieve (auw!, he!, niet doen!). Wel werd er erg positief gereageerd op het feit dat je een soort kleine interactie hebt met het aapje. Uiteindelijk is er uit de meeting gekomen dat we ervoor kiezen om 'mijn boekenkast' pas toe te voegen op het moment dat we extra tijd over hebben. We hebben besloten om de overzichtspagina, detailpagina en de chatbot af te maken.

Code review (met Joost)

Tijdens de code review is vooral naar voren gekomen dat ik mijn code iets netter kan schrijven. Zo heb ik tips gekregen dat je met een spread operator een NodeList kan omzetten naar een Array.

const buttons = document.querySelectorAll('#buttons)
const buttonArr = [...buttons]

Door een NodeList om te zetten naar een Array zou ik de functies van een Array kunnen gebruiken. Verders kreeg ik de tip om mijn code meer modulair te maken. Ik moet er nu voor gaan zorgen dat mijn code netter eruit gaat zien. Ook moet ik consistent zijn in de taal die ik in mn code gebruik. Sommige variabelen zijn nu namelijk in het Nederlands terwijl ik verders eigenlijk alles in het Engels doe.

Design review (met Sanne)

Tijdens de design review met Sanne kreeg ik positief commentaar op het design. Alleen kreeg ik de tip om wat meer te doen met het aapje, gezien het voor kinderen is. Het aapje zou namelijk nog meer kunnen doen dan alleen auw of stop te zeggen op moment dat je op zn hoofd klikt. Hier moest ik naar gaan kijken als ik tijd over heb.

Prototype 3

Schermafbeelding 2022-06-20 om 19 26 56 Schermafbeelding 2022-06-20 om 19 27 27 Schermafbeelding 2022-06-20 om 19 30 30 Schermafbeelding 2022-06-20 om 19 31 33