# Entwurfsmuster für Stripe Apps

Befolgen Sie unsere empfohlenen Entwurfsmuster, damit Ihre Stripe-App schneller überprüft wird.

Muster bilden die Grundlage Ihres App-Designs. Stellen Sie sich diese als eine Kombination verschiedener Komponenten vor: z. B. die Kombination der **Ladeanzeige** mit andere einzelnen Komponenten zur Erstellung eines **Ladebildschirms**. Wenn wir neue Muster erstellen, aktualisieren wir diese Seite mit entsprechenden Anleitungen. Befolgen Sie diese Muster bei der Gestaltung Ihrer App, damit sie auf konsistente, klare und sklarierbare Weise funktioniert.

## Onboarding

- [Onboarding](https://docs.stripe.com/stripe-apps/patterns/onboarding-experience.md): Bieten Sie Nutzern/innen einen sicheren und intuitiven Ablauf zum Onboarding.
- [Anmelden](https://docs.stripe.com/stripe-apps/patterns/sign-in.md): Nutzen Sie diese Anmelde- oder Registrierungsvorlage als ersten Schritt in Ihrem Onboarding-Prozess.
- [Anmelde-Einstellungen](https://docs.stripe.com/stripe-apps/patterns/settings-signin.md): Wenn Sie eine reine Back-End-App gestalten, erstellen Sie Ihren Onboarding-Vorgang als Teil der Stripe-Einstellungen des/der Nutzer/in.
- [Demo-Inhalte](https://docs.stripe.com/stripe-apps/patterns/demo.md): Befolgen Sie beim Anzeigen von Demo-Inhalten dieses Muster, um die wichtigsten Funktionen Ihrer App hervorzuheben.
- [Weitere Inhalte](https://docs.stripe.com/stripe-apps/patterns/additional-context.md): Wenn Sie Ihren Nutzer/innen weitere Inhalte bereitstellen, sollten Sie dafür einen speziellen Bereich auf einem separaten Bildschirm einrichten.
- [Weiterleitung zu Stripe](https://docs.stripe.com/stripe-apps/patterns/redirects.md): Wenn zum Abschließen des Onboarding-Ablaufs eine neue Registerkarte geöffnet werden muss, zeigen Sie Nutzer/innen mit diesem Muster deutlich, wie diese zu Stripe zurückkehren.
- [Abmelden](https://docs.stripe.com/stripe-apps/patterns/sign-out.md): Mit diesem Muster ermöglichen Sie Nutzer/innen einen klaren, einheitlichen Abmeldungsvorgang in Ihrer App.

## Nutzeraktionen

- [Backlink](https://docs.stripe.com/stripe-apps/patterns/back-link.md): Verwenden Sie dieses Muster, damit Nutzer/innen zu einer vorherigen Seite wechseln können.
- [Aktionsschaltflächen](https://docs.stripe.com/stripe-apps/patterns/action-buttons.md): Mit diesem Muster machen Sie deutlich, welche Hauptaktion Nutzer/innen durchführen müssen.

## Status

- [Status „Kommunikation“](https://docs.stripe.com/stripe-apps/patterns/communicating-state.md): Mit diesem Muster kommunizieren Sie den Status einer Anfrage klar an Ihre Nutzer/innen.
- [Status „Leer“](https://docs.stripe.com/stripe-apps/patterns/empty-state.md): Mit diesem Muster machen Sie Nutzer/innen deutlich, dass keine Daten zum Laden verfügbar sind.
- [Wird geladen](https://docs.stripe.com/stripe-apps/patterns/loading.md): Mit diesem Muster machen Sie Nutzer/innen deutlich, dass Daten heruntergeladen werden.
- [Schrittweiser Fortschritt](https://docs.stripe.com/stripe-apps/patterns/progress-stepping.md): Mit diesem Muster können Nutzer/innen den Fortschritt einer bestimmten Aufgabe Schritt für Schritt nachverfolgen.
- [Wartebildschirme](https://docs.stripe.com/stripe-apps/patterns/waiting-screens.md): Mit diesem Muster machen Sie Nutzer/innen deutlich, dass sie sich mit Stripe verbinden.

## Layout

- [Listen](https://docs.stripe.com/stripe-apps/patterns/lists.md): Mit diesem Muster werden Informationen als Liste organisiert.