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. Ich habe es gerade ausprobiert und freue mich sehr, dass es funktioniert hat.
Alles klar bzgl. der Kopfzeile. Ich habe mich dazu entschieden die Kopfzeile einfach alle paar Zeilen wiederholt zu zeigen, damit ich das mit dem Scrollen vermeide.
Jedoch hab ich auch hier ein kleines Problemchen, das sich aber bestimmt schnell lösen lässt. Bei einem meiner Fragbögen ist der Abstand zwischen der neuen Kopfzeile und den vorigen Items sehr gering. Ich hätte da gerne etwas mehr Abstand, weiß aber nicht, wo genau ich das einstellen kann. Ich hänge Ihnen oben wieder ein Bild an.

Vielen Dank im Voraus.

LG
Lara Schledt

---

Zum dynamischen Layout:
Das klappt bei mir leider nur bei den beiden Fragebögen, bei denen kein Extra Text für die Kopfzeile angegeben ist. Bei 2 der Fragegbögen sieht es ganz komisch auf dem Laptop aus, sobald ich die dynamische Darstellung auswähle. Ich sende Ihnen jetzt noch 2 Pretest Links per Mail für die Seiten bei denen es nicht klappt. Falls Sie es lösen können, freue ich mich. Ansonsten veröffentliche ich meine Studie in der statischen Darstellung, auch, wenn das nicht ganz optimal ist.

---

Danke für das Bild in der Frage. Es geht also "nur" um die vertikale Platzierung des Vorspanns, verstehe ich das korrekt? Der sollte in der Tat besser unten stehen ..

Sie können das mit folgendem PHP-Befehl auf der Seite anpassen:

pageCSS('
  div.s2item.s2anchor.s2first {
    align-items: flex-end;
  }
');

---

Danke für den Code. Ich habe nun auf der Seite so einen PHP Befehl auf die Seite gezogen, den Code eingegeben und dann die Frage in den PHP Befehl gezogen. Das hat aber leider nichts an der Darstellung verändert. Ich habe es vielleicht aber auch falsch gemacht, da ich leider von solchen Codes gar keine Ahnung habe. Falls ich es falsch gemacht habe, vielleicht könnten Sie mir kurz mitteilen, wie ich es richtig mache. Danke:)

---

Genau, es geht darum, dass die Zeile: "Wenn ich mir ein Ziel setze und es verfolge" mehr Abstand zu den Items hat. Ich denke Sie haben es richtig verstaden, wie ich es meine.

---

Die Frage kann bleiben, wo Sie ist. Sie brauchen lediglich den PHP-Code (irgendwo) auf der Seite zu platzieren.  

Die Pretest-Links aus der Mail scheinen inzwischen nicht mehr gültig, daher kann ich nicht prüfen, ob das funktioniert hat oder warum es das nicht tut.

---

Oki danke. Klappt leider trotzdem nicht. Ich schicke Ihnen per Mail nochmal einen  Link für die Seite.

---

Der Code ist speziell für die dynamische Darstellung ausgelegt - Sie hatten geschrieben, dass sie Ausrichtung bei dieser Darstellung nicht korrekt sei. Aktuell ist die IN01 in der statischen Darstellung.

---

Ah oki. Ich glaube das war dann ein Missverständnis. Das Foto oben bezieht sich auf die statische Darstellung. Es wäre super, wenn es in dieser Darstellung klappen würde, dass etwas mehr Abstand zwischen der Kopfzeile und den Items, die über ihr stehen, ist. Wäre es möglich den Code für die statische Darstellung anzupassen?

In der dynamischen Darstellung tauchen auch einige Probleme auf. Da ich meine Studie aber gerne möglichst bald veröffentlichen möchte, ignoriere ich das jetzt einfach und belasse alle Fragebögen in der statischen Darstellung. Sie müssen sich also um diese Frage nicht mehr kümmern.:)

---

> In der dynamischen Darstellung tauchen auch einige Probleme auf.

Welche denn?

> Es wäre super, wenn es in dieser Darstellung klappen würde, dass etwas mehr Abstand zwischen der Kopfzeile und den Items, die über ihr stehen, ist.

Auch kein Problem... aber nachdem der Pretest-Link schon wieder nicht funktioniert ... kann ich den passenden Code eben nicht liefern.

---

Der letzte Link, den ich Ihnen per Mail gesendet habem funktioniert bei mir zumindest. Ich stelle ihn der Übersicht halber nun doch hier rein:
https://www.soscisurvey.de/laraschledt/?act=3uMBPOpPGW7ivt9Il7VxK0hk

Die Probleme bzgl. der dynamischen Darstellung kann ich gerne morgen näher beschreiben.:)

---

Sie haben den Text "Wenn ich mir ein Ziel setze..." als "Text über den Items" eingetragen, und nicht als "Vorspann", oder? Möchten sie das vielleicht noch ändern?

---

Ich habe es jetzt gerade verändert.

---

Gut, jetzt noch folgender PHP-Code:

pageCSS('
  th.s2iOpener {
    vertical-align: bottom;
    padding-bottom: 1em;
  }
');

---

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.:)