Responsive Design

Question

Hallo,

ich habe Probleme mit dem Responsive Design. Habe bereits zwei Varianten (eine mobile und eine normale Version) angelegt und bin den Anweisungen zur Verknüpfung der Fragebögen gefolgt. Allerdings ist das Layout auf mobilen Endgeräten unverändert schlecht und wenn ich die Befragung auf dem Laptop starte, wird mir die mobile Version angezeigt.

Habe schon etliches versucht (dynamisches Layout aktivieren, Breite der Skala verändern etc.). Es geschieht aber nichts bahnbrechendes.

Bin dankbar für jede Hilfe.

Answer 1

wenn ich die Befragung auf dem Laptop starte, wird mir die mobile Version angezeigt.

Eine naheliegende Vermutung wäre, dass der mobil-optimierte und der reguläre Fragebogen einfach vertauscht sein könnten?!

Viele Fragen sollten eigentlich schon per Default auf beiden Plattformen (PC/mobil) sauber aussehen. Skalen sind stellenweise noch optimierungsbedürftig - in seltenen Fällen ist es notwendig, dass man für die mobile Ansicht eine andere Frage verwendet. Und eigentlich ist es auch nur dann sinnvoll, getrennte Fragebögen zu verwenden. Wenn man dieselben Fragebögen verwendet, hat das "Mobil-Layout" keine wesentlichen Vorteile.

Sehen wir uns die Probleme doch einmal im Detail an. Könnten Sie als Kommentar (unten) vielleicht einen Pretest-Link direkt zu einer Seite posten, die auf dem Mobilgerät nicht sauber aussieht?

Und bitte spezifizieren Sie auch, mit welchen Mobilgeräten sie rechnen (Tablet oder Smartphone)? Wenn Sie mit Smartphones rechnen: Ist der Fragebogen generell überhaupt kurz genug, dass man ihn auf dem Smartphone ausfüllen will? Hintergrund: Einen 25-Minuten-PC-Fragebogen wird ohnehin niemand auf dem kleinen Handydisplay bearbeite, wo man dann 50 Minuten benötigt...

Comments

Danke für die schnelle Hilfe. Die Idee mit den vertauschten Bögen hatte ich mittlerweile auch, das war es.

Die anderen Layout-Probleme konnte ich auch lösen. Problematisch war, dass mehrere verschiedene Fragetypen auf einer Seite angelegt waren, wodurch die Darstellung verzerrt wurde.

---

Wenn Sie meinen, dass das Vorhandensein einer Frage die Darstellung einer anderen (oder des Layouts) beeinflusste, dann kann das unterschiedliche Ursachen haben:

(1) Die eine Frage hat eine Mindestbreite, welche das Layout quasi in die Breite "schiebt".

(2) Sie haben HTML-Code in einer Frage verwendet und dieser ist nicht valid, d.h., zum Beispiel wurde ein <div> geöffnet aber nicht mehr geschlossen </div>.

(3) Es ist natürlich nie vollkommen auszuschließen, dass auch SoSci Survey Fehler macht und ungültigen HTML-Code erzeugt. Wenn Sie es also nicht waren, sollten wir klären, ob es an SoSci liegt.

Wenn sie möchten, bauen Sie gerne eine Testseite mit zwei Fragen, die Probleme verursacht und posten Sie einen Pretest-Link. Dann können wir uns das gerne ansehen. Nicht, dass es am Ende aufgrund von ungültigem HTML auf irgendwelchen spezifischen Geräten doch noch Darstellungsprobleme gibt.