-
Qualtrics Platform -
Customer Journey Optimizer -
XM Discover -
Qualtrics Social Connect
Stil und Bewegung in Umfragen
Über Umfragestil & Motion
Der Stil einer Umfrage ist entscheidend dafür, dass die Teilnehmer die Umfrage gerne ausfüllen. Zum Still einer Umfrage gehören die Schriftart, Farben, der Fragenabstand sowie sämtliche benutzerdefinierten CSS, die Sie hinzufügen möchten. Außerdem können Sie festlegen, wie sich Ihre Umfrage bewegen soll, von animierten Seitenübergängen bis hin zum automatischen Weiterleiten der Teilnehmer durch die Umfrage, wenn sie Fragen beantworten.
Schriftarten
Sie können die Schriftart Ihrer Fragen und Antwortmöglichkeiten im Abschnitt “Stil” des Menüs “Look & Feel” ändern. Um die Schriftart zu ändern, klicken Sie auf die Dropdown-Liste Schriftart, und wählen Sie eine Schriftart aus.
Sie können auch die Schriftgröße einer Umfrage anpassen. Dazu können Sie die Schrift fett formatieren oder die Fragen und Antworten der Umfrage in unterschiedlichen Größen anzeigen.
Um die Schriftgröße zu ändern, geben Sie die gewünschte Größe (in Pixel) in das Feld „Schriftgröße“ ein. Klicken Sie auf das B-Symbol rechts neben der Schriftgröße, um Ihren Text fett zu formatieren.
Standardschriftarten
Die Dropdown-Liste für die Schriftartauswahl enthält eine Option für eine Standardschriftart. Je nach ausgewähltem Layout ist die Standardschriftart unterschiedlich:
- Das flache Layout verwendet Poppins als Schriftart.
- Das moderne Layout verwendet Open Sans als Schriftart.
- Das klassische Layout verwendet Helvetica Neu als Schriftart.
Farben
Sie können die Farbe von Elementen in Ihrer Umfrage im Bereich “Stil” des Menüs “Look & Feel” ändern. In diesem Abschnitt können Sie die primäre und die sekundäre Farbe für Ihre Umfrage festlegen.
Primäre Farbe
Die primäre Farbe wird für die Hauptelemente der Umfrage verwendet. Die genaue Anwendung hängt vom Umfragelayout ab, aber normalerweise wird diese Farbe für Features wie den Fortschrittsbalken und Fragenhervorhebungen verwendet.
Sekundäre Farbe
Die sekundäre Farbe wird für untergeordnete Elemente der Umfrage verwendet. Die genaue Anwendung hängt vom Umfragelayout ab, aber normalerweise wird diese Farbe für Features wie die Weiter- und Zurück-Schaltflächen verwendet.
Benutzerdefiniertes CSS hinzufügen
Manchmal möchten Sie das Erscheinungsbild Ihrer Umfrage über die einfachen Formatierungsoptionen für Klicks zum Ändern hinaus ändern. Technisch versierte Benutzer, die das Layout einer Umfrage mit eigenem Code anpassen möchten, können ihr eigenes benutzerdefiniertes CSS hinzufügen.
Cascading Style Sheets (CSS) ist eine Programmiersprache für die Gestaltung von Webseiten. Mit der Funktion zum Hinzufügen von benutzerdefiniertem CSS können Sie Ihr eigenes CSS direkt in den CSS-Editor eingeben oder auf eine online gehostete CSS-Datei verweisen.
So fügen Sie einer Umfrage ein benutzerdefiniertes CSS hinzu:
- Öffnen Sie beim Bearbeiten Ihrer Umfrage das Menü Erscheinungsbild und -gefühl.
- Klicken Sie auf den Abschnitt Stil.
- Geben Sie Ihr eigenes CSS in das Feld Benutzerdefiniertes CSS ein.
Tipp: Wenn Sie mehr Platz benötigen, um Ihr CSS zu erstellen, klicken Sie auf Bearbeiten unter dem Feld Benutzerdefiniertes CSS, um den CSS-Editor aufzurufen.
- Wenn Sie CSS verwenden, das online gehostet wird, geben Sie die URL für den Online-Host in das Feld Externes CSS ein.
- Klicken Sie auf Anwenden.
Tipp: Mit dem folgenden Codebit können Sie das Standardlogo in Ihrem Theme entfernen. Kopieren Sie dazu den folgenden CSS-Code in den Editor für Ihr benutzerdefiniertes CSS:
html .Motiv #Logo {display: none;}Vordergrundkontrast
Vordergrundkontrast legt den Kontrast zwischen dem Vordergrund (Text, Textfelder usw.) und dem Hintergrundbild fest. Zur Auswahl stehen die Optionen „Niedrig“, „Mittel“ und „Hoch“. Falls der Umfragetext vor dem Umfragehintergrund schwer zu lesen ist, können Sie die Lesbarkeit unter Umständen verbessern, indem Sie den Vordergrundkontrast erhöhen.
Dazu wählen Sie eine Graustufenfarbe mit einem WCAG-konformen Kontrastverhältnis von 4,5 aus. Ändern Sie diese Einstellung in „Mittel“ oder „Hoch“, um den Kontrast zwischen Text und Hintergrund zu erhöhen. „Hoch“ ist immer Weiß oder Schwarz. Das Hintergrundbild und die Farbe und Durchlässigkeit des Overlays werden bei der Festlegung der geeigneten Vordergrundfarbe ebenfalls berücksichtigt. Diese Einstellung entspricht dem Vordergrundkontrast im Abschnitt Hintergrund.
Fragenabstand
Fragenabstand bestimmt den Raum, der Ihre Umfragenfragen trennt. Zur Auswahl stehen die Optionen „Kompakt“, „Komfortabel“ und „Ausgedehnt“. Mit dem Fragenabstand können Sie die Länge Ihrer Umfrage steuern. Wenn Sie beispielsweise die Abstände zwischen den Fragen verringern, ist es einfacher, eine Umfrage zu entwerfen, die auf eine Seite passt.
Optionen für den Fragenstil
Wenn Ihre Umfrage das einfache Layout verwendet, stehen Ihnen mehrere Optionen für den Fragenstil zur Verfügung. Diese Optionen wirken sich auf die Erfahrung des Umfrageteilnehmers bei der Teilnahme an der Umfrage aus. Zu den Anpassungsoptionen für Fragen gehören:
- Optionsfelder für Multiple-Choice-Fragen anzeigen: Wenn diese Option aktiviert ist, verwenden Antwortmöglichkeiten für Multiple-Choice-Fragen Optionsfelder anstelle einer vollständig anklickbaren Schaltfläche.
Beispiel: Im ersten Bild unten ist diese Option deaktiviert, sodass Antwortmöglichkeiten als vollständig anklickbare Schaltfläche angezeigt werden.
Das zweite Bild zeigt dieselbe Frage mit aktivierter Auswahlknopfoption an.
- Schaltflächen für NPS-Fragen vertikal auf Mobilgeräten anzeigen: Wenn diese Option aktiviert ist, werden NPS-Fragen für Benutzer, die von einem mobilen Gerät aus an der Umfrage teilnehmen, vertikal angezeigt.
Beispiel: Im ersten Bild unten ist diese Option deaktiviert, sodass NPS-Fragen für alle Umfrageteilnehmer in einem horizontalen Format angezeigt werden.
Das zweite Bild zeigt dieselbe Frage mit aktivierter vertikaler Option für mobile Umfrageteilnehmer.
&Look; Feel vs. Rich Content Editor
Schriftarten und Textfarben können auf zwei Arten bearbeitet werden: global und lokal. Globale Stiländerungen werden im Menü Look & Feel vorgenommen und wirken sich auf alle Fragen und/oder Antworttexte aus. Lokale Stiländerungen werden in der Rich Content Editor für diese spezifische Frage oder Antwortmöglichkeit. Lokale Änderungen überschreiben globale Änderungen. Wenn Sie also eine Änderung im Rich Content Editor einer Frage vornehmen, werden diese Einstellungen anstelle der im Look&-Gefühl festgelegten Einstellungen angezeigt.
Sie können Formatierung entfernen um schnell alle lokalen Formatierungen aus ausgewählten Fragen zu entfernen und die globalen Änderungen einheitlich wirksam zu machen.
So entfernen Sie Formatierung
- Wählen Sie alle Fragen aus, indem Sie auf die erste Frage klicken, nach unten blättern, die Umschalttaste gedrückt halten und auf die letzte Frage klicken. Die ausgewählten Fragen werden mit einem aktivierten Kontrollkästchen neben der Fragenummer angezeigt.
- Navigieren Sie zu Werkzeuge.
- Bewegen Sie den Mauszeiger über Überprüfen, und wählen Sie Formatierung entfernen.
Seitenübergang
Mit der Option „Seitenübergang“ im Abschnitt „Bewegung“ können Sie den Übergangseffekt festlegen, der abgespielt wird, wenn Teilnehmer durch die Seiten Ihrer Umfrage navigieren.
Unten sehen Sie eine Übersicht über die verschiedenen Seitenübergangstypen:
- Keine: Kein Seitenwechsel wird spielen. Die einzelnen Seiten der Umfrage werden wie normale Webseiten geladen.
- Folie: Wenn ein Teilnehmer auf die Schaltfläche „Weiter“ oder „Zurück“ klickt, springt die Folgeseite von der Seite auf den Bildschirm.
- Ausblenden: Wenn ein Teilnehmer auf die Schaltfläche “Weiter” oder “Zurück” klickt, wird die nachfolgende Seite ausgeblendet, während die vorherige Seite nicht mehr angezeigt wird.
- Flip: Wenn ein Teilnehmer auf die Schaltfläche „Weiter“ oder „Zurück“ klickt, wird die Seite „umgedreht“ und die nachfolgende Seite angezeigt.
Autofokus
Die Autofokus-Funktion im Abschnitt Bewegung blendet alle Fragen der Umfrage außer der Frage aus, die der Umfrageteilnehmer gerade anzeigt. Damit wird verhindert, dass die Umfrageteilnehmer durch vorherige oder nachfolgende Fragen abgelenkt werden.
Automatische Weiterleitung
Mit der Einstellung zur automatischen Weiterleitung im Abschnitt „Bewegung“ wird festgelegt, ob die Umfrageteilnehmer beim Beantworten Ihrer Fragen automatisch weitergeleitet werden. Sie können das Teilnehmererlebnis bei Umfragen mit mehreren Einstellungen steuern.
- Automatische Weiterleitung bei Fragen: Mit dieser Option können Teilnehmer vergangene Fragen weiterleiten, ohne auf der Seite blättern zu müssen. Stattdessen werden sie automatisch zur nächsten Frage weitergeleitet, sobald sie eine Antwort ausgewählt haben. Wenn die automatische Weiterleitung für Fragen aktiviert ist, wird nach bestimmten Fragetypen, z.B. Texteingabe und Multiple-Choice-Fragen mit Mehrfachauswahl, die Schaltfläche Fertig angezeigt. Die Umfrageteilnehmer können auf diese Schaltfläche klicken, um zur nächsten Frage zu gelangen.
Tipp: Diese Einstellung muss aktiviert sein, damit die anderen Autoadvanced-Funktionen verwendet werden können.
- Schaltfläche “Automatisches Weiterschalten ausblenden”: Durch Aktivieren dieser Option wird die Schaltfläche “Fertig” ausgeblendet, die angezeigt wird, wenn die automatische Weiterleitung für Fragen aktiviert ist.
- Automatische Weiterleitung auf Seiten: Mit dieser Option können Teilnehmer vergangene Seiten voranbringen, ohne auf die Schaltfläche Weiter klicken zu müssen. Stattdessen gelangen sie automatisch auf die nächste Seite, sobald sie eine Antwort auf die letzte Frage der Seite ausgewählt haben.
Tipp: Die Schaltfläche „Automatisch auf Seiten weiterleiten“ führt die Schaltfläche „Zurück“ in Ihre Umfrage ein, auch wenn sie in Ihren Umfrageoptionen nicht aktiviert ist.
Wenn Sie die automatische Weiterleitung aktivieren, wird die Funktion für alle Seiten der Umfrage aktiviert. Die automatische Weiterleitung ist mit den Zurück-Schaltflächen kompatibel.