# Modèles de conception pour Stripe Apps

Suivez les modèles de conception que nous recommandons pour accélérer la vérification de votre application Stripe.

Les modèles forment la base du design de votre application. Considérez-les comme une combinaison de composants. Par exemple, vous pouvez créer un **écran de chargement** en combinant un **indicateur d’attente** et d’autres composants individuels. Nous ajouterons des instructions à cette section à mesure que nous mettrons en place de nouveaux modèles. Suivez ces modèles lorsque vous concevez votre application, pour une expérience cohérente, claire et évolutive.

## Inscription des utilisateurs

- [Inscription des utilisateurs](https://docs.stripe.com/stripe-apps/patterns/onboarding-experience.md): Proposez aux utilisateurs un flux d’inscription sécurisé et intuitif.
- [Connexion](https://docs.stripe.com/stripe-apps/patterns/sign-in.md): Utilisez ce modèle de connexion ou d’inscription recommandé comme première étape de votre flux d’inscription.
- [Connexion via les paramètres](https://docs.stripe.com/stripe-apps/patterns/settings-signin.md): Lorsque vous développez une application back-end uniquement, créez votre flux d’inscription dans les paramètres Stripe de l’utilisateur.
- [Contenu de démonstration](https://docs.stripe.com/stripe-apps/patterns/demo.md): Lorsque vous affichez du contenu de démonstration, suivez ce modèle pour mettre en évidence les principales fonctionnalités de votre application.
- [Contexte supplémentaire](https://docs.stripe.com/stripe-apps/patterns/additional-context.md): Lorsque vous fournissez des informations contextuelles supplémentaires aux utilisateurs, consacrez-leur un espace sur un écran distinct.
- [Rediriger vers Stripe](https://docs.stripe.com/stripe-apps/patterns/redirects.md): Si les utilisateurs doivent ouvrir un nouvel onglet pour finaliser le flux d’inscription, utilisez ce modèle pour leur permettre de revenir facilement à Stripe.
- [Déconnexion](https://docs.stripe.com/stripe-apps/patterns/sign-out.md): Utilisez ce modèle pour fournir aux utilisateurs un flux clair et universel lorsqu’ils se déconnectent de votre application.

## Actions de l’utilisateur

- [Lien de retour](https://docs.stripe.com/stripe-apps/patterns/back-link.md): Utilisez ce modèle pour permettre aux utilisateurs de revenir à la page précédente.
- [Boutons d'action](https://docs.stripe.com/stripe-apps/patterns/action-buttons.md): Utilisez ce modèle pour mettre en évidence l’action principale à effectuer par utilisateur.

## État

- [État de la communication](https://docs.stripe.com/stripe-apps/patterns/communicating-state.md): Utilisez ce modèle pour communiquer clairement l’état d’une requête aux utilisateurs.
- [État vide](https://docs.stripe.com/stripe-apps/patterns/empty-state.md): Utilisez ce modèle pour informer les utilisateurs de l’absence de données à charger.
- [Chargement en cours](https://docs.stripe.com/stripe-apps/patterns/loading.md): Utilisez ce modèle pour informer les utilisateurs d’un téléchargement de données en cours.
- [Étapes de progression](https://docs.stripe.com/stripe-apps/patterns/progress-stepping.md): Utilisez ce modèle permettre aux utilisateurs de suivre toutes les étapes de progression d’une tâche spécifique.
- [Écrans d'attente](https://docs.stripe.com/stripe-apps/patterns/waiting-screens.md): Utilisez ce modèle pour permettre aux utilisateurs de comprendre qu’ils se connectent à Stripe.

## Disposition

- [Listes](https://docs.stripe.com/stripe-apps/patterns/lists.md): Utilisez ce modèle pour organiser les informations sous forme de liste.