Wieso wird die Überschrift kleiner angezeigt, als der übrige Text?

Question

Danke für den Tipp. Ich habe es auf der Seite ausprobiert und es hat funktioniert und wird nun alles in der gleichen Größe dargestellt. Jedoch gibt es auf dieser Seite noch ein weiteres Problem: Die eine Antwortoption einer Frage ist kleiner, als der Fragentext und die andere Option. Auf weiteren Seiten des Fragebogens wird außerdem die Überschrift, die eigentlich größer dargestellt werden sollte, als der übrige Text, kleiner dargestellt.
Ist es möglich dem SoSci Team per Mail einen Pretest Link zu schicken?Ich würde ungern meinen Pretest Link hier veröffentlichen.

Liebe Grüße

Comments

Bitte senden sie den Pretest-Link an die info@soscisurvey.de, dann werfen wir einen Blick darauf und antworten direkt hier im Support.

---

Ich habe Ihnen den Pretest Link an die Mail-Adresse geschickt.:)
Danke fürs Anschauen.

LG

Answer 1

Die Probleme mit der Überschrift habe ich auf Seite 1 und 2. Das Problem, dass Antwortoptionen von Fragen kleiner angezeigt werden auf Seite 2 und 9.

Ich habe mir die Seite 2 ("Studieninformation") auf einem iPhone in Safari (aktuelles MacOS) angesehen, und kann den beschrieben Darstellungsfehler nicht nachvollziehen. Die Überschrift ist größer als der Rest. Die Zwischenüberschriften sind fett, in der gleichen Schriftgröße wie der Rest. Die Auswahloptionen "Ja" und "Nein (Abbruch...)" wirken durch die Schattierung minimal größer als der Rest, haben aber ei genauer Betrachtung dieselbe Schriftgröße.

Auf Seite 3 verwendet die offene Texteingabe eine größere Schriftart, und das Dropdown ebenso. Dies liegt daran, weil Safari für solche Eingabefelder eine Mindestschriftgröße vorschreibt. Das betrifft alle Eingabefelder.

Wenn Sie das einheitlich mit dem restlichen Text haben möchten, dann können Sie einfach im Fragebogen-Layout die Schriftgröße generell erhöhen, zum Beispiel von 13 Pixel (10 Punkt) auf 18 oder 20 Pixel.

Die kleinen Standard-Schriftgrößen in SoSci Survey sind noch ein Relikt aus Zeiten kleiner, nicht hochauflösender Bildschirme. In absehbarer Zeit wird das Standard-Layout von SoSci Survey aber ohnehin ein Update bekommen.

Comments

Vielen Dank, dass Sie sich meinen Pretest angesehen haben. Ich habe leider vergessen zu erwähnen, dass die beschriebenen Probleme nur auftreten, wenn das IPhone im Querformat gehalten wird. Vielleicht haben Sie es nicht im Querformat gehalten und konnten die Fehler deswegen nicht sehen. Ich muss die Probanden bitten das Ganze im Querformat zu bearbeiten, da im Hochformat leider noch mehr Probleme auftreten, die ich nicht lösen kann.
Auf Seite 9 sieht man ziemlich eindeutig einen Darstellungsfehler. Ich haben Ihnen ein Bild von Seite 9 (im Querformat) oben in der Frage angehängt.

Ich würde mich freuen, wenn Sie sich den Pretest nochmal ansehen könnten und wäre Ihnen sehr dankbar.

Danke im Voraus.

---

Außerdem ist mir leider aufgefallen, dass es noch ein weiteres Problem gibt, das auf allen Apple Geräten (IPhone, IPad, MacBook) auftaucht. Ich habe es so eingestellt, dass die Kopfzeile immer zu sehen ist, wenn man weiter scrollt. Dafür habe ich folgende Einstellung ausgewählt: "Kopfzeile mit dem Fenster scrollen". Das klappt jedoch auf keinem Apple Gerät. Auf allen anderen Geräten funktioniert es.

Vielleicht haben Sie auch hier eine Idee, woran es liegen könnte.

---

Könnten Sie uns bitte noch einen Pretest-Link direkt (!) zu Seite 9 zukommen lassen? Das vereinfacht die Fehlersuche deutlich.

> Kopfzeile mit dem Fenster scrollen

Das sehen wir uns auch noch an. Hätten sie auch dafür bitte einen passenden Pretest-Link? Danke.

---

Ich schicke Ihnen die beiden Links jetzt wieder per Mail.:)
Danke fürs Anschauen.

---

Danke, sind angekommen. Tatsächlich wirkt es so, dass Apple hier mal wieder besser weiß, was Sie wollen, als Sie selbst... Nur damit wir die Schattierung als Ursache für die unterschiediche Darstellung ausschließen können: Könnten Sie in VP08 die Schattierung bitte einmal deaktivieren?

---

Oki, ich habe die Schattierung nun deaktiviert.

---

Das Problem mit dem Scrollen kann ich auch auf Android-Geräten nachvollziehen. Die saubere Lösung für Mobilgeräte besteht hier aber eigentlich darin, dass Sie für die Frage die dynamische Darstellung auswählen. Auf Mobilgeräten werden statt Auswahlpunkten dann beschriftete Knöpfe angezeigt. Wir sehen uns das mit dem Scrollen natürlich trotzdem an - die kleinen Knubbel sind für Mobilgeräte aber generell nicht gut geeignet, weil schwer zu treffen. Das kann zu Eingabefehlern führen.

---

Danke für den Tipp mit der dynamischen Darstellung.
Ich habe diese bewusst nicht ausgewählt, da ich mit dieser Einstellung, bei den beiden Frabögen, bei denen eine Kopfzeile angegeben ist, auf dem Laptop Probleme habe. Auch hierfür kann ich gerne einen Pretest Link schicken, wenn Sie sich das auch noch ansehen würden. Sagen Sie gerne Bescheid.
Schauen Sie sich aber gern die anderen beiden Probleme zuerst an.:)

---

Das mit dem Scrollen wird ein wenig dauern, da müssen wir nochmal auf Ursachenforschung gehen. Aber zumindest die unterschiedlich großen Texte konnte wir klären, s. https://support.soscisurvey.de/?qa=50564/wieso-wird-die-uberschrift-kleiner-angezeigt-als-ubrige-text&show=50670#a50670

Answer 2

Danke für die Pretest-Links.

Die Skalenfrage haben Sie bereits auf das dynamische Layout umgestellt, soweit ich sehe.

Wir haben derweilen eine Ergänzung im Standard-Layout vorgenommen, welche Safari freundlich mitteilt, dass der Browser die Schriftarten beim Wechsel ins Querformat nicht (deutlich) größer darstellen soll. Damit tritt die Ungleichbehandlung der beiden Auswahloptionen jetzt auch nicht mehr auf.

Weshalb Safari eine der Optionen skalierte und die andere nicht, kann ich nicht endgültig aufklären. Höchstwahrscheinlich handelt es sich dabei um einen Darstellungsfehler in Safari in der aktuellen Version.

Comments

Vielen Dank. Es hat funktioniert.:)
Eine allerletze Sache, die mich noch ein wenig stört, ist, dass auch zwischen der Skalenbeschriftung  und den vorigen Items kein Abstand ist. Ist es möglich, da den Abstand zu vergrößern und wenn ja, wie?
Ich hänge oben ein Bild an. Ich würde den Abstand gerne auf den Seiten 5,6 und 8 erhöhen. AUf Seite 7 ist der Abstand durch die Kopfzeile schon gut. Hier ein Pretest Link für die Seiten 5-8: https://www.soscisurvey.de/laraschledt/?act=J7hnQKgZXcZLv1FeKy2xB6z2

---

Das wäre für Ihren Fall noch folgende CSS-Code:

tr.s2header th.value_text {
  padding-top: 2em;
}

Also zusammen und in pageCSS():

pageCSS('
  th.s2iOpener {
    vertical-align: bottom;
    padding-bottom: 1em;
  }
  tr.s2header th.value_text {
    padding-top: 2em;
  }
');

---

Super, vielen Dank. Auf Seite 5 hat es super geklappt. Auf den Seiten 6 und 8 konnte ich keine Veränderung feststellen. Vielleicht habe ich es aber auch nicht richtig gemacht. Ich habe wieder so einen PHP-Code eingefügt und den langen Code reinkopiert. War das korrekt?

---

>  Auf den Seiten 6 und 8 konnte ich keine Veränderung feststellen.

Womöglich haben Ihre Skalen dort eine andere Darstellungsvariante (dynamisch?) oder die Texte sind über ein anderes Feld definiert?

---

Ich wollte mich nur nochmal bei Ihnen für die Hilfe und die schnellen Antworten bedanken. Mittlerweile habe ich mit der Datenerhebung gestartet.:)