Skip to content
This repository was archived by the owner on Jul 17, 2023. It is now read-only.

Testverslag week 1

joordy edited this page Apr 28, 2021 · 4 revisions

Test 8 April — 2021

Hoe ging de test

De test verliep redelijk soepel. We begonnen de test met een korte kennismaking met Roger, alle informatie rondom Roger is terug te vinden in mijn User Scenario. Tijdens de kennismaking hebben we voornamelijk de vragen uit het testplan voorgelegd. Roger heeft inmiddels al 10 jaar last van een netvliesprobleem, waardoor hij met zijn rechter oog nog 80% zicht had, en met zijn linker slechts 10%. Het type probleem waar Roger last van heeft heet macula degenaratie.

Sinds kort is Roger volledig arbeidsongeschikt binnen zijn werkveld. Eind maart heeft hij zijn functie als Adviseur Duurzame Energie bij de rijksoverheid naast zich neergelegd. Doordat zijn visuele beperking steeds groter wordt, is hij genoodzaakt om hier maatregelen mee te nemen.

Zo gebruikte hij tot kort geleden een zoom-technologie op zijn laptop, waardoor alles uitvergroot werd en hierdoor leesbaar was, in combinatie met zijn toetsenbord. Een screen-reader was nog niet bekend. Nadat hij in 2015 SuperNova ontdekte, heeft Roger dit met zijn werkbij de Rijks Overheid gebruikt, waardoor die zijn oude werk nog zo goed mogelijk kon uitvoeren.

Sinds kort bezit Roger een Apple iPhone 11, waarmee hij met de 'Voice-Over' functie volledige spraakbediening heeft op zijn telefoon. Zeker met zijn visuele beperking is het gebruik van geluid alleen maar belangrijker geworden.

Nadat we als groep informatie hebben verzameld, over de achtergrond van Roger, en hoe hij te werk gaat, zijn we aan de slag gegaan met het testen van verschillende opties. Zo hebben we twee data-visualisaties, 2 tabellen en 2 soorten menu's aan Roger voorgelegd, waarmee hij samen met zijn toetsenbord en screenreader kon bekijken welke voor hem duidelijk zijn te gebruiken.

Data visualisaties

Optie 1

Bij de bar-chart van Sergio, viel aller eerst op dat de visualisatie buiten het scherm is getreden. Hierdoor was het niet overzichtelijk om te bekijken, wat niet alleen vervelend is voor Roger, maar voor alle gebruikers. Hierdoor was het ook lastig om de knoppen te vinden, waardoor Roger in het begin de data niet goed kon bekijken.

Na wat aanwijzingen vanuit ons (de studenten), had Roger de knoppen gevonden, en kon hij de visualisaties bekijken.

Optie 2

Bij de tweede barchart, ditmaal van Jelmer, was het in 1 overzicht duidelijk voor Roger. Dit kwam mede door de donkere achtergrond kleur, en het hoge contrast van de bars. Hierdoor was het voor Roger direct duidelijk waar het om draait. Het enige minpunt waar hij iets op aan te merken waren de getallen op de X en Y-as. Dit was een vrij klein lettertype, waar Roger moeite mee kan hebben.

HTML Tabellen

Optie 1

De HTML tabel van Sam, werdt niet gelezen door de screen-reader. Als Roger hier zelf handmatig overheen ging met de computer muis, was het wel mogelijk om het door de screen-reader te laten voorlezen. Echter wilt Roger niet afhankelijk zijn van de muis, dus heeft dit niet zijn voorkeur.

Optie 2

De tweede tabel was van mij, hierbij was het idee dat Roger door de website heen tabt, en de informatie kan beluisteren per tabel-rij. Helaas werkte de tab-functie niet in zijn browser, waardoor het onmogelijk was om hier gebruik van te maken.

Menu

Optie 1

In het eerste menu moet je als gebruiker volledig doorheen tabben, voordat je bij het menu-item uit komt welke je wilt bezoeken. Je kan hier geen elementen overslaan, dus duurt het een tijdje voordat je bij het geschikte element kan zijn.

Optie 2

Het tweede menu was gebaseerd op basis van een button. Als je op een button element klikt, wordt er een lijst geopend. Roger gaf aan dat dit zijn voorkeur heeft, boven het eerdere menu, doordat dit voor hem fijner is om te gebruiken, en sneller doorheen te gaan is.


Wat ging er goed

Het testen met de barcharts ging redelijk goed. Vooral de chart van Jelmer was overzichtelijk, en gaf goed contrast. Hierdoor was meteen duidelijk wat we moeten gebruiken om het zichtbaar te houden voor Roger. Een donkere achtergrond helpt hier zeker aan mee.

Ook het menu met de buttons was goed te gebruiken. Het was te merken dat dit vele malen beter te gebruiken is voor Roger, dan het menu waar doorheen getabt moest worden.


Wat ging er minder goed

Het duurde even voordat het gelukt was om Roger zijn scherm te laten delen. We merkten aan elkaar dat we het super lastig vonden om Roger hier goed bij te ondersteunen, uiteindelijk was het gelukt, en konden we van start gaan met de test.

Verder was er voornamelijk een probleem met de HTML tabellen. De screen-reader van Roger gaat hier niet vanzelf doorheen, waardoor hij dit handmatig met zijn muis moet doen. Roger heeft aangegeven dit liever niet te willen, omdat hij hier niet afhankelijk van wilt zijn.

Ook was het niet mogelijk om in mijn tabel er met de tab-functie doorheen te gaan. Hierdoor was mijn functionaliteit niet bruikbaar. Het is goed om zo vroeg hier achter te komen, zodat ik snel kan schakelen wat betreft concept.


Opvallende inzichten

Vanuit deze eerste test zijn er verschillende dingen duidelijk voor mij. Onder meer de screen-reader die niet ieder HTML automatisch leest, is een probleem.

Wat ik met mijn eindproduct van plan ben, is onder meer om een betere toetsenbord navigatie te gebruiken, ook is een donker design, met hoge contrasten een goede toevoeging voor het ontwerp voor Roger.


Wat zijn mijn actiepunten?

Voor de volgende test, die op 15 april 2021 plaats vind, ben ik van plan om aan de slag te gaan met een beginnend ontwerp. Dit ontwerp moet gebaseerd zijn op geluid en toetsenbord navigatie.

Ik wil de gebruiker verschillende buttons laten indrukken, met behulp van toetsenbord navigatie. Hierop volgend is het de bedoeling dat de website informatie overdraagt aan Roger, op een rustiger tempo dan dat verschillende screenreaders doen. Hierdoor zal ik moeten werken met verschillende setTimeOut() functies, zodat er een goede interval in zit.

De screenreader van de gebruiker zal voornamelijk de buttons lezen, waardoor Roger weet dat hij hier iets mee moet gaan doen. Op deze manier is er een interactie tussen Roger en de website mogelijk.

Clone this wiki locally