> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/formulare-und-umfragen/mobile-darstellung-von-formularen-und-umfragen-gestalten.md).

# Mobile Darstellung von Formularen und Umfragen gestalten

Passe Gestaltung und Text von Formularen und Umfragen speziell für kleine Bildschirme an, ohne die Desktop-Version zu verändern.

## Das Ergebnis

Im mobilen Bearbeitungsmodus kannst du das Erscheinungsbild für Smartphones anpassen, ohne die Desktop-Gestaltung zu überschreiben. Das betrifft unter anderem Layout, Kopf- und Hintergrundbilder sowie die Lesbarkeit von Feldbeschriftungen.

## Voraussetzungen

* Du hast ein Formular, eine Umfrage oder ein Quiz erstellt, das du im Builder bearbeiten darfst.
* Für eine Fortschrittsanzeige enthält die Umfrage oder das Quiz mindestens zwei Schritte.
* Plane für die abschließende Prüfung ein echtes Smartphone oder die mobile Vorschau ein.

## Mobilen Modus öffnen

1. Öffne das gewünschte Formular, die Umfrage oder das Quiz im Builder.
2. Wähle oben die Geräteauswahl und dann die mobile Ansicht.
3. Öffne rechts die Einstellungen für das ausgewählte Element.
4. Speichere nach der Änderung und öffne die Vorschau im mobilen Modus.

Änderungen in der mobilen Ansicht gelten nur dort. Umgekehrt verändern Desktop-Anpassungen die mobile Gestaltung nicht.

## Mobile Einstellungen sinnvoll nutzen

Im mobilen Modus kannst du für Kopfbereich und Hintergrund eigene Bilder hinterlegen. Wähle eher hochformatige, ruhige Motive, damit Text nicht abgeschnitten wird oder schwer lesbar wird.

Für Feldbeschriftungen, Kurzbeschriftungen und Platzhalter kannst du Schriftart, Größe und Gewicht getrennt anpassen. Kontrolliere zusätzlich Abstände, Rahmen und Hintergrund, denn ein Wert von null bei oberem oder unterem Abstand ist in der mobilen Ansicht möglich und bleibt auf die mobile Ansicht beschränkt.

Ändere mobilen Text nur, wenn er auf kleinen Bildschirmen wirklich klarer wird. Inhalt und Gestaltung sind getrennt: Ein kürzerer Hinweis im Mobilmodus kann sinnvoll sein, während die inhaltliche Frage gleich bleibt.

## Fortschrittsanzeige für mehrseitige Umfragen und Quizze

Eine Fortschrittsanzeige zeigt auf Smartphones, bei welchem Schritt sich eine Person befindet. Sie ist nur für mehrseitige Umfragen und Quizze vorgesehen. In der Desktop-Ansicht und bei nur einem Schritt wird sie nicht angezeigt.

1. Öffne die betreffende Umfrage oder das Quiz im Builder.
2. Wähle **Stile und Optionen**.
3. Öffne den Bereich **Fußbereich** und stelle die Geräteauswahl auf **Telefon**.
4. Aktiviere **Fortschrittsanzeige**.
5. Lege bei Bedarf die Farbe für Schritttext, gefüllten Bereich und noch offenen Bereich fest. Für eine genaue Markenfarbe kannst du einen HEX-Wert verwenden.
6. Speichere und teste die mehrseitige Umfrage in der mobilen Vorschau.

Die Einstellung ist anfangs ausgeschaltet und muss für jede Umfrage oder jedes Quiz einzeln aktiviert werden. Sie funktioniert sowohl bei einem an die Karte als auch bei einem an die Seite angehefteten Fußbereich.

### Wenn die Einstellung nicht auswählbar ist

Wechsle zuerst in der Geräteauswahl auf **Telefon**. Im Desktop-Modus lässt sich die Fortschrittsanzeige nicht aktivieren. Prüfe außerdem, ob die Umfrage oder das Quiz tatsächlich mehrere Schritte hat.

## Prüfroutine vor der Veröffentlichung

1. Öffne die mobile Vorschau.
2. Prüfe Kopfbild, Hintergrund und Kontrast.
3. Fülle alle Felder mit einer echten Testeingabe aus.
4. Kontrolliere Feldbeschriftungen und Platzhalter bei kleiner Schriftgröße.
5. Prüfe Pflichtfelder, Bedingungen, Fortschrittsanzeige und die Bestätigungsseite.
6. Vergleiche danach noch einmal die Desktop-Ansicht.

## Praxisbeispiel

Ein Betrieb verwendet eine ausführliche Anfrageumfrage. Für Smartphones hinterlegt er ein kompaktes Kopfbild, vergrößert die Feldbeschriftungen und aktiviert bei den drei Fragen die Fortschrittsanzeige. Nach einem Test auf einem echten Mobilgerät bleiben Fragen und Antworten unverändert, die Eingabe ist jedoch deutlich leichter lesbar.