Quiz-Formular mit direktem Antwort-Feedback erstellen
Zuletzt geändert am:
In dieser Anleitung lernen Sie Schritt für Schritt, wie Sie mit Bedingungen ein interaktives Quiz erstellen. Sobald Nutzerinnen und Nutzer eine Option auswählen, zeigt das Formular sofort an, ob die Antwort richtig oder falsch ist.
Voraussetzungen und Vorbereitung
Für das Quiz-Beispiel erstellen Sie pro Formularseite eine Frage mit zwei Antwortmöglichkeiten sowie zwei Text-Elemente für das Feedback.
Frage und Feedback-Elemente anlegen
Klicken Sie im Bereich Aufbau auf das grüne Hinzufügen-Symbol und wählen Sie das Element Einzelauswahl aus.
Beschriftung des Elements: Wie lautet die Hauptstadt von Frankreich?
Technischer Name:Frage_01
Option A (Richtig): Paris (Technischer Name: Richtig)
Option B (Falsch): Marseille (Technischer Name: Falsch)
Fügen Sie unterhalb der Einzelauswahl zwei Textabsatz-Elemente ein:
Textabsatz-Element 1: Richtig! Paris ist die Hauptstadt von Frankreich.(Technischer Name: HinweisRichtig)
Textabsatz-Element 2: Falsch! Bitte versuchen Sie es noch einmal.(Technischer Name: HinweisFalsch)
Bedingungen konfigurieren
Damit das Feedback nicht von Beginn an sichtbar ist, sondern sich erst bei der passenden Antwort einblendet, legen Sie für beide Textabsatz-Elemente jeweils eine Bedingung an.
Bedingung 1: Feedback für die richtige Antwort
Klicken Sie im Bereich Aufbau auf das grüne Hinzufügen-Symbol und wählen Sie das Element Bedingung aus. Platzieren Sie es im Formular-Baum direkt unterhalb des Elements HinweisRichtig.
Geben Sie der Bedingung den Namen HinweisRichtigBedingung.
Konfigurieren Sie die Auswirkung: Wenn (Auslöser): Wählen Sie die EinzelauswahlWie lautet die Hauptstadt von Frankreich?, den Operatorausgewählt und den WertParis aus. Dann (Auswirkung): Wählen Sie das Textabsatz-Element HinweisRichtig und den Zustandeingeblendet aus.
Bedingung 2: Feedback für die falsche Antwort
Fügen Sie ein weiteres Element vom Typ Bedingung hinzu. Platzieren Sie es im Formular-Baum direkt unterhalb des Elements HinweisFalsch.
Geben Sie der Bedingung den Namen HinweisFalschBedingung.
Konfigurieren Sie die Auswirkung: Wenn (Auslöser): Wählen Sie die EinzelauswahlWie lautet die Hauptstadt von Frankreich?, den Operatorausgewählt und den WertMarseille aus. Dann (Auswirkung): Wählen Sie das Textabsatz-Element HinweisFalsch und den Zustandeingeblendet aus.
Wie das Formular reagiert
Durch diese beiden Bedingungen passiert Folgendes ganz automatisch:
Startzustand: Da noch keine Antwort gewählt wurde, sind beide Feedback-Texte unsichtbar.
Auswahl „Paris“:Textabsatz-ElementHinweisRichtig wird eingeblendet.
Wechsel auf „Marseille“:Textabsatz-ElementHinweisRichtig wird automatisch wieder ausgeblendet und HinweisFalsch wird eingeblendet.
Formular mit direktem Antwort-Feedback finalisieren
Sie haben erfolgreich das Grundprinzip für eine interaktive Quiz-Frage aufgebaut!
Weitere Fragen hinzufügen: Erstellen Sie für jede neue Frage eine eigene Formularseite und wiederholen Sie die Schritte aus 'Frage und Feedback-Elemente anlegen' und 'Bedingungen konfigurieren'.
Zeitersparnis nutzen: Duplizieren Sie im Formular-Baum einfach die fertige Formularseite samt Elementen und Bedingungen. Passen Sie anschließend nur noch die Frage, die Antwortoptionen und die Zielwerte in den Bedingungen an.