Layout wählen

Im zweiten Schritt des FAQ-Setups wählst du das Layout für deinen FAQ-Bereich. Das Layout bestimmt, wie Fragen und Antworten dargestellt werden.

Übersicht

Das FAQ-Modul bietet 3 Layout-Optionen:

Akkordeon

Fragen zum Aufklappen in einer Liste.

Karten

Jede FAQ als einzelne Karte.

Liste

Einfache vertikale Liste.

---

Die 3 Layout-Optionen im Detail

1. Akkordeon

Eigenschaft	Wert
Stil	Aufklappbare Elemente
Platzbedarf	Kompakt
Interaktion	Tippen zum Öffnen/Schließen

Fragen zum Aufklappen in einer Liste.

Design-Merkmale:

• Fragen als aufklappbare Zeilen
• Antwort erscheint beim Tippen
• Pfeil-Icon zeigt Status (auf/zu)
• Kompakte Übersicht
• Nur eine oder mehrere gleichzeitig offen

Vorteile:

• Platzsparend
• Übersichtlich bei vielen FAQs
• Vertrautes Konzept (wie Dropdown)
• Schnelles Scannen der Fragen

Darstellung:

┌─────────────────────────────────────────┐
│ ▼ Wie kann ich mein Passwort ändern?    │
├─────────────────────────────────────────┤
│   Gehe zu Einstellungen > Konto >       │
│   Passwort ändern und folge den         │
│   Anweisungen.                          │
└─────────────────────────────────────────┘
┌─────────────────────────────────────────┐
│ ▶ Wie lösche ich mein Konto?            │
└─────────────────────────────────────────┘
┌─────────────────────────────────────────┐
│ ▶ Wie kontaktiere ich den Support?      │
└─────────────────────────────────────────┘

Empfohlen für:

• Die meisten FAQ-Bereiche
• Umfangreiche FAQ-Sammlungen
• Mobile-optimierte Apps
• Klassische Support-Seiten

Standard-Wahl

Das Akkordeon-Layout ist die klassische und bewährte Darstellung für FAQs. Es ist für die meisten Anwendungsfälle ideal.

---

2. Karten

Eigenschaft	Wert
Stil	Einzelne Karten
Platzbedarf	Mehr Platz
Interaktion	Tippen zum Erweitern

Jede FAQ als einzelne Karte.

Design-Merkmale:

• Jede FAQ in einer eigenen Karte
• Frage als Titel sichtbar
• Antwort-Vorschau oder vollständig
• Schatten und Abstände
• Moderner Look

Vorteile:

• Visuell ansprechend
• Klare Trennung der FAQs
• Modernes Design
• Gut für wenige, wichtige FAQs

Darstellung:

┌─────────────────────────────────────────┐
│ Wie kann ich mein Passwort ändern?      │
│─────────────────────────────────────────│
│ Gehe zu Einstellungen > Konto >         │
│ Passwort ändern und folge den           │
│ Anweisungen.                            │
└─────────────────────────────────────────┘

┌─────────────────────────────────────────┐
│ Wie lösche ich mein Konto?              │
│─────────────────────────────────────────│
│ Du kannst dein Konto unter              │
│ Einstellungen > Konto > Konto löschen   │
│ entfernen.                              │
└─────────────────────────────────────────┘

Empfohlen für:

• FAQ-Bereiche mit wenigen Einträgen
• Visuell ansprechende Apps
• Wichtige/Featured FAQs
• Desktop-optimierte Darstellung

---

3. Liste

Eigenschaft	Wert
Stil	Einfache Liste
Platzbedarf	Minimal
Interaktion	Tippen zum Öffnen

Einfache vertikale Liste.

Design-Merkmale:

• Minimalistisches Design
• Fragen untereinander
• Wenig visuelle Elemente
• Schnelles Laden
• Fokus auf Inhalt

Vorteile:

• Sehr übersichtlich
• Schnellste Ladezeit
• Barrierearm
• Maximale Lesbarkeit

Darstellung:

Wie kann ich mein Passwort ändern?
─────────────────────────────────────

Wie lösche ich mein Konto?
─────────────────────────────────────

Wie kontaktiere ich den Support?
─────────────────────────────────────

Empfohlen für:

• Minimalistische Apps
• Technische Dokumentationen
• Schnelle Übersichten
• Barrierefreie Designs

---

So wählst du das Layout

1. Layout-Schritt erreichen

   Nach den Features erreichst du den Layout-Schritt. Du siehst 3 Layout-Optionen als Karten.

2. Layout auswählen

   Tippe auf das gewünschte Layout:

   • Akkordeon: Für aufklappbare FAQs
   • Karten: Für visuell getrennte FAQs
   • Liste: Für minimalistisches Design

   Die ausgewählte Option wird mit blauer Umrandung und Häkchen markiert.

3. Weiter

   Tippe auf „Weiter”, um zum Design-Schritt zu gelangen. Das Layout wird gespeichert.

---

Vergleich der Layout-Optionen

Merkmal	Akkordeon	Karten	Liste
FAQs pro Screen	Viele	Wenige	Viele
Platzbedarf	Gering	Hoch	Minimal
Interaktivität	Hoch	Mittel	Niedrig
Moderner Look	Klassisch	Modern	Minimalistisch
Mobile-Optimierung	Sehr gut	Gut	Sehr gut
Ladezeit	Schnell	Mittel	Schnellste

---

Empfehlungen nach FAQ-Typ

Support-FAQ

Empfohlenes Layout: Akkordeon

Layout	Eignung
Akkordeon	⭐⭐⭐ Ideal für Support
Karten	⭐⭐ Möglich für wenige FAQs
Liste	⭐⭐ Für technische Support-Docs

Support-FAQs haben oft viele Einträge. Das Akkordeon-Layout ist am übersichtlichsten.

Produkt-FAQ

Empfohlenes Layout: Akkordeon oder Karten

Layout	Eignung
Akkordeon	⭐⭐⭐ Ideal für viele Produkt-Fragen
Karten	⭐⭐⭐ Ideal für wenige, wichtige FAQs
Liste	⭐⭐ Für technische Specs

Je nach Anzahl der FAQs: Bei vielen FAQs Akkordeon, bei wenigen wichtigen Karten.

Onboarding-FAQ

Empfohlenes Layout: Karten

Layout	Eignung
Karten	⭐⭐⭐ Ideal für Einsteiger-Infos
Akkordeon	⭐⭐ Gut für viele Fragen
Liste	⭐ Weniger einladend

Für Onboarding-FAQs: Karten-Layout wirkt einladender und zeigt alle Infos sofort.

Technische FAQ

Empfohlenes Layout: Liste oder Akkordeon

Layout	Eignung
Liste	⭐⭐⭐ Ideal für technische Docs
Akkordeon	⭐⭐⭐ Gut für strukturierte Infos
Karten	⭐⭐ Weniger geeignet

Für technische FAQs: Liste für maximale Übersicht oder Akkordeon für strukturierte Präsentation.

---

Design-Schritt: Hinweis auf FAQ-Editor

Nach der Layout-Auswahl folgt der Design-Schritt. Dieser ist ein Hinweis-Schritt:

Was du siehst:

Element	Beschreibung
Info-Box	„Du kannst das Design jederzeit im FAQ-Editor anpassen.”
Farben	Hinweis auf Farbeinstellungen
Typografie	Hinweis auf Schrifteinstellungen
Abstände	Hinweis auf Abstandseinstellungen

Kein aktives Design-Setup

Im Setup-Wizard wählst du nur Funktionen und Layout. Das detaillierte Design (Farben, Schriften, Abstände) konfigurierst du später im FAQ-Editor.

Was du im FAQ-Editor anpassen kannst:

Farben

Hintergrund, Text, Karten, Icons, Trennlinien

Typografie

Schriftgrößen für Fragen und Antworten, Schriftstärke

Abstände

Abstand zwischen Elementen, Eckenradius

Verhalten

Mehrere öffnen, Erste öffnen, Animation

👉 Zum FAQ-Editor

---

Layout später ändern

Das Layout kann jederzeit im FAQ-Editor geändert werden:

1. Öffne den Edit Mode
2. Gehe zu Module & Features > FAQ
3. Tippe auf „Bearbeiten”
4. Wähle den Tab „Layout”
5. Wähle ein neues Layout
6. Die Änderung wird sofort übernommen

---

Erweiterte Layout-Optionen im FAQ-Editor

Nach dem Setup hast du im FAQ-Editor Zugriff auf weitere Optionen:

Akkordeon-Optionen

Option	Beschreibung
Mehrere öffnen	Mehrere FAQs gleichzeitig aufklappen
Erste öffnen	Erste FAQ standardmäßig geöffnet
Animation	Sanfte Auf-/Zuklapp-Animation
Pfeil-Icon	Aufklapp-Icon anzeigen/verstecken

Karten-Optionen

Option	Beschreibung
Kartenfarbe	Hintergrundfarbe der Karten
Eckenradius	Abrundung der Karten
Abstand	Abstand zwischen Karten

Listen-Optionen

Option	Beschreibung
Trennlinien	Linien zwischen Einträgen
Nummerierung	FAQs nummerieren
Abstand	Abstand zwischen Einträgen

---

Setup abschließen

Nach der Layout- und Design-Auswahl:

1. Tippe auf „Einrichtung abschließen”
2. Das FAQ-Modul ist jetzt vollständig eingerichtet
3. Du kannst jetzt FAQs erstellen

---

Tipps

Mit Akkordeon starten

Wenn du unsicher bist, wähle das Akkordeon-Layout. Es ist die klassische und bewährte Darstellung für FAQs.

Karten für wenige FAQs

Das Karten-Layout eignet sich gut, wenn du nur 5-10 wichtige FAQs hast, die alle sofort sichtbar sein sollen.

Liste für Minimalisten

Das Listen-Layout ist ideal für Apps mit minimalistischem Design, die auf Schnickschnack verzichten.

Mobile testen

Teste dein gewähltes Layout auf dem Smartphone. FAQs werden oft mobil gelesen.

---

Nächste Schritte

FAQ-Editor Erstelle deine ersten FAQs

Design anpassen Farben und Typografie konfigurieren

Zurück zur Übersicht FAQ-Modul Setup Übersicht