SOP: Quiz gestalten und Design anpassen

Ziel der Anleitung

Mit dieser Anleitung passt du das Design deines Quiz an, damit es optisch zu deinem Branding passt und für Teilnehmer ansprechend aussieht.

Dabei gilt: Ein klares, einfaches Design sorgt meist für bessere Abschlussraten als ein überladenes Layout.

1. Design-Einstellungen öffnen

Schritt 1: Stilbereich aufrufen

1. Öffne dein erstelltes Quiz im Editor.

2. Klicke oben auf Stile & Optionen.

Hier kannst du das gesamte Erscheinungsbild deines Quiz verändern.

2. Farben des Quiz anpassen

Rahmenfarbe ändern

1. Öffne im Menü den Bereich Erweitert.

2. Suche die Option Rahmenfarbe.

3. Wähle die gewünschte Farbe aus.

Der Rahmen beeinflusst die visuelle Struktur der Quizkarte.

Hintergrundfarbe anpassen

1. Gehe zu Farben & Hintergrund.

2. Wähle eine Hintergrundfarbe für dein Quiz.

3. Teste verschiedene Farbtöne.

Beispiel:

• Pastellfarben für ruhige Designs

• kräftige Farben für stärkere Aufmerksamkeit
  
  

Footer-Farbe ändern

Der Footer ist der Bereich, in dem sich die Navigationsbuttons befinden.

1. Öffne die Footer-Einstellungen.

2. Wähle eine Farbe für den unteren Bereich.

3. Achte darauf, dass sich Buttons gut vom Hintergrund abheben.

3. Buttontexte anpassen

Standardmäßig sind viele Buttons auf Englisch eingestellt.

Diese sollten an deine Sprache angepasst werden.

Typische Buttontexte

Vorgehen

1. Öffne den Textbereich der Buttons.

2. Ersetze die Standardtexte durch deine gewünschten Begriffe.

3. Speichere die Änderungen.

4. Fortschrittsbalken hinzufügen

Ein Fortschrittsbalken zeigt Teilnehmern, wie weit sie im Quiz bereits sind.

Aktivierung

1. Öffne die Design- oder Anzeigeoptionen.

2. Aktiviere den Fortschrittsbalken.

Vorteil:
Teilnehmer wissen, wie viele Schritte noch folgen.

5. Navigationsbuttons einstellen

Du kannst festlegen, welche Buttons im Quiz angezeigt werden.

Zurück-Button aktivieren oder deaktivieren

1. Öffne die Quiz-Einstellungen.

2. Scrolle zu Schaltfläche zurück anzeigen.

3. Aktiviere oder deaktiviere die Option.

Überlegung:

Mit Zurück-Button

• Teilnehmer können Antworten korrigieren

Ohne Zurück-Button

• Antworten bleiben verbindlich

6. Schriftart und Textformatierung ändern (nur für Textblöcke)

Du kannst auch das Erscheinungsbild der Texte im Quiz anpassen.

Mögliche Anpassungen

• Schriftart

• Schriftgröße

• Schriftfarbe

Vorgehen

1. Markiere den gewünschten Text.

2. Öffne die Textformatierung.

3. Wähle:

   • Schriftart

   • Größe

   • Farbe

7. Bilder und zusätzliche Elemente hinzufügen

Im Quiz können auch zusätzliche Inhalte eingebunden werden.

Beispiele:

• Bilder

• zusätzliche Texte

• Gestaltungselemente

Vorgehen

1. Wähle das gewünschte Element.

2. Füge es im Editor hinzu.

3. Positioniere es im Layout.

8. Vorschau des Quiz testen

Nach Designänderungen solltest du immer eine Vorschau prüfen.

Schritt-für-Schritt

1. Klicke auf Vorschau.

2. Teste das Quiz komplett durch.

3. Prüfe:

• Farben

• Lesbarkeit

• Buttonfunktion

• Navigation

• Fortschrittsanzeige

9. Best Practice für Quiz-Design

Für die meisten Quiz-Funnel gilt:

Einfach schlägt kreativ.

Empfehlungen:

• Wenige Farben verwenden

• Kurze Texte nutzen

• Keine unnötigen Elemente einbauen

• Klare Buttons verwenden

• Bilder vermeiden, um Laden zu verbessern