Iteratie van test 3, laatste iteratie - ManoukK/web-design-1920 GitHub Wiki

Titels voor de dagen in de weekplanning

Allereerst heb ik de twee feedback punten van Larissa verwerkt. Zo heb ik bij de dagen in de week erbij gezet wat voor dag het is. Haar dagen bestaan vaak uit 2 dingen: trainen of wedstrijden. Heel af en toe heeft ze ook een reisdag, zo staat dat ook in haar rooster. Nu heb ik deze soort dagen ook toegevoegd in de titels zodat ze snel kan horen wat voor dag het wordt zonder dat ze alle tekst moet luisteren. Op deze manier krijgt ze snel een goede indruk van de week. Als ze niks op de planning heeft staan zal het er zo uitzien: dinsdag 28 april leeg. Het woord leeg omdat ik dit ook gebruik in de jaarplanning om aan te geven dat ze die dag niks heeft.

Schermafbeelding 2020-04-27 om 16 54 53 Schermafbeelding 2020-04-27 om 16 55 06

Dagen melden in de jaarplanning

Ook heb ik de dagen in de jaarplanning toegevoegd. Ik heb gekozen om dit als laatste in de zin neer te zetten omdat zij het wel fijn vond om eerst de datum te horen, zo vertelde ze in de test. Verder wist ze zelf niet zo goed waar ze het wel zou willen en ik heb besloten dit op het allerlaatst neer te zetten in de zin omdat de inhoud van de dag denk ik net wat belangrijker is dan welke dag het is. als ik het op deze manier had neergezet

28 april dinsdag leeg

moet ze eerst nog dinsdag helemaal afluisteren om er vervolgens achter te komen dat het leeg is. Op deze manier

28 april leeg, dinsdag

kan ze snel luisteren wat de dag inhoudt en als ze nog benieuwd is op welke dag dat is kan ze de zin afluisteren. Ik merkte tijdens het testen dat ze heel snel door alle content heen gaat en veel dingen niet afluistert omdat het niet is wat zij zoekt. Om haar snelheid erin te houden is dit denk ik de beste oplossing. Haar screen reader negeert tekens zoals komma’s. Ik heb dit er toch wel ingezet omdat het dan voor anderen, zoals haar coach, het wat overzichtelijker is om te lezen.

Screen reader meer laten leven

Ik wilde nog wat meer experimenteren met de screen reader en zijn emotieloosheid. Ik had eerste emoji's toegevoegd omdat de screen reader die zo leuk voor las. Vasilis bracht me op het idee om deze emoji's echt als emoties te laten tonen.

screen reader laten lachen

Eerst begon ik met het proberen om de screen reader te laten lachen want dat deed een van mijn emoji’s die ik gebruikte ook.

<p>hahaha</p>
<p>hehehe</p>
<p>hihihi</p>
<p>wahahaha</p>
<p>wahwahwaha</p>
<p>haiajhaiajhaiajhaia</p>
<p>ghiejghiejghieh</p>
<p>jeeijjeeijeeij</p>
<p>ghouwhahaha</p>
<p>yoehaiayoejhaiayoejhaiayoejhaia</p>
<p>ehyhihy ehyhihy ehyhihy ehyhihy ehyhihy</p> 
 
<p>gihiehiehieh</p>

Ik probeerde veel verschillende lach stylen te maken maar ik vond dat nog best moeilijk. Ik probeerde ook veel te spelen met klinkercombinaties en ik merkte dat de j en de h vaak er mooi tussen passen zonder dat het heel erg “robot” klinkt. De laatste vond ik het beste. Een giegel die ik wel schattig vond klinken, in hoeverre de screen reader dat schattig kan voorlezen.

Screen reader laten juichen

Om Larissa meer motivatie te geven voor haar trainingen leek het mij leuk om een stukje te maken alsof zij net over de finish lijn heen gaat en eerste is geworden. Hiervoor wilde ik de screen reader laten juichen. Dit was al helemaal moeilijk! Ik kwam erachter dat de screen reader geen lange uithalen kan maken zoals: aaaaaah! En in mijn hoofd dat ik wel een idee van hoe een stadion uit zijn dak gaat maar dat zijn zo veel mensen tegelijkertijd en ook dat was heel moeilijk na te bootsen. Ik probeerde toen een beetje te denken als een commentaar dat zou zeggen. Dat hij/zij helemaal uit zijn dak zou gaan.

<p>whoehoehoehoehoe</p>
<p>whaawhaawhaawhaa</p>
<p>whauhwhauhwhauhwhauw</p>
<p>whoooooheeheehee</p>
<p>woehaahaa woehaahaa en larissa wint goud!</p>
<p>hujee hujee hujee en larissa wint goud!</p>
<p>jahoewjahoew en larissa wint goud!</p>
<p>yahoeyahoe en larissa wint goud!</p> 

<p>whauhwhauhwhauhwhauw en larissa wint goud!</p>

Eerst probeerde ik veel verschillende combinaties en ook een aantal met een stukje tekst erachter. Uiteindelijk vond ik de laatste het positiefst klinken en dus het beste. Hier hoor je ook nog het woord wauw er in voorkomen en bij andere zoals de eerste klonk het bijna als boe en ik wilde Larissa niet uitboehen.

Meer “scènes” maken

Door dit experiment kwam ik op het idee meer van dit soort “scènes” te maken. Op de homepagina van de website onder haar dagplanning heb ik een stukje motivatie tekst voor haar zodat ze meer zin krijgt om te trainen. Het leek mij heel leuk om deze te vervangen. Omdat ik al wat had gespeelt met de screen reader kon ik nu wel wat makkelijker bepalen wat voor geluiden ik wilde hebben. Ook kwam ik erachter dat door de 3 puntjes de screen reader net even wat langer pauze houd dan normaal gesproken.

<p>peng pang pong pak pink pek</p>
<p>plieng bling tjieng</p>
 
<p>woohoohoo wat krijgen we nu? ooh jah jah jah Larissa staat nu eerste!</p>
<p>klaar voor de start... PANG.... af!</p>
<p>bling bling De gouden beker bling bling</p>
<p>woehoe! Je kan dit meid!</p>

Ik had op de website een gouden beker emoji geplaatst die Larissa heel leuk vond. Ik probeerde hier wat meer geluid aan te geven door te lijken alsof die beker glinstert. Net bedacht ik me dat Larissa misschien dit helemaal niet gaat begrijpen omdat dit een geluidseffect is die wordt gebruikt in cartoons met visuele sterretjes. Ik laat het er wel in want dit is een aanname en misschien vindt ze het wel heel leuk!

Screen reader laten denken

Op de website heb ik ook het peinzende gezicht emoji. Die wordt heel grappig voorgelezen maar toen bedacht ik me dat het leuk zou zijn als de screen reader daadwerkelijk denkt. Ondanks dat ik hier weinig code heb, heb ik er wel heel lang over nagedacht want de screen reader leest dit: “hmmm” niet voor als hoe je het zou zeggen maar al “em em em”. Dus het was best lastig met iets te komen wat wel werkt.

<p>mhohmhohmhoh</p>
<p>uhm uhm</p>
<p>huhmm</p>

De eerste was sowieso mislukt maar ik dacht misschien lukt zoiets wel. De tweede en derde klonken wel goed. De tweede was vrij kort waardoor het eigenlijk niet opviel. Dus toen ik probeerde zoiets langer te maken kwam ik uit op de derde. Deze klinkt best goed. Niet helemaal zoals ik verwachtte/wilde met lange uithalen.

Beatboxen

Ik wilde ook heel graag proberen om de screen reader te laten beatboxen alleen is dat helaas gefaald. Op internet las ik dat mensen dat wel konden maar daar was de taal engels en ik kon de taal voor 1 p element niet veranderen dus dat is wel jammer. Ik heb hier echt heel veel mee getest en gespeelt maar ook gewoon omdat het eigenlijk best leuk is!

<p>poffertjes cracketjes poffertjes cracketjes poffertjes cracketjes poffertjes cracketjes </p>
<p>puf kiet sgie schie scrie buf prirhprir kriehee buzz tis tsi oef </p>
 
<p>poef tsih poef tsih poef tsih</p>
<p>boefh tis... boefh tis... boefh tis...</p>
<p>puv tis... puv tis... boefh scruief boefh scrief boefh scrief krieheekrieheekriehee</p>
<p>puv kietschie... puv kietschie... boefh scru boefh scru boefh scru prirh prirphrirhprirh</p>

Toen ik begon moest ik eerst weten of de klassieke beatbox techniek poffertjes crackers ook werkte op de screen reader. Het werkt een beetje wel maar ook weer niet. Het klinkt wel cool vind ik.

Toen ben ik begonnen met geluidjes typen voordat ik een “liedje” kon maken. Dit was best moeilijk. Dit was vooral veel testen, afspelen en aanpassen. Toen ik wat basis dingetjes had die ik wel leuk vond klinken ben ik gaan spelen met liedjes. Super leuk maar lastig! Ik merkte dat geluiden anders klonken in een zin dan toen ik ze een voor een ging luisteren. Ik vond dat wel interessant dat de screen reader dat doet. Net zoals je aan de toon van de screen reader kan horen of het de laatste woord is in de zin.

Ik kan niet echt zeggen dat ik nu een heel mooi liedje heb gemaakt voor de screen reader maar het was heel heel grappig om te doen. En omdat ik zo bezig was met de uitspraak van de screen reader merkte ik dingen op die ik anders niet door had gehad.

De hoofdpagina ziet er nu zo uit met een giechel en random motivatie quote wat meer een soort scene is:

Schermafbeelding 2020-05-01 om 15 14 17

Emoji's

Omdat Larissa die emoji's toch wel heel leuk vond heb ik ze er wel in gelaten maar alleen bij de weekplanning. Voor elke soort dag (wedstrijd, training, reisdag of niks die dag) wil ik een ander soort emoji tonen in de titel. Dit zet ik helemaal als laatste en als ze die niet wilt horen kan ze het gewoon skippen. Ik vond dat ik de emoji's niet geheel kon bannen van de website. Ik vond ze bij Larissa passen en ze moest er om lachen toen ze die op de website tegen kwam.

Schermafbeelding 2020-05-01 om 15 15 45

⚠️ **GitHub.com Fallback** ⚠️