Paywall-Design für mobile Apps: Machen Sie die Abonnementauswahl klar
Ein praktischer Leitfaden zum Paywall-Design für mobile Apps, der Wert, Planvergleich, Test- und Verlängerungsbedingungen, Kaufkontext und eine Überprüfungscheckliste abdeckt.
Eine Paywall ist ein Moment der Wahl innerhalb eines größeren Produkterlebnisses. Jemand sollte in der Lage sein, zu sagen, was ein kostenpflichtiger Plan hinzufügt, ob er seinen Bedürfnissen entspricht, was ihm in Rechnung gestellt wird und was passiert, wenn er sich entscheidet, ohne Abonnement fortzufahren.
Die stärkste Designarbeit beginnt vor dem visuellen Styling. Entscheiden Sie, was die Person gerade versucht hat, welche Abonnementvorteile zu diesem Zeitpunkt relevant sind und welche Planbedingungen verstanden werden müssen, bevor das Systemkaufformular angezeigt wird. Nutzen Sie dann eine gezielte Überprüfung, um Unklarheiten im Angebot, in der Hierarchie und in den Fluchtwegen zu erkennen.
Wichtige Erkenntnisse
- Verbinden Sie das Angebot mit einem konkreten Produktnutzen und der Aktion, die dazu geführt hat.
- Zeigen Sie den tatsächlichen Betrag und das Abrechnungsintervall für jeden Plan an, einschließlich dessen, was auf ein Einführungsangebot folgt.
- Sorgen Sie dafür, dass Planvergleich, Testbedingungen, Kauf, Wiederherstellung, Anmeldung und Kündigung in einem Ablauf verständlich sind.
- Sehen Sie sich die Paywall im Kontext und in allen lokalen, barrierefreien und wiederkehrenden Abonnentenstaaten an.
Beginnen Sie mit dem Moment, nicht mit der Vorlage
Eine Paywall, die angezeigt wird, nachdem jemand auf eine gesperrte Funktion tippt, hat beim Onboarding eine andere Aufgabe als eine Abonnementeinladung. Benennen Sie die Funktion und erläutern Sie den spezifischen Vorteil, der dadurch verfügbar wird. Geben Sie beim Onboarding genügend Orientierung, um zu zeigen, wie sich ein Abonnement auf das Produkt bezieht. Eine Aufforderung ohne Kontext kann sich wie eine Unterbrechung anfühlen.
Nutzen Sie den umgebenden Fluss, um Erwartungen zu wecken. Wenn die Leute einen Teil des Produkts zuerst ausprobieren können, lassen Sie diese Erfahrung den Wert demonstrieren. Wenn der Zugriff eingeschränkt ist, erläutern Sie die Beschränkung und wann sie zurückgesetzt wird. Die Human Interface Guidelines von Apple empfehlen relevante Eingabeaufforderungen; Google Play erwartet Werbeaktionen, die klären sollen, ob die App ohne Abonnement genutzt werden kann.
Personen, die sich bereits angemeldet haben, müssen sich möglicherweise anmelden oder wiederherstellen. Jemand, der noch nicht bereit ist, benötigt möglicherweise einen klaren Weg zurück zum Produkt. Gestalten Sie diese als echte Pfade und prüfen Sie, ob sie an einen sinnvollen Ort führen.
Machen Sie das Angebot einfach zu vergleichen
Geben Sie jeder Option einen Kurznamen, eine Dauer und eine direkte Preisangabe. Der Betrag, der den Leuten tatsächlich in Rechnung gestellt wird, sollte leicht zu ermitteln sein; ein kleinerer Monatsäquivalent kann beim Tarifvergleich hilfreich sein, sollte jedoch nicht den gesamten Rechnungsbetrag ersetzen. Wenn ein Plan standardmäßig ausgewählt ist, sollte die Auswahl sichtbar sein und die Begründung sollte nicht von einem vagen Abzeichen wie „Bester Wert“ abhängen.
Ein nützlicher Vergleich zeigt, was sich zwischen den Plänen ändert: Zugriffsebene, Inhalt, Service, Dauer oder ein anderer sinnvoller Vorteil. Vermeiden Sie es, Menschen aus der Farbe oder einem Rabattprozentsatz auf den Unterschied schließen zu lassen. Wenn es einen Plan gibt, nutzen Sie den Raum, um dessen Wert und Bedingungen zu erläutern.
Die Anleitung zum In-App-Kauf von Apple fordert klare Optionen, Preis und Dauer sowie den Gesamtabrechnungspreis. Google Play warnt davor, ein Langzeitabonnement hauptsächlich als monatliche Aufschlüsselung darzustellen, wenn die tatsächliche Gebühr für den gesamten Zeitraum fällig ist. Behandeln Sie die Gesamtgebühr als primäre Information und verwenden Sie dann sekundäre Vergleichsdetails, wo es hilfreich ist.
| Überprüfungsbereich | Klare Darstellung | Frage, die man stellen muss |
|---|---|---|
| Identität planen | Name und Dauer unterscheiden jede Option | Kann jemand sagen, was anders ist, ohne zu raten? |
| Preis | Gesamtgebühr und Abrechnungsintervall werden zusammen angezeigt | Ist der jetzt fällige Betrag auffälliger als eine entsprechende Aufschlüsselung? |
| Einführungsangebot | Angebotsdauer, Anfangspreis und nächster Preis werden angegeben | Kann jemand erklären, was er nach Ablauf des Angebots bezahlen wird? |
| Vorteile | Der spezifische Inklusivzugang ist an den Plan gebunden | Entspricht jeder Anspruch dem, was das Produkt während der gesamten Abonnementdauer liefert? |
Erklären Sie Prüfungen und Erneuerungen im Klartext
Eine kostenlose Testversion ist ein zeitlich begrenztes Angebot, das zu einem kostenpflichtigen Abonnement führen kann. Geben Sie die Dauer an, wann die erste Zahlung erfolgt, den Betrag und die Zeitspanne, die folgt, und ob sich der Plan automatisch verlängert. Platzieren Sie diese Angaben in der Nähe des entsprechenden Plans und der entsprechenden Maßnahme.
Lassen Sie nicht zu, dass eine Tastenbeschriftung die gesamte Erklärung enthält. Eine Bezeichnung wie „Kostenlose Testversion starten“ beschreibt den unmittelbaren Schritt, nicht jedoch die spätere Gebühr. Kombinieren Sie es mit prägnanten, lesbaren Begriffen. Sorgen Sie dafür, dass der Text bei üblichen Anzeigegrößen lesbar ist, lassen Sie ihn bei größeren Texteinstellungen wachsen und vermeiden Sie die Platzierung wichtiger Begriffe in geringem Kontrast oder ein Layout, das nach der Lokalisierung wahrscheinlich abgeschnitten wird.
Das Kaufformular ist Teil des Plattformablaufs und kein Ersatz für einen zusammenhängenden Angebotsbildschirm. Apple empfiehlt, das Standardbestätigungsblatt zu verwenden und es nicht zu imitieren. Machen Sie die Auswahl und die Bedingungen klar, bevor Sie sie an die Benutzeroberfläche des Systems übergeben, und geben Sie dann den resultierenden Abonnementstatus genau in der App wieder.
- Testdauer und Berechtigung sind für das angezeigte Angebot klar ersichtlich.
- Das Datum oder Ereignis, an dem die Abrechnung beginnt, ist verständlich.
- Der Preis nach der Testversion, der Abrechnungszeitraum und die automatische Verlängerung sind vor dem Kauf sichtbar.
- Die gleichen Begriffe bleiben in der Sprache und Währung des Benutzers verständlich.
Überprüfen Sie den gesamten Kauf- und Retourenfluss
Befolgen Sie die primäre Aktion in der nativen Kaufbestätigung und überprüfen Sie dann die Status „Erfolg“, „Stornierung“, „Ausstehend“ und „Fehler“. Bestätigen Sie, dass ein stornierter Kauf nicht abgeschlossen zu sein scheint. Überprüfen Sie, was passiert, wenn die App erneut geöffnet wird, wenn sich jemand auf einem anderen Gerät anmeldet und wenn ein aktueller Abonnent das Angebot erreicht.
Machen Sie Konto- und Wiederherstellungsoptionen leicht auffindbar. Bestehende Abonnenten sollten nicht dazu aufgefordert werden, denselben Zugang erneut zu kaufen, wenn die Anmeldung oder Wiederherstellung der richtige nächste Schritt ist. Apple empfiehlt bestehenden Abonnenten eine Möglichkeit, sich anzumelden oder Einkäufe wiederherzustellen. Die Abonnementverwaltung gehört an einen vorhersehbaren Konto- oder Einstellungsort. Apple legt außerdem Wert darauf, die Kündigung einfach zu gestalten. Bei Google Play gehören die Offenlegung von Abonnements und eine Möglichkeit zur Online-Kündigung zu den aktuellen Anforderungen der Plattform. Befolgen Sie die aktuellen Implementierungsrichtlinien des Shops für die entsprechende Abrechnungsroute.
Vergleichen Sie die Paywall mit dem Produkt um sie herum. Schrift, Bildsprache und Interaktion sollten sich integriert anfühlen. Nutzen Sie die ScreenKits Paywall-Bibliothek, um zu untersuchen, wie erfasste Bildschirme Preis, Vorteile, Testsprache und Exit-Kontrollen anordnen, und vergleichen Sie diese Beobachtungen dann mit dem gesamten App-Ablauf. Die Galerie ist eine Designreferenz und kein Beweis dafür, dass ein Muster effektiv oder konform ist.
- Kann sich ein wiederkehrender Abonnent anmelden oder den Zugriff wiederherstellen, ohne von vorne zu beginnen?
- Ist klar, wie das Angebot abgelehnt oder mit dem verfügbaren kostenlosen Zugang fortgefahren werden kann?
- Erklären Kauferfolg, Stornierung und Fehlerstatus, was passiert ist und was als nächstes zu tun ist?
- Können Benutzer den Abonnementstatus und die Verwaltung in den Kontoeinstellungen finden?
- Wurden Lokalisierung, Textskalierung, Kontrast, Screenreader und Touch-Ziele überprüft?
Eine praktische Checkliste für die Überprüfung des Paywall-Designs
Verwenden Sie diese Checkliste bei einer Designkritik, einer Prototypenüberprüfung oder einer exemplarischen Vorgehensweise vor der Veröffentlichung. Prüfen Sie jeden Punkt aus der Perspektive einer Person, die das Angebot zum ersten Mal sieht, und wiederholen Sie die Prüfung dann als wiederkehrender Abonnent. Wenn ein Prüfer eine Frage nicht über den Bildschirm und den unmittelbaren Ablauf beantworten kann, klären Sie die Benutzeroberfläche, bevor Sie sich auf unterstützende Inhalte verlassen, um die Lücke zu schließen.
| Überprüfen | Bedingung bestanden |
|---|---|
| Kontext | Der Grund dieses Angebots und der damit verbundene Nutzen liegen auf der Hand. |
| Zugang | Der Bildschirm zeigt genau an, was bezahlt werden muss und was ohne Bezahlung verfügbar bleibt. |
| Vergleich | Jede Option hat einen eindeutigen Namen, eine eindeutige Dauer und eine eindeutige Gesamtgebühr. |
| Versuch | Angebotsdauer, Abrechnungsbeginn, Folgepreis und Verlängerung sind gemeinsam sichtbar. |
| Aktion | Die Hauptschaltfläche beschreibt den nächsten Schritt und verdeckt keine wesentlichen Begriffe. |
| Alternativen | Abweisungs-, Anmelde- und Wiederherstellungsaktionen sind bei Bedarf erkennbar. |
| Zustände | Kauferfolg, -abbruch und -misserfolg führen jeweils zu einem nachvollziehbaren Ergebnis. |
| Zugangsbedürfnisse | Der Text bleibt auch bei Vergrößerung lesbar und der Inhalt funktioniert mit unterstützender Technologie. |
| Lokalisierung | Preise, Währungen, Daten und Texte passen auf unterstützte Märkte ohne Kürzung. |
| Management | Ein Abonnent kann den Abonnementstatus und den Verwaltungspfad der App finden. |
Häufige Fragen
Was sollte eine Paywall für mobile Apps beinhalten?
Erklären Sie die relevanten Abonnementvorteile, unterscheiden Sie die einzelnen Pläne, zeigen Sie die Gesamtgebühr und das Abrechnungsintervall an, legen Sie ggf. Test- und Verlängerungsbedingungen offen und bieten Sie nützliche Wege für bestehende Abonnenten und Personen, die nicht kaufen.
Sollte eine Paywall einen monatlichen Gegenwert für einen Jahresplan anzeigen?
Es kann dabei helfen, die Dauer zu vergleichen, sollte aber gegenüber dem Gesamtabrechnungsbetrag und dem Abrechnungsintervall zweitrangig bleiben. Machen Sie die tatsächliche Anklage unverkennbar.
Wo sollte eine Abonnement-Paywall erscheinen?
Platzieren Sie es an einem relevanten Punkt, beispielsweise wenn jemand eine kostenpflichtige Funktion auswählt oder ein klar erläutertes Limit für die kostenlose Nutzung erreicht. Erklären Sie, warum das Angebot angezeigt wird, und stellen Sie einen klaren Weg zu allen verfügbaren, nicht bezahlten Erlebnissen her.
