Stimulus-Material auf dem Smartphone

[Hannah Atallah]

Hey 🙂

Ich habe auf einer Seite Bilder als Stimulus-Material eingefügt, greift man mit dem Smartphone auf die Umfrage zu, ist das Bild rechts abgeschnitten, wird also nicht vollständig angezeigt.. wie kann ich dies lösen?

Liebe Grüße

[Michael T]

Ich gehöre nicht zu Unipark.

Daher kann ich auch nicht sehen, auf welche Art du das oder die Bilder eingebunden hast. Wenn das Bild seitlich abgeschnitten wird, ist die horizontale Auflösung des Smartphones kleiner als die des Bildes. Dafür gibt es eine einfache und eine sinnvolle Lösung:

Die einfache Lösung sieht wie folgt aus:

<img src="path/to/image.jpg" border="0" />

Damit passt sich das Bild an die Breite des Bildschirmes des Endgerätes an. Nachteil: Der Smartphone Nutzer muss ein großes Bild (Dateigröße), das kostet Zeit und Datenvolumen und möglicherweise die Nerven des Teilnehmers 😉

Die sinnvolle Lösung ist es, mehrere Grafiken zu verwenden. Eine hochauflösende Grafik für Bildschirme und eine mit geringerer Auflösung für mobile Endgeräte. Da könnte man noch zwischen Tablets (großer Bildschirm, WLAN) und Smartphones (kleiner Bildschirm, 3G/4G) unterscheiden.

Sagen wir du hast eine Grafik 1600×1000 für den PC, diese verkleinerst du auf 1200×750 für Tablets und auf 800×500 für Smartphones. Du lädst alle drei Grafiken in die Medienbibliothek hoch. Auf der Seite, wo du das Bild verwenden möchtest, erstellst du drei 998er Fragen, nennst diese PC, Tablet und Smartphone und bindest in diesen die Grafik aus der Medienbibliothek ein (jedoch nicht mit dem Code von oben mit style=”max-width: 100%”, kopiere einfach den aus der Medienbibliothek).

Dann öffnest du die Smartphone Frage und legst bei “Frage ausblenden, wenn …” folgende Bedingung fest: “participant_device” ist ungleich 1/smartphone. Bedeutet, die Frage wird ausgeblendet, wenn das verwendete Gerät kein Smartphone ist. Das gleiche machst du für das Tablet: “participant_device” ist ungleich 2/tablet. Als letztes öffnest du die PC Frage und gibst als Ausblendbedingung folgendes an: “participant_device” ist gleich 1/smartphone oder “participant_device” ist gleich 2/tablet – damit wird die hochauflösende PC Grafik für Smartphones und Tablets nicht ausgegeben.

Testen nicht vergessen!

[Michael T]

Ja, das ist dass, was ich meine und erklärt auch, warum dir meine und die andere Anleitung nicht weiterhilft…

1) Du klickst bei Unipark rechts oben auf deinen Namen und wählst “persönliche Einstellungen”

2) Anschließend auf “Verhalten des Fragebogeneditors”

3) Da ich nicht sicher bin, welchen Fragetyp du verwendet hast, stell bitte beide Einträge “Rich-Text-Editor im Fragebogen-Editor verwenden” und “Rich-Text-Editor im Fragetyp 998 verwenden” auf “nein”

4) Rechts unten auf ändern klicken

5) Du öffnest die Frage mit dem Bild. Die Ansicht wird sich stark verändert haben, die Leiste mit den Formatierungsmöglichkeiten ist weg, stattdessen siehst du jetzt den HTML-Code den Unipark für dich im Hintergrund erzeugt hat.

6) Ziemlich am Anfang solltest du ein ‘<img…’ finden, das du jetzt so umbaust, dass es meinem Beispiel oder dem von dir gefundenen Beispiel entspricht.

Beispiel, Aktuell könnte das so aussehen:

<img src="path/to/image.jpg" width="800" height="600" border="0" />

Für mein Beispiel sollte dass danach so aussehen:

<img src="path/to/image.jpg" border="0" />

und für das andere Beispiel

<img src="path/to/image.jpg" class="fluid" border="0" />

7) Speichern und auf dem Smartphone überprüfen

8) Die Einstellungen bezüglich des “Verhalten des Fragebogeneditors” wieder rückgängig machen, wenn du weiterhin mit den Formatierungsmöglichkeiten des Editors arbeiten möchtest.

[Hannah Atallah]

TAUSEND DANK!!!!!!!

Jetzt ist alles perfekt, vielen vielen Dank!😊

[Author]

Posts