search

DLCIncluded / MQ

Monotropism Questionnaire - I am not a doctor. This is not diagnosing anything. Questions taken from: https://osf.io/4wru2
28 stars 6 forks source link

answers outlook may interfere with results #27

Open bazyliquest opened 2 weeks ago

bazyliquest commented 2 weeks ago

Every answer box should have the same size. People are more eager to click on bigger shapes thus it may influence answers.

Colors may influence answers as well (e.g. somebody may not like given color). I understand the idea of color-coding for faster association but unfortunately it may be a noise for many users.

To improve readability radiobuttons should be centered to labels. IMG_1041

DLCIncluded commented 2 weeks ago

What browser are you using? You're the first to mention the radio buttons not being centered, and I've tested chrome, Firefox and mobile.

Mobile with "view as desktop" is first screen shot, mobile view is second.

On Sun, Sep 1, 2024, 5:58 AM bazyliquest @.***> wrote:

Every answer box should have the same size. People are more eager to click on bigger shapes thus it may influence answers.

Colors may influence answers as well (e.g. somebody may not like given color). I understand the idea of color-coding for faster association but unfortunately it may be a noise for many users.

To improve readability radiobuttons should be centered to labels. IMG_1041.png (view on web) https://github.com/user-attachments/assets/74195006-b6aa-4a37-9dc7-fdbc1a836beb

— Reply to this email directly, view it on GitHub https://github.com/DLCIncluded/MQ/issues/27, or unsubscribe https://github.com/notifications/unsubscribe-auth/AFTNQLHZ2KMKAYV3IMNUI2DZULQLFAVCNFSM6AAAAABNOWB6VWVHI2DSMVQWIX3LMV43ASLTON2WKOZSGQ4TSMZVGYYDGNY . You are receiving this because you are subscribed to this thread.Message ID: @.***>

DLCIncluded commented 2 weeks ago

Screenshot_20240901_091555_Chrome.jpg

Screenshot_20240901_091708_Chrome.jpg

DLCIncluded commented 2 weeks ago

And this is on FF and Chrome on desktop: image image

I understand the width, that is a valid point, and I will work on it. I will also work on a toggle for the colors.

The issue with the radio buttons seems limited to the browser you're using, so I need more information on that. What browser is it, what resolution is your monitor, what type of device are you on? Etc, the more information you can provide the better, thank you!

DLCIncluded commented 2 weeks ago

Fixed the width issue: image image

and added color as optional image image

DLCIncluded commented 2 weeks ago

The content is centered using CSS FlexBox which is widely accepted on all major browsers ( 98.1% of desktop and 99.98% mobile)

I'd be happy to see if there is something I could do to fix it on the browser you're using, but it seems that its either a browser thats out of date, or does not follow industry standards. When you get time please let me know more about the device and browser and I'll see what, if anything, I can do

bazyliquest commented 2 weeks ago

yay, nice one with color switch :) Width seems to be fine now on all devices I checked (mentioned below)

Radiobutton alignment: It was Safari on iPadOS 18.0 (22A5350a) (iPad Mini). It's a beta, but Opera (5.0.6) on the same device behaves the same (but maybe they use Safari engine, idk). However desktop not-beta Safari 17.6 (19618.3.11.11.5) on MacOS Sonoma 14.6.1 (23G93) seems to have same problem (see attachment). Vivaldi on the same system renders boxes perfectly fine.

So it seems to be Safari's problem.

https://github.com/user-attachments/assets/559afde4-724a-409f-8015-5d8010ef5e5c