Freigeben über


Entwerfen von Abrechnungsseiten in einer mobilen Breitband-App

Sie sollten dem Benutzer die Möglichkeit geben, eine Abrechnungszusammenfassung, einen Abrechnungsverlauf anzuzeigen, Zahlungen zu tätigen oder den Plan aufzuladen.

Screenshot der Seite

Das Formular Zum Bezahlen muss den Formularrichtlinien entsprechen, die unter Entwerfen von Kaufflows in einer mobilen Breitband-App beschrieben sind. Diese Seite kann von der Abrechnungsseite für post-paid-Pläne und über die Schaltfläche Jetzt aufladen auf der Angebotsseite für Prepaid-Pläne verknüpft werden.

Screenshot des Zahlungsformulars in einer mobilen Breitband-App.

Kurzzusammenfassung

Geeigneter Entwurf für die Abrechnungsseite:

  • Befolgen Sie die Formularrichtlinien, einschließlich Linksausrichtung, Leerraum, korrekter Rasterausrichtung und Berührungsfreundlichkeit.

  • Verwenden Sie ein einfaches Layout, um die Lesbarkeit zu verbessern.

  • Verwenden Sie vertikales Scrollen für lange Formulare, da dies das Tabstoppen und die Verwendung der Onlinetastatatur erleichtert.

  • Machen Sie den Zahlungsvorgang zu einem einfachen Erlebnis.

Ungeeigneter Entwurf für die Abrechnungsseite:

  • Versuchen Sie nicht, Leerraum aufzufüllen.

  • Verwenden Sie keinen iFrame, um die Flows zu hosten. Stattdessen fließt der Build direkt in die App-Benutzeroberfläche ein.

  • Lassen Sie den Benutzer nicht lange warten, ohne visuelles Feedback zu geben.

  • Verknüpfen Sie nicht mit externen Websites außerhalb der App.

Zusätzliche Ressourcen

Entwerfen der Benutzererfahrung einer mobilen Breitband-App