Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:create:smartphones [09.10.2017 13:38] – admin
+++ de:create:smartphones [25.03.2024 17:03] (aktuell) – [Fragebogen für alle Geräte] admin
@@ Zeile 1: / Zeile 1: @@
 ====== Fragebögen für Smartphones ======
-Moderne Mobiltelefone bieten oftmals Internet-Zugang und einen Internetbrowser. Was liegt also näher, als diese Smartphones auch für Befragungen zu nutzen. Dabei sind drei unterschiedliche Fälle zu unterscheiden:
+Der Anteil der Teilnehmer:innen, die einen Fragebogen auf dem Mobiltelefon ausfüllen variiert stark, abhängig von der Studie. In den meisten Studien müssen Sie aber davon ausgehen, dass ein relevanter Anteil der Befragten den Fragebogen auf einem kleinen Display ausfüllt. In der Praxis gibt es folgende Konstellationen.
   * **Der Fragebogen soll überall funktionieren**\\ Oftmals sollen Teilnehmer den Fragebogen einfach nur ausfüllen können -- und zwar unabhängig davon, ob sie gerade einen Laptop, ein Tablet oder ein Smartphone verwenden.
   * **Fragebogen nur für Mobilgeräte**\\ Einige Studiendesigns wie z.B. Tagebuchstudien oder Mobile Experience Samples sind darauf ausgelegt, nur auf dem Mobilgerät ausgefüllt zu werden.
   * **Fragebogen nur für Computer**\\ Andere Studiendesigns sind für Smartphones ungeeignet, z.B. wenn für eine Aufgabe sehr viele Informationen zugleich auf dem Bildschirm angezeigt werden müssen oder wenn Reaktionszeiten per Tastendruck erfasst werden soll. In diesem Fall möchte man sicherstellen, dass der Fragebogen nicht auf dem Smartphone ausgefüllt wird.
+**Tipp:** Sie können die Darstellung für Mobilgeräte auch auf dem Computer testen. Suchen Sie dafür in Ihrem Browser (Firefox, Chrome) die Entwicklerwerkzeuge ([[:de:general:browser-tools]]). Dort finden Sie einen Umschalter in den Smartphone-Simulator.
+{{:de:create:scr.smartphones.developer-tools.png|Entwickler-Tools in Firefox}}
@@ Zeile 12: / Zeile 16: @@
 **Hinweis:** Nicht jeder Fragebogen eignet sich dafür, auf dem kleinen Display eines Smartphones ausgefüllt zu werden. Lange Skalenbatterien (mehr als 10 Items) machen auf dem kleinen Display ebenso wenig Spaß wie lange Fragetexte/Instruktionen oder lange Stimulustexte. Ganz zu schweigen davon, dass man im Bus einen 5-Minuten-Fragebogen gerne mal ausfüllt, aber vermutlich keinen Fragebogen, der 30 Minuten in Anspruch nimmt. Daher sind wissenschaftliche Fragebögen unabhängig von der Darstellung oftmals __nicht__ für das kleine Handy-Display geeignet.
-Etwa jede fünfte Person, die einen Fragebogen auf SoSci Survey ausfüllt, verwendet dafür ein Mobilgerät. Tablets sind dabei unproblematisch: Sie bieten ausreichend große Bildschirme und alle Fragetypen von SoSci Survey lassen sich mittels Berührung (Touch Display) genauso beantworten wie mit der Maus. Bei Smartphones hingegen kann das kleine Display zum Problem werden.
+Der Anteil variiert je nach Rekrutierung zwischen 0 und 100 Prozent -- aber im Mittel verwendet jede zweite Person (54%, Stand Q1/2024) ein Smartphone, wenn sie einen Fragebogen auf www.soscisurvey.de aufruft. Nicht mitgezählt sind hierbei Tablets, die unproblematisch sind: Sie bieten ausreichend große Bildschirme und alle Fragetypen von SoSci Survey lassen sich mittels Berührung (Touch Display) genauso beantworten wie mit der Maus. Bei Smartphones hingegen kann das kleine Display zum Problem werden.
-Grundsätzlich kann jeder gängige Smartphone-Browser eine Internetseite so klein darstellen, dass sie vollständig auf das Display passt. Allerdings kann man dann weder die Texte lesen noch die Knöpfe für die Antworten treffen. Unter dem Schlagwort "Responsive Layout" werden unterschiedliche Techniken zusammengefasst, welche dafür sorgen, dass eine Internetseite auf unterschiedlich großen Displays sinnvoll dargestellt werden kann. Im wesentlichen werden auf kleinen Displays unwichtige Elemente ausgeblendet und die restlichen Elemente in einer anderen Anordnung gezeigt (z.B. untereinander statt nebeneinander).
+Grundsätzlich kann jeder gängige Smartphone-Browser eine Internetseite so klein darstellen, dass sie vollständig auf das Display passt. Allerdings kann man dann weder die Texte lesen noch die Knöpfe für die Antworten treffen. Unter dem Schlagwort "Responsive Layout" werden unterschiedliche Techniken zusammengefasst, welche dafür sorgen, dass eine Internetseite auf unterschiedlich großen Displays sinnvoll dargestellt werden kann. Im Wesentlichen werden auf kleinen Displays unwichtige Elemente ausgeblendet und die restlichen Elemente in einer anderen Anordnung gezeigt (z.B. untereinander statt nebeneinander).
-Die Standard-Layouts von SoSci Survey (mit Ausnahme von "SoSci Smartphone" und "SoSci Survey Paper") sind so angelegt, dass sie sich automatisch an die verfügbare Bildschirmbreite anpassen. Im [[:de:create:layout|Fragebogen-Layout]] ist eine maximale Breite eingestellt, damit der Fragebogen auf großen Bildschirmen nicht zu sehr in die Breite gezogen wird. Für kleine Displays gibt es allerdings zwei wesentliche Einschränkungen:
+Die Standard-Layouts von SoSci Survey (mit Ausnahme von "SoSci Survey Paper") sind so angelegt, dass sie sich automatisch an die verfügbare Bildschirmbreite anpassen. Im [[:de:create:layout|Fragebogen-Layout]] ist eine maximale Breite eingestellt, damit der Fragebogen auf großen Bildschirmen nicht zu sehr in die Breite gezogen wird. Für kleine Displays gibt es allerdings zwei wesentliche Einschränkungen:
   * Im Fragebogen gibt es meistens keine unwichtigen Elemente (Fragen, Antwortoptionen), die man weglassen könnte.
@@ Zeile 22: / Zeile 26: @@
 Auf den kleinen Bildschirmen von Smartphones machen vor allem solche Fragen Probleme, die viel Text verwenden (z.B. lange Itemtexte) oder viele Optionen anbieten. Außerdem sind einige Fragetypen wie die [[:de:create:questions:ranking|Rangordnungsfrage]] darauf angewiesen, gleichzeitig Items und Antwortoptionen als Kärtchen nebeneinander darzustellen.
+==== Responsive Design ====
+Damit dieselbe Frage auf unterschiedlich großen Displays sinnvoll dargestellt werden kann, muss sich die Darstellung unter Umständgen deutlich verändern. Am offensichtlichsten ist das bei einer vollständig beschrifteten Skala in der Darstellungsvariante "dynamisch" (Standard). Hier variiert SoSci Survey zwischen einer Matrix-Darstellung mit kleinen Auswahlfeldern auf dem großen PC-Bildschirm, großen Auswahlfeldern für das Tablet (und andere kleine Bildschirme) und vertikal sortierten Auswahlfeldern auf dem Smartphone im Hochformat.
+{{ :de:create:scr.mobile-responsive-large.png?nolink |Darstellung einer voll beschifteten Skala auf einem großen Monitor}}
+{{ :de:create:scr.mobile-responsive-medium.png?nolink |Darstellung einer voll beschifteten Skala auf einem Tablet}}
+{{ :de:create:scr.mobile-responsive-small.png?nolink |Darstellung einer voll beschifteten Skala auf einem Smartphone}}
+=== Einheitliche Darstellung ===
+Systematische Unterschiede bei Antwortverhalten sind aufgrund der unterschiedlichen Darstellung nicht zu erwarten, denn bei einer reliablen Skala sollte die Darstellung keinen wesentlichen Einfluss auf das Antwortverhalten haben. Falls die unterschiedliche Darstellung dennoch unerwünscht ist, kann man in der Frage die "statische" Darstellung auswählen. Allerdings werden auf dem Smartphone dann unter Umständen nicht alle Auswahloptionen angezeigt -- daher raten wir explizit davon ab.
+=== Reihenfolge ===
+Die Anordnung der Auswahloptionen in der Matrixdarstellung erfolgt standardmäßig von links (Minimum) nach rechts (Maximum), entsprechend der typischen Leserichtung im westeuropäischen Raum. Entsprechend werden die Optionen in der vertikalen Darstellung von unten (Minimum) nach oben (Maximum) angeordnet, entsprechend der typischen Richtung von Füllstandsanzeigen.
+Falls Sie die vertikale Richtung umdrehen möchten, können Sie auf der Seite mit der Frage folgenden PHP-Code ergänzen. Ersetzen Sie dabei das ''AB01'' durch die Kennung Ihrer Skala.
+<code php>
+pageCSS('
+    @media (max-width: 320px) {
+        #AB01_tab div.s2input div.s2options {
+            flex-direction: column;
+        }
+    }
+');
+</code>
@@ Zeile 31: / Zeile 68: @@
     * Die Begrüßung sollte nicht mehr als 4 Sätze plus Grußformel umfassen.
     * Erklären sie das Ausfüllen von Fragen (z.B. einer Likert-Skala) nur einmal, wenn die Frage das erste mal im Fragebogen auftaucht.
+    * Verwenden Sie die [[:de:create:accordion|Akkordeon-Funktion]] und die Funktion zum Anzeigen verkürzter Texte ([[:de:create:morebox]]), damit längere Texte die Übersicht nicht allzu sehr beeinträchtigen.
   * Vermeiden Sie [[:de:create:combine]] -- insbesondere dann, wenn Sie damit mehr Fragen auf weniger Platz komprimieren möchten. Falls der Fragebogen ohne kombinierte Fragen zu lang wird, hinterfragen Sie nochmal die Eignung des Fragebogens für Smartphones.
-  * Stellen Sie bei Skalenfragen als //Anordnung// "dynamisch" oder "automatisch" ein.
+  * Stellen Sie bei Skalenfragen als //Anordnung// "dynamisch" oder "automatisch" ein (Standard-Einstellung).
   * Verwenden Sie für Auswahlfragen als //Darstellung// "dynamisch" (Standard) oder noch besser "Kärtchen". Kärtchen nehmen zwar mehr Platz in Anspruch, sind mit dem Finger auf einem kleinen Display aber deutlich einfacher zu treffen.
   * Der Fragetyp "Auswahlabfolge" ist auf Touch-Geräten besonders einfach zu bedienen, da auch hier die Antwortoptionen sehr einfach zu treffen sind. Außerdem entfällt hier ein zusätzlicher Klick auf "Weiter".
-  * Eventuell möchten Sie im [[:de:create:layout|Fragebogen-Layout]] im Karteireiter //Grundeinstellungen// für die Option //Art der Auswahlfelder// "größere" oder "sehr große" Auswahlfelder verwenden, damit diese leichter auszuwählen sind.
   * Wenn Sie Audio- oder Videodateien verwenden, binden Sie diese mittels HTML 5 ein ([[:de:create:media]]) und achten Sie darauf, dass alle Videoformate so konvertiert werden, dass sie auch auf Mobilgeräten abgespielt werden können (Pixelgröße, Datenrate, etc.).
-  * Fügen Sie in Items und Texten keine manuellen Zeilenumbrüche ein, sondern verwenden Sie Dollar-Zeichen (''$$''), um festzulegen, wo der Text nicht umbrechen soll ([[:de:create:texts#wiki-notation|Texte im Fragebogen: Wiki-Notation]]).
+  * Fügen Sie in Items und Texten keine manuellen Zeilenumbrüche ein, sondern verwenden Sie Dollar-Zeichen (''$$''), um festzulegen, wo der Text __nicht__ umbrechen soll ([[:de:create:texts#wiki-notation|Texte im Fragebogen: Wiki-Notation]]).
 ==== Filter für Smartphone-Nutzer ====
-Mit dem Fragetyp "Gerät und übermittelte Variablen" können Sie u.a. herausfinden, ob ein Teilnehmer den Fragebogen mittels Smartphone ausfüllt:
+Mit dem Fragetyp [[:de:create:questions:client|Gerät und übermittelte Variablen]] können Sie u.a. herausfinden, ob ein Teilnehmer den Fragebogen mittels Smartphone ausfüllt:
-  * Erstellen Sie eine Frage vom Typ "Gerät und übermittelte Variablen".
+  * Erstellen Sie eine Frage vom Typ [[:de:create:questions:client|Gerät und übermittelte Variablen]].
   * Setzen Sie im Karteireiter //Gerät// ein Häkchen bei //Format//.
   * Ziehen Sie die Frage auf die Seite, wo Sie filtern möchten -- oder gleich auf die erste Seite des Fragebogens.
-Diese Frage speichert, ob der Browser des Teilnehmers sein Gerät als Computer, Tablet oder Smartphone identifiziert. Wenn die Frage z.B. die Kennung "GG01" hat, zeigt folgender [[:de:create:php|PHP-Code]] Smartphone-Nutzern die Frage "FM01" und allen anderen Nutzern die Frage "FS01".
+Diese Frage speichert, ob der Browser des Teilnehmers sein Gerät als Computer, Tablet oder Smartphone identifiziert. Wenn die Frage z.B. die Kennung "GG01" hat, zeigt folgender [[:de:create:php|PHP-Code]] Smartphone-Nutzer:innen die Frage "FM01" und allen anderen Nutzern die Frage "FS01".
 <code php>
@@ Zeile 58: / Zeile 95: @@
 </code>
-Der folgende PHP-Code zeigt Frage "FS02" nur dann an, wenn der Teilnehmer kein Smartphone verwendet. Detaillierte Erklärungen zu Filtern finden sie unter [[:de:create:filters]].
+Der folgende PHP-Code zeigt Frage "FS02" nur dann an, wenn die Teilnehmerin kein Smartphone verwendet. Detaillierte Erklärungen zu Filtern finden sie unter [[:de:create:filters]].
 <code php>
@@ Zeile 66: / Zeile 103: @@
 </code>
-**Tipp:** Der Fragetyp "Gerät und übermittelte Variablen" kann auch die Bildschirmgröße des Nutzers erfassen. Diese Information kann für einige Filter sinnvoller sein als das Geräteformat. Allerdings muss die Frage dafür spätestens auf der Seite vor dem Filter platziert werden (nicht auf der gleichen Seite wie der Filter).
+**Tipp:** Der Fragetyp [[:de:create:questions:client|Gerät und übermittelte Variablen]] kann auch die Bildschirmgröße des Nutzers erfassen. Diese Information kann für einige Filter sinnvoller sein als das Geräteformat. Allerdings muss die Frage dafür spätestens auf der Seite vor dem Filter platziert werden (nicht auf der gleichen Seite wie der Filter).
 ==== Gesonderter Fragebogen ====
-Es ist möglich, Smartphone-Nutzern einen ganz anderen Fragebogen vorzulegen als anderen Nutzern. Das kann sinnvoll sein, wenn z.B. in größerem Umfang andere Inhalte gezeigt werden sollen und/oder wenn der Fragebogen für Smartphone-Nutzer ein ganz anderes Layout verwenden soll (z.B. "SoSci Smartphone").
+Es ist möglich, Smartphone-Nutzern:innen einen ganz anderen Fragebogen vorzulegen als anderen Befragten. Das kann sinnvoll sein, wenn z.B. in größerem Umfang andere Inhalte gezeigt werden sollen und/oder wenn der Fragebogen für Smartphone-Nutzer:innen ein ganz anderes Layout verwenden soll.
-  * Sie könne optional das Fragebogen-Layout "SoSci Smartphone" verwenden, welches für die Anzeige von Fragebögen (nur) auf kleinen Displays besonders optimiert wurde:
-    * Aktivieren Sie unter **Fragebogen-Layouts** das Layout "SoSci Smartphone".
-    * Falls Sie bisher das Standard-Layout verwendet haben (kein anderes Layout aktiv), aktivieren Sie zusätzlich auch das Standard-Layout oder ein beliebiges anderes Layout Ihrer Wahl (sonst wird auch der "normale" Fragebogen künftig nur noch in Smartphone-Größe gezeigt).
   * Erstellen Sie unter **Fragebogen zusammenstellen** im Karteireiter //Weitere Fragebögen// einen zweiten Fragebogen bzw. eine Kopie des Fragebogens.
   * Stellen Sie im neuen Fragebogen im Karteireiter //Einstellungen// optional die Kennung "mobile" und das Layout "SoSci Smartphone" ein. Welche Kennung Sie angeben ist Ihnen überlassen, Sie sollten die mobile Version nur eindeutig erkennen. Speichern Sie die Änderungen.
   * Wechseln Sie zum ursprünglichen Fragebogen und wählen Sie dort unter //Einstellungen// bei //Variante für Smartphones// den Fragebogen, den Sie gerade eben angelegt haben. Speichern Sie die Änderung.
-Smartphone-Nutzer werden nun bei Aufruf des Hauptfragebogens automatisch zum neuen Fragebogen umgeleitet.
+Smartphone-Nutzer:innen werden nun bei Aufruf des Hauptfragebogens automatisch zum neuen Fragebogen umgeleitet.
+**Wichtig:** Änderungen an einer Frage werden in allen Fragebögen übernommen, welche die Frage verwenden. Wenn Sie eine Frage für die Darstellung auf dem Smartphone/im zweiten Fragebogen modifizieren möchten, dann legen Sie eine Kopie dieser Frage an ({{:button.copy.gif?nolink|Knopf zum Anlegen einer Kopie}}) und tauschen Sie unter **Fragebogen zusammenstellen** im zweiten Fragebogen die alte gegen die neue Frage aus.
-**Wichtig:** Änderungen an einer Frage werden in allen Fragebogen übernommen, welche die Frage verwenden. Wenn Sie eine Frage für die Darstellung auf dem Smartphone/im zweiten Fragebogen modifizieren möchten, dann legen Sie eine Kopie dieser Frage an ({{:button.copy.gif?nolink|Knopf zum Anlegen einer Kopie}}) und tauschen Sie unter **Fragebogen zusammenstellen** im zweiten Fragebogen die alte gegen die neue Frage aus.
+**Hinweis:** Sollte für die ursprüngliche Frage ein Filter vorgesehen sein, muss für die mobile Kopie der Frage ein zusätzlicher Filter definiert werden.
 ===== Fragebogen nur für Mobilgeräte =====
-Wenn der Fragebogen ausschließlich auf Smartphones ausgefüllt werden soll, gelten dieselben [[#optimierungen|Hinweise zu Optimierung]] wie oben. Darüber hinaus kann es sinnvoll sein, das [[:de:create:layout|Fragebogen-Layout]] "SoSci Smartphone" zu verwenden. Dieses Layout bietet vergleichsweise wenig Platz für Fragen -- zeigt diese dafür aber mit entsprechend großer Schrift.
+Wenn der Fragebogen ausschließlich auf Smartphones ausgefüllt werden soll, gelten dieselben [[#optimierungen|Hinweise zu Optimierung]] wie oben.
 Bei Skalen gibt es eine spezielle Darstellung für schmale Bildschirme (auszuwählen im ersten Karteireiter). Darüber hinaus kann man beim Fragetyp "Skala (mit Zwischenwerten)" die Skalenpunkte als Dropdown darstellen lassen -- das kann vor allem bei langen Antwortoptionen übersichtlicher sein.