UiL-OTS-labs / ppn-backend

Backend application for the adult participant administration system
https://experimenten-admin.lab.hum.uu.nl
Other
0 stars 0 forks source link

Extra ruimte tussen vragen door info #125

Open irisopgithub opened 2 years ago

irisopgithub commented 2 years ago

Bijvoorbeeld hier: https://experimenten.tst.lab.hum.uu.nl/participant/secure/register/1/

staat veel ruimte tussen de vragen handig/dyslectisch.

Screen Shot 2022-10-31 at 23 50 43

Ik denk dat dat komt door de info aan de rechterkant (die ik in eerste instantie niet eens gezien had). Is het niet beter om met van die mouse-over infoboxjes te werken? Oprechte vraag, ik weet niet hoe het op een telefoon eruit ziet, en ik weet dat veel ppn zich zullen inschrijven vanaf een telefoon.

tymees commented 2 years ago

Ik denk dat dat komt door de info aan de rechterkant (die ik in eerste instantie niet eens gezien had).

Dat is inderdaad de oorzaak

Is het niet beter om met van die mouse-over infoboxjes te werken?

Dat kan, maar heeft wel wat nadelen; Je brengt het zelf al een beetje op met 'mouse-over' in de naam te zetten, het werkt minder goed op mobiel. Dat komt deels omdat onze huidige implementatie daarvoor niet geschikt is, maar deels is ook inherent aan dat idee op mobiel. (Een kleine hitbox recht boven een input veld kan voor irritante 'mis-touches' zorgen).

Een ander nadeel is wat indirecter; het formulier gebruikt nu ons nieuwe formulier UI (ontwikkeld voor het verwerkingsregister e.d.), dat een stuk 'vriendelijker' (zoals de UX specialist zou zeggen) overkomt dan onze oude oplossing. Nou sluit dat het gebruik van mouse-over infoboxen niet direct uit, maar we hebben simpelweg nog niks geschreven dat werkt met deze nieuwe UI. Dus dan zouden we terug moeten stappen naar de oude UI voor nu.

Nou moet ik wel zeggen dat deze helpteksten ietswat aan de lange kant zijn, waardoor deze aanpak wat minder goed uitpakt. (En ook een beetje een 'too long did not read' effect kan hebben).

ik weet niet hoe het op een telefoon eruit ziet

Het sprint eronder: (De margins zijn nog een beetje funky, dat klopt...)

image

irisopgithub commented 2 years ago

Ik denk dat we die teksten er gewoon uit moeten laten, als infoboxjes niet de voorkeur heeft. Het leidt teveel af zo, vind ik. Er staat al een link naar de privacy-verklaring, dan zoeken de ppn daar maar op waarom we bepaalde vragen stellen. Misschien kunnen we bij biologisch geslacht de frase 'biologisch geslacht' ook nog een keer linken naar de privacyverklaring, dat is de meest kwetsbare vraag denk ik, het lijkt me wel goed om 'biologisch' daar te highlighten op de een of andere manier.

irisopgithub commented 4 months ago

ik heb hier nog steeds dezelfde mening over - die teksten in de kantlijn maken het formulier echt raar onoverzichtelijk, ik stel voor om ze eruit te halen en als volgt te vervangen:

  1. direct onder de titel van het experiment in kleiner font de tekst die nu in het eerste infoboxje staat: "Zie ook onze privacy-verklaring voor meer informatie over waarom we deze gegevens nodig hebben en hoe wij hier mee om gaan."
  2. in de vraag over biologisch geslacht, 'biologisch geslacht' linken naar de privacy-verklaring.
irisopgithub commented 4 months ago

in de admin-interface zijn die teksten in de kantlijn minder storend, of daar kan ik er iig wel aan wennen.

tymees commented 4 months ago

ik stel voor om ze eruit te halen en als volgt te vervangen:

Prima!

in de vraag over biologisch geslacht, 'biologisch geslacht' linken naar de privacy-verklaring.

Voor mijn begrip, dus dat de tekst in de vraag 'Mijn biologisch geslacht is' klikbaar wordt?

(Dus 'Mijn [link]biologisch geslacht[/link] is')

Ik zal kijken of ik er een 'anchor-link' van kan maken, dat je direct naar dat gedeelte op de pagina wordt gestuurd als je op die link klikt

in de admin-interface zijn die teksten in de kantlijn minder storend, of daar kan ik er iig wel aan wennen.

In de admin interface gebruiken we de 'gap' variant, waardoor het visueel wat logischer is. Dat kan het zijn.

Dit is hoe (quick and dirty) het inschrijf formulier er uit ziet in die variant:

image

Niet dat dit een betoog is om die help-teksten te houden.

irisopgithub commented 4 months ago

aha! de gap-variant is veel beter, dat zal idd de/een reden zijn dat het aan de admin-kant minder stoort.

maar laten we die teksten bij het opgaveformulier er gewoon uithalen. zo inderdaad, en een anchorlink zou super zijn.

(Dus 'Mijn [link]biologisch geslacht[/link] is')

Ik zal kijken of ik er een 'anchor-link' van kan maken, dat je direct naar dat gedeelte op de pagina wordt gestuurd als je op die link klikt

tymees commented 4 months ago

Okay!

Dit is hoe ik het er nu uit heb zien: image

(Met de anchor link :) )

tymees commented 4 months ago

Een alternatieve layout, die de privacy verklaring verplaatst naar net boven het formulier;

Ik heb hier ook een gele balk geplaatst voor de 'inschrijf' kop, voor een betere visuele hierarchie.

Het zijn maar suggesties ;)

image

irisopgithub commented 4 months ago

ja die laatste is beter!