Iteratie van test 2 naar test 3 - ManoukK/web-design-1920 GitHub Wiki
Voor deze iteratie had ik mij vooral gefocust op de jaarplanning. Die was eerst nog niet helemaal af en volledig. Tijdens de vorige test sessie kreeg ik veel ideeën hoe ik de jaarplanning kon aanpakken. Larissa gaf toen aan iedereen ook veel tips en eigen inzichten.
Zo zag de jaarplanning eruit toen ik ging testen. Ik heb de jaarplanning niet getest bij Larissa, alleen de weekplanning. Mijn conclusies zijn dan ook gebaseerd op de feedback van Larissa over de weekplanning en over de planningen bij anderen.
Ze vond het fijn dat ik gebruik maakte van headers want zo kon ze makkelijk door alles heen tabben en luisteren waar ze moest zijn. De headers heb ik dan ook zo gelaten in mijn nieuwe versie.
1 groot verschil tussen mijn oude en nieuwe versie is hoe ik de weken en dagen heb opgedeelt. Bij de eerste versie liep ik al heel snel vast omdat haar trainingen niet altijd hetzelfde ritme hebben. Tijden en dagen kunnen verschillen waardoor het op deze manier snel rommelig wordt. Larissa vertelde dat ze het al snel moeilijk vind om veel informatie uit stukjes tekst te halen. Daarom had ik ervoor gekozen om elke maand in weken op te delen en per dag te omschrijven wat ze heeft. Als de hele week leeg is dan zet ik dat er ook bij.
In de oude versie van de planning schreef ik ook best lange zinnen. Ik schreef elke keer de dagen erbij wat daar logisch was. De dagen heb ik niet meegenomen in de nieuwe planning. Ik wilde het zo kort mogelijk houden zodat ze snel kan horen of dat de informatie is die ze zoekt. Tijdens het testen merkte ik dat ze super snel door alles heen ging zonder echt te horen wat er gezegd werd. Ze was dus best ongeduldig en dat snap ik ook wel. Dat is ook echt de reden dat ik de meeste teksten op de website heel kort heb geschreven.
Uiteindelijk heb ik er ook voor gekozen om binnen de pagina te linken naar maanden. Ik twijfelde nog of ik voor elke maand een nieuwe pagina moest maken maar in paar tests van anderen zag ik dat zij geen moeite had met linkjes binnen de pagina dus ik heb daar ook voor gekozen. Nog een reden waarom dit beter werkt dan losse pagina’s, is dat zij nu op deze manier heel makkelijk naar de volgende of vorige maand kan springen.
Ook heb ik de weeknummers bij de weken toegevoegd. Iemand had dat gedaan in zijn website en toen Larissa dat opmerkte vertelde ze dat ze dat heel handig vond want sommige coaches/trainers praten in weeknummers en die kan zij nooit onthouden.
Larissa haar screen reader las tussen de p elementen steeds “leeg” op. Ik hoop dat ik dat probleem nu heb opgelost door een lijstje te maken van elke dag in plaats van elke dag in een nieuwe p element te zetten.
Tijdens het testen deden mijn emojies in de code het bij Larissa niet. Ze werden niet voorgelezen. Ik wilde er toch gebruik van maken dus heb ik er plaatjes van gemaakt met een alt tekst. De alt tekst is hoe de emojies worden voorgelezen door de screen reader. Dit is before en after code:
<h1>Haai Larissa 😝</h1>
<h1>Haai Larissa <img class="icons" src="../web-design-1920/images/tongUit.png" alt="gezicht met uitgestoken tong en dicht geknepen ogen"> </h1>Ook heb ik nu styling toegevoegd. Ik heb een zwarte achtergrond gekozen met voor elke dag of maand een kleur uit de regenboog. De kleuren zijn iets donkerder omdat ze overgevoelig is voor licht. Ik wilde de website wel donker houden maar ook kleurrijk voor haar omdat ze wel kleuren kan onderscheiden. Ik koos voor regenboogkleuren omdat zij zelf altijd heel vrolijk is en regenbogen worden ook als positief en vrolijk gezien.
De knoppen heb ik heel groot gemaakt maar niet dat ze erg opvallen (tenzij je er met focus op staat). Deze keuze heb ik gemaakt omdat Larissa vertelde dat ze het heel prettig vond dat de ns app dat had op haar mobiel. Nu heb ik nog geen mobiele versie maar als ik die nog ga maken blijft het wel consistent.
Als je met de focus erop staat worden de teksten groter en de border is (denk ik) opvallend geel. Dit wil ik nog even testen. Het gaat er niet per se om dat zij het kan lezen maar dat zij ziet dat er iets gebeurd op het scherm.
