Schieberegler mit mehr als 3 Bildern bzw. SAM Skala mit 21 Punkten

Question

Hallo zusammen,

es gibt eine 21-Punkte SAM-Version, die ich in SoSci Survey umsetzen will. Diese bietet statt 9 Auswahloptionen 21 Auswahloptionen an.

Nun habe ich probiert die SAM-Vorlage in SoSci-Survey (Fragentyp: Horizontale Auswahl) zu modifizieren, indem ich dort 21 statt nur 9 Textfelder anlege. Dann hatte ich zunächst das Problem, dass die Bilder sehr klein wurden und kaum noch erkennbar waren. Daraufhin habe ich die Bilder über den Code <div style="width: 50px;"><img src="sosci://sam-valence-P1" alt="äußerst negativ" class="option"> </div> vergrößert und in die leeren Textfelder dazwischen weiße Kästchen als Bilder in gleicher Größe wie die SAM-Bilder eingefügt, sodass der Abstand zwischen den Skalenpunkten gleich bleibt. Hier habe ich nun aber das Problem, dass die gesamte horizontale 21-Punkte Skala sehr breit ist und man quasi über den Scrollbalken nach rechts gehen muss, um am PC die gesamte Skala auf einen Blick sehen zu können, was ich sehr schlecht finde. Gibt es hier eine Möglichkeit die Darstellung auf eine Seite zu bringen?

Alternativ hatte ich überlegt einen Schieberegler zu verwenden und hier in 1er Schritten angelegte Auswahlmöglichkeiten von 1-21 anzubieten. Allerdings habe ich gesehen, dass man beim Schieberegler nur 3 Bilder (links, mittig, rechts) anlegen kann - gibt es eine Möglichkeit auch noch zwei weitere Bilder - ein Bild zwischen links und mittig und ein Bild zwischen mittig und rechts - also in Summe 5 Bilder in einen Schieberegler zu intergrieren?

Vielleicht gibt es auch einen anderen Fragetyp, der sich hierfür besser eignet. Vielleicht die Bildskala?

Über Tipps würde ich mich sehr freuen!!

Vielen Dank vorab und viele Grüße :)

Answer 1

Nun, die zentrale Frage ist, ob die 21 Bilder nebeneinader auf den Bildschirm passen oder nicht. Beachten Sie dabei, dass Bildschirme unterschiedlich groß bzw. klein sind. Auf einem Tablet oder auf einem kleinen Laptop ist nicht besonders viel Platz.

Ob Sie die horizontale Auswahl oder einen anderen Fragetyp verwenden, ist dann gar nicht so wichtig. Sie müssten aber 2 Dinge anpassen.

1) Evtl. möchten Sie im Fragebogen-Layout eine größere Breite erlauben

2) Mit ein wenig CSS-Code müssten Sie dafür sorgen, dass die horizontale Auswahl wenig oder keinen Abstand zwischen den Optionen lässt.

Erstellen und posten Sie gerne einen Pretest-Link direkt zu der Seite mit der Frage. Dann helfe ich mit dem passenden CSS-Code aus.

Allerdings habe ich gesehen, dass man beim Schieberegler nur 3 Bilder (links, mittig, rechts) anlegen kann

Tja, bis vorgestern waren es sogar nur 2 :) Im Prinzip könnten Sie eine breite Grafik mit allen 21 Bildern erstellen und diese als Skalengrafik für einen Schieberegler verwenden. Aber ob das wirklich eine intuitive Darstellung ist?