Smartphone Bilder in Kästchenauswahl Frage übereinander gelagert

Question

Bei meinem Pretest wurde bemängelt, dass wenn man den Fragebogen mit dem Handy ausfüllt nicht alles optimal ist.

Beispielsweise gibt es eine Frage, bei der Bilder als Auswahloptionen gestellt werden. Dabei. überlagern sich die Auswahloptionen, allerdings nur auf dem Smartphone.

Jetzt habe ich bereits schon versucht die Darstellung auf dynamisch umzustellen, was leider nichts verändert hat.

Dann habe ich noch einen Smartphone-Fragebogen erstellt, der leider auch nichts verändert hat.

Was kann ich jetzt noch machen?

Liebe Grüße

Comments

Wenn Sie wissen, bei welcher Frage (noch) Probleme auftreten, posten Sie gerne einen Pretest-Link, der direkt (!) zur betroffenen Seite führt. Dann sehen wir uns an, was dort nicht passt.

---

Standard Fragebogen: https://www.soscisurvey.de/EmotionenbeiderMedienrezeption/?act=L6ouIXX3Ov64f3m1oZFqiqs9

Smartphone-Fragebogen:
https://www.soscisurvey.de/EmotionenbeiderMedienrezeption/?act=A3BzUNugeOojkaLM3ne4U5jl

Also die Antwortmöglichkeiten sind horizontal angeordnet, da es in der Originalskala auch so ist und es wäre am besten, wenn ich es auch so erheben könnte.

Wenn es gar nicht möglich ist, kann ich die Antwortmöglichkeiten auch senkrecht anordnen, dann sollte die Überlagerung ja kein Problem mehr sein.

Vielen Dank!

Answer 1

Bitte ergänzen Sie im mobilen Layout in der "HTML-Vorlage" im <style>-Bereich folgende Inhalte:

.s2iSelection.cards.js div.option > div.label {
    padding: 0;
}

Allerdings sehen Sie dann, dass die Bilder auch ohne Rand nicht nebeneinander auf den Bildschirm passen. Was Sie noch machen können, ist die Bilder kleiner zu skalieren.

.s2iSelection.cards.js div.option > div.label img {
    max-width: 100%;
    min-width: 43px;
}

Das Ergebnis ist .... nun ja ... akzeptabel (Smartphones zeigen den Text schärfer als der PC-Bildschirm). Aber womöglich müssen Sie den Gedanken in Betracht ziehen, dass die Original-Darstellung niemand für ein Smartphone-Display gedacht war.