Fortschrittsanzeige und Übergänge

Oben im Funnel zeigt eine Leiste den Fortschritt. Hier stellst du sie ein und bestimmst, wie sich der Funnel zwischen zwei Schritten bewegt.

Was der Besucher sieht

Über der Karte eines Frage-Schritts liegt die Fortschrittsanzeige, ganz oben ein dünner Fortschrittsbalken.

Auf einer Landing Page gibt es beides nicht. Sie ist kein Quiz-Schritt und zählt auch nicht mit. Ein Balken bei null Prozent auf der Startseite schreckt eher ab.

Die Einstellung

Du findest sie im Bereich Design unter Fortschritt. Das Auswahlfeld heißt Anzeige über der Karte und hat vier Stellungen.

Zähler ist die Voreinstellung: die Zeile Schritt x von y mit dem Prozentwert. Bei einem geraden Funnel zeigt sie, dass es gleich vorbei ist, und das hält Leute im Funnel. Hat der Funnel Verzweigungen, bleibt sie automatisch aus, weil je nach Antwort unterschiedlich viele Schritte kommen und eine feste Gesamtzahl dann falsch wäre.

Frage X von Y zählt nur die echten Fragen, nicht Kontakt oder Danke-Seite. Der Nenner passt sich an, wenn ein Zweig kürzer ist.

Benannte Schritte zeigt statt der Zeile deine Etappen als Pills (mehr dazu unten).

Ausblenden zeigt weder Zeile noch Etappen.

Der Balken bleibt in jedem Fall stehen. Er nennt keine Zahl und ist damit ehrlich genug. Auf einer Endseite steht keine Anzeige, und der Balken ist voll. Dort geht es nicht mehr weiter.

Benannte Schritte

Statt „Schritt 3 von 5" nennst du dem Besucher, wo er gerade steht: „Angaben", „Kontakt", „Fertig". Das ist überall dort stark, wo der Funnel eine erkennbare Abfolge hat und der Besucher wissen soll, was noch kommt:

• Mehrstufige Anmeldungen: etwa Registrieren, Bestätigen, Loslegen.
• Bewerbungen: Angaben, Unterlagen, Absenden.
• Buchungen: auswählen, Kontakt, Termin bestätigen.

So richtest du sie ein:

1. Im Bereich Design unter Fortschrittsanzeige auf Benannte Schritte stellen. Es erscheinen drei Beispiel-Etappen, die du sofort umbenennen kannst.
2. Etappen (2 bis 5) bearbeiten: Beschriftung eintippen, mit dem Griff sortieren, mit Etappe hinzufügen eine weitere anlegen. Kurze Wörter wirken am besten. Auf dem Telefon zeigt der Funnel nur die aktive Etappe ausgeschrieben, die übrigen als Nummer.
3. Im Bereich Inhalt ordnest du jedem Schritt eine Etappe zu (das Feld steht unter „Dieser Schritt"). Ein Schritt ohne eigene Zuordnung erbt die Etappe des Schritts davor. So genügt es meist, nur den ersten Schritt jeder Etappe zu setzen.

Die aktive Etappe ist immer die des Schritts, den der Besucher gerade sieht, auch bei Verzweigungen. Erledigte Etappen tragen einen Haken, kommende bleiben gedämpft. Weniger als zwei Etappen zeigt der Funnel wieder als Zähler; ohne mindestens zwei gibt es nichts anzuzeigen.

Wann was sinnvoll ist

• Zähler bei einem geraden Quiz mit wenigen Fragen. Die schlichte Zahl erklärt sich von selbst.
• Benannte Schritte bei einer erkennbaren Abfolge, in der Namen mehr sagen als eine Nummer (siehe oben).
• Ausblenden, wenn jede Andeutung von Länge stört, etwa bei einem sehr kurzen Funnel.

Übergänge zwischen Schritten

Der Wechsel läuft in zwei Phasen und kennt die Richtung. Geht es vorwärts, verlässt der alte Schritt die Karte nach links und der neue kommt von rechts herein. Beim Zurück ist es gespiegelt. Die Bewegung sagt also, wohin es geht.

Dazu drei Dinge, die ohne dein Zutun passieren:

• Die Karte wächst oder schrumpft mit, statt zu springen. Ein kurzer Schritt nach einem langen lässt sie also nicht zusammenschnappen.
• Die Antworten des neuen Schritts erscheinen gestaffelt, eine nach der anderen.
• Tippt jemand eine Antwort an, die sofort weiterträgt, füllt sie sich kurz sichtbar, bevor der Wechsel beginnt.

Landing Pages werden nur überblendet, ohne seitliche Bewegung. Sie sind so breit wie das Fenster, ein Schub sähe dort falsch aus.

Hat ein Besucher in seinem Betriebssystem Bewegung reduzieren eingeschaltet, bekommt er statt der Bewegung ein schlichtes Überblenden. Einstellen lassen sich die Übergänge im Builder nicht.