Customer Experience
Employee Experience
Brand Experience
Core XM
Design XM

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.

Achtung: Das einfache Layout verwendet eine andere Seitenstruktur, um Barrierefreiheit und Mobile-First-Design besser zu unterstützen, was dazu führt, dass benutzerdefiniertes CSS anders funktioniert. Wenn das einfache Layout aktiviert ist, müssen Elemente von benutzerdefiniertem CSS (z.B. HTML, CSS-Klassen und IDs) aktualisiert werden, damit sie korrekt funktionieren.

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

Achtung: Der folgende Code wird unverändert bereitgestellt und erfordert Programmierkenntnisse für die Implementierung. Der Qualtrics Support bietet keinerlei Hilfestellung oder Beratung im Zusammenhang mit eigenem Programmcode an. Stattdessen können Sie sich gerne in unserer Benutzer-Community erkundigen.

Achtung: Wenn das einfache Layout aktiviert ist, müssen Elemente von benutzerdefiniertem CSS (z. B. HTML, CSS-Klassen und IDs) aktualisiert werden, damit sie korrekt funktionieren.

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. Sie können beispielsweise den Abstand zwischen den Fragen reduzieren, wenn die Umfrage auf eine Seite passen soll.

&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.

Tipp: Wenn Sie eine Inline-E-Mail-Frage in eine Umfrageeinladung aufnehmen und Ihre Umfrage nur eine Frage enthält, wird die Umfrage nicht automatisch von der automatischen Weiterleitung abgeschickt.

Häufig gestellte Fragen

Viele Seiten dieses Portals wurden mithilfe maschineller Übersetzung aus dem Englischen übersetzt. Obwohl wir bei Qualtrics die bestmögliche maschinelle Übersetzung ausgewählt haben, um ein möglichst gutes Ergebnis zu bieten, ist maschinelle Übersetzung nie perfekt. Der englische Originaltext gilt als offizielle Version. Abweichungen zwischen dem englischen Originaltext und den maschinellen Übersetzungen sind nicht rechtlich bindend.