Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Extra ruimte tussen vragen door info #125

Open
irisopgithub opened this issue Oct 31, 2022 · 9 comments
Open

Extra ruimte tussen vragen door info #125

irisopgithub opened this issue Oct 31, 2022 · 9 comments

Comments

@irisopgithub
Copy link
Collaborator

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
Copy link
Member

tymees commented Nov 1, 2022

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
Copy link
Collaborator Author

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
Copy link
Collaborator Author

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
Copy link
Collaborator Author

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

@tymees
Copy link
Member

tymees commented Jul 17, 2024

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
Copy link
Collaborator Author

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
Copy link
Member

tymees commented Jul 17, 2024

Okay!

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

(Met de anchor link :) )

@tymees
Copy link
Member

tymees commented Jul 17, 2024

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
Copy link
Collaborator Author

ja die laatste is beter!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants