User test week 2 - ManoukK/web-design-1920 GitHub Wiki

Tweede user test met Larissa - bevindingen

Bevindingen uit mijn eigen test

Voordat we gingen testen had ik een opdracht bedacht zodat zij op een wat natuurlijkere manier de site kon testen. Ik wilde eigenlijk meerdere vragen bedenken maar had nog niet ontzettend veel verschillende content op de site staan dus hield ik het bij deze vraag: Je zou graag de planning willen weten voor deze vrijdag. Zoek dit op de website op. Dit ging heel goed. Ze had het al snel gevonden doordat ze gebruik maakte van de headers die ik had gemaakt. Elke dag van de week had ik in een geplaatst waardoor ze veel content kon skippen en snel bij vrijdag was. Dat vond ze heel fijn!

Ook vond ze het fijn dat alles in “losse stukjes” waren opgedeeld. Elke activiteit had zijn eigen p waardoor het geen lange lap tekst werd. Ze vertelde daarbij dat ze het lastig vind om informatie uit lange stukken tekst te halen dus dit is ook zeker iets wat ik aan ga houden.

Haar screen reader las vaak tussen p element “leeg” voor. Dat vond zij (en ik ook eigenlijk) wel irritant. Ik merkte dat andere daar ook last van hadden dus ik wil nog even onderzoeken wat ik daar tegen kan doen.

Als “nonsense” had ik ook hier en daar wat smileys toegevoegd zodat die op een leuke manier werden voorgelezen. Helaas werkte dat niet bij haar. De smileys werden gewoon genegeerd. Robert testse tussendoor even op zijn eigen windows en bij hem werden de smileys wel voorgelezen dus we vermoeden dat het ligt aan haar instellingen. Dit probleem vond ze zelf ook heel interessant dus dat wilde ze vandaag nog even uitzoeken waar het aan ligt. Als alternatief ga ik gebruik maken van img tags met daarin een duidelijke alt. De alt tekst wordt dan hoe de screen reader de smileys zou voorlezen.

Bevindingen bij tests van anderen

Ik kwam ook veel interessante dingen tegen toen zij ging testen bij anderen. Deze punten heb ik snel opgeschreven omdat ik daar ook iets mee wil doen. Ik ben alleen nu al (10 minuten na de test) vergeten bij wie deze punten voor kwamen.

Ze vertelde dat ze voor het navigeren veel gebruik maakt van de tab en de h-kopjes. Als ze dan bij een punt is waar ze meer over wilt weten dan pas gebruikt ze de pijltjes toetsen.

Bij Kyle herkende ze de kleuren. Dat was super gaaf om te merken en misschien ook heel leuk om daar wat mee te doen. Weer bij een andere test waardeerde ze het heel erg dat de website een zwarte achtergrond had omdat ze overgevoelig is voor licht. Zo vond ze het minder storend en prettiger.

Ze vind het prettig als teksten en kopjes beginnen met wat belangrijk is. Dus dat je in de weekplanning begint met vrijdag of dat je in een event planning begint met wedstrijd in blabla. Zo kan zij veel sneller kiezen of dit is wat zij zoekt en het anders negeren.

1 iemand had ook goed gebruik gemaakt van de focus op het scherm. Die was groot en opvallend. Dat vond zij ook heel erg fijn. Daar had ik nog niet echt over nagedacht want ik ging er vanuit dat ze zoiets niet kon zien. Dat was een foute aanname van mij!

Voor de jaarplanning gaf ze als tip dat ze het fijn vind als ze steeds meer kan inzoomen op detail. Dat je dus het hele jaar hebt met daarbinnen de maanden en daarbinnen de weken en dat je per week de dagen kan bekijken.

Iemand had voor de jaarplanning een hele slimme oplossing. Aan het begin werd er aangegeven welke dagen de vaste trainingsdagen waren en werd er gelijk achteraan gezegd of er ook nog afwijkende trainingsdagen waren. Dit vond ik echt heel slim en Larissa ook, dus wil ik dit ook toepassen op mijn eigen site.

Ze vertelde ook dat ze het prettig vindt als het zo min mogelijk bullshit in de tekst staat. Zo kort en bondig mogelijk als het maar duidelijk is. Een voorbeeld is dat als zij een vrije dag heeft dat je het zo neerzet: vrijdag 1 mei vrij in plaats van zo: vrijdag 1 mei de planning is leeg. Dit gaat weer een beetje in tegenstrijd met iets anders wat ze zei en dat is dat ze het ook wel weer prettig vind als het leuk wordt voorgelezen. Dit zei ze wel op een tekst die wat langer was met wat meer informatie.

Verder gaf ze aan dat ze niet al te veel persoonlijke dingen op de website hoeft te hebben. Het moeten geen lange teksten worden. daarnaast zei ze ook dat het op den duur misschien wel irritant kan worden. Daar had ik nog niet over nagedacht maar daar heeft ze wel gelijk in.

Ze vond het ook fijn dat ze iets te horen kreeg als ze op ctrl home drukte. Ik ben weer even vergeten wat dat deed en wil nog testen of dat bij mijn website ook het geval is dus daar wil ik ook nog even wat onderzoek voor doen.

Iemand had linkjes die doorverwijzen naar content op dezelfde pagina gebruikt en dat werkte voor Larissa aardig goed! Ik had ook overwogen om dit toe te passen maar ik dacht dat zo’n functie niet fijn zo zijn en dat ze daar in de war van zou raken dus heb ik het er maar uitgelaten. Misschien ga ik dit nog heroverwegen.

Iemand had in zijn website had zijn weken op deze manier beschreven: 1 mei tot en met 7 mei week 14. Larissa vond het heel fijn dat de week nummers erachter stonden omdat haar coach daar soms ook gebruik van maakt en zij weet uit haar hoofd echt niet welke week nummer het is (snap ik wel want wie onthoud dat nou :P ). Die week nummers vond ik ook wel handig om mee te nemen naar mijn eigen prototype.

Als laatste vertelde ze nog wat over de ns app. In de ns app zijn de knoppen over de hele breedte zodat ze niet te missen zijn. Dat is bij veel apps niet het geval en Larissa vind zulke lange knoppen echt super fijn. Ik had nog niet echt nagedacht over een mobiele versie maar deze tip neem ik zeker mee!

To do

  • De screen reader geen “leeg” meer laten lezen.
  • Img tags gebruiken voor smileys met goede alt teksten.
  • Keuze maken tussen felle kleuren of zwart wit.
  • Kopjes en teksten laten beginnen met wat het echt is bijvoorbeeld in de weekplanning vrijdag 1 mei in plaats van 1 mei.
  • Gebruik maken van focus en deze goed stijlen in css.
  • Structuur van de jaarplanning zo laten gaan: jaar - maand - week - dag.
  • In de jaarplanning aan het begin van de maand de standaard trainingsdagen aangeven (en afwijkende trainingsdagen) .
  • Teksten kort en bondig waar nodig.
  • Heroverwegen om link naar content op dezelfde pagina te gebruiken.
  • Met javascript “dynamische” persoonlijke content toepassen door verwisselende smileys en motiverende berichten.
  • Doet ctrl home iets op mijn website?
  • Weeknummers bij de weken zetten (als allerlaatste)
  • Knoppen voor op de mobiel over de hele breedte laten lopen.