Passer au contenu principal

Documentation Index

Fetch the complete documentation index at: https://docs.replit.com/llms.txt

Use this file to discover all available pages before exploring further.

⏰ Durée estimée : 15 minutes Un prototype est la plus petite version d’une idée de produit qu’une personne peut essayer et sur laquelle elle peut réagir. Vous utiliserez Pace comme exemple : un suivi de course premium qui offre aux coureurs une vue d’ensemble soignée de leur entraînement, leur récupération et leur progression.
Le prototype Pace publié à une URL publique — un tableau de bord de suivi de course premium avec la distance hebdomadaire, les courses récentes, les prochains entraînements et les réalisations

​
Ce que vous allez apprendre

Vous apprendrez à :
  • Transformer une idée de produit large en un flux testable.
  • Utiliser le mode Plan pour délimiter un prototype avant de le construire.
  • Évaluer si le plan d’Agent est suffisamment petit pour être testé.
  • Utiliser les annotations Canvas et la collaboration pour recueillir des retours en contexte.
  • Explorer deux directions de prototype en parallèle quand la question produit n’est pas encore claire.
1

Rédiger le prompt

Le prompt ci-dessus décrit Pace — un suivi de course personnel avec un tableau de bord d’accueil soigné, un flux Ajouter une course, des statistiques, une vue de plan de substitution et des données d’exemple réalistes de San Francisco. Utilisez Copier le prompt pour le coller dans Replit vous-même, ou Construire sur Replit pour ouvrir Replit avec le prompt déjà attaché.Le prompt est intentionnellement précis sur la direction visuelle, les écrans, les données à simuler et ce qui est un espace réservé — c’est ce qui donne à Agent une cible claire à évaluer.
2

Utiliser le mode Plan (optionnel)

Si vous souhaitez que Agent réfléchisse à la question produit avant d’écrire du code, activez Plan à côté du champ de prompt. Le mode Plan produit un plan structuré que vous pouvez examiner avant d’approuver la construction — utile quand la direction n’est pas encore totalement décidée.
Le compositeur de prompt Replit avec le brief du prototype Pace saisi et la case Plan mise en évidence, prête à délimiter la construction avant qu'Agent commence
Examinez le plan : utilisateur cible, flux principal, ce qui doit être réel, ce qui peut être simulé et une liste de contrôle de test. Si le plan ajoute trop de fonctionnalités, demandez à Agent de le réduire.
3

Examiner ce qu'Agent a construit

Quand Agent a terminé, ouvrez Preview et utilisez Pace comme un premier visiteur.Vérifiez que vous pouvez :
  • Voir le tableau de bord d’Alex Morgan rempli de courses d’exemple réalistes.
  • Enregistrer une nouvelle course depuis le bouton flottant + ou le bouton héros Démarrer une course.
  • Voir la course apparaître dans Courses récentes et les statistiques Cette semaine se mettre à jour.
  • Parcourir les onglets Courses, Stats, Plan et Profil.
  • Redimensionner Preview à la largeur d’un téléphone pour vérifier la mise en page mobile.
Si quelque chose ne semble pas correct, décrivez le symptôme à Agent et demandez le correctif le plus petit possible.
Le prototype Pace dans Preview — l'espace de travail affiche le chat d'Agent à gauche et le tableau de bord Pace rempli à droite, la surface avec laquelle un premier visiteur interagirait
4

Publier et demander des retours

Publiez quand le flux principal fonctionne.
L'éditeur de projet avec les deux points d'entrée de publication visibles : la carte Publier intégrée dans le chat Agent avec un champ de sous-domaine et la tuile Publication dans le panneau Outils et fichiers
Une fois publié, ouvrez l’URL publique dans un nouvel onglet pour vous assurer que l’expérience fonctionne pour les premiers visiteurs avant de la partager.
Le prototype Pace publié ouvert dans un nouvel onglet de navigateur, prêt à être partagé avec des évaluateurs pour des retours ciblés
Partagez l’URL avec une tâche ciblée :
Utilisez Pace en tant que coureur essayant de suivre une semaine d’entraînement. Enregistrez une course, parcourez le tableau de bord et dites-moi ce qui vous semble déroutant ou motivant.
De bons retours doivent vous aider à décider quoi construire ensuite. Évitez de demander « Qu’en pensez-vous ? » si vous voulez des réponses précises.
5

Collaborer avec votre équipe

Les prototypes de produit s’améliorent quand les coéquipiers peuvent examiner le même artefact et donner des retours en contexte.Invitez des collaborateurs selon la proximité avec laquelle ils ont besoin de travailler avec vous :
  • Invitez quelqu’un au projet quand il a besoin d’examiner ce prototype uniquement ou d’y contribuer. Voir Inviter des coéquipiers.
  • Invitez quelqu’un à un espace de travail quand il fait partie d’une équipe en cours et a besoin d’accéder à plusieurs projets. Voir Espaces de travail d’équipe.
La boîte de dialogue Inviter ouverte dans la barre supérieure de l'espace de travail avec le champ de saisie nom d'utilisateur ou e-mail mis en évidence, prête à inviter un coéquipier au projet
Utilisez ensuite Canvas quand les retours sont visuels. Ajoutez des notes directement sur le prototype, annotez la zone que vous souhaitez modifier et demandez à Agent d’utiliser ces notes lors de la mise à jour de l’application.
Le cadre Pace sur le Canvas avec un rectangle, une flèche et une étiquette de texte pointant vers un emplacement 'Bouton de connexion avec Strava' à côté du bouton Enregistrer une course — le type de note contextuelle que les collaborateurs peuvent laisser pour Agent
Pour les chefs de produit, cela signifie que le prototype fonctionne comme un artefact partagé : les designers peuvent annoter les flux, les ingénieurs peuvent évaluer la faisabilité et les parties prenantes peuvent essayer la version publiée.

​
🎉 Félicitations

Vous avez transformé une idée de produit en un prototype ciblé et partageable — un tableau de bord Pace fonctionnel que vos coéquipiers et clients peuvent essayer et sur lequel réagir. La partie difficile n’était pas ce prototype. C’était d’apprendre à réduire une idée large à un seul flux testable, à recueillir des retours en contexte et à décider ce qui vaut la peine d’être construit ensuite.

​
Étapes suivantes

Utilisez les retours pour choisir une prochaine étape :

Ajouter une base de données

Sauvegardez l’historique des courses pour qu’il survive à l’actualisation.

Ajouter une connexion

Donnez à chaque coureur un compte avec sa propre progression.

Créer une application mobile

Portez Pace vers un suivi en priorité sur téléphone sur iOS ou Android.

Créer un tableau de bord à partir de données

Transformez l’historique des courses en insights de progression.

​
Construire en parallèle

Quand la question produit porte sur la direction, pas seulement sur l’implémentation, explorer plusieurs idées à la fois vous aide à comparer les options plutôt que de vous engager trop tôt. Replit Agent prend en charge les tâches parallèles — vous pouvez demander à Agent de travailler sur plus d’un prototype, d’une fonctionnalité ou d’une expérience à la fois et les examiner côte à côte.
Vue des fils montrant plusieurs tâches Agent s'exécutant en parallèle avec des indicateurs d'état
Pour savoir comment les tâches se mettent en file, s’exécutent et se terminent, consultez le Système de tâches. Quand vous n’êtes pas sûr de quelle direction est meilleure, demandez à Agent de créer deux tâches parallèles. Pour Pace, vous pourriez comparer :
  • Prototype axé sur la motivation : séries, réalisations, recommandations encourageantes.
  • Prototype axé sur les analyses : statistiques plus approfondies, tendances semaine par semaine, records personnels.
Après que les deux tâches sont terminées, comparez-les avec la même question de retour :
Quelle version vous donne le plus envie de revenir demain, et pourquoi ?

​
Besoin d’aide supplémentaire ?

  • Le prototype a trop de fonctionnalités : demandez à Agent de le réduire à un utilisateur cible et un flux.
  • L’audience n’est pas claire : demandez à Agent de réécrire la section de bienvenue pour un utilisateur cible.
  • Les données simulées cachent des risques : demandez à Agent de lister ce qui est réel et ce qui est simulé.
  • Les retours sont vagues : donnez aux évaluateurs une tâche et une question.
  • La publication échoue : utilisez Résoudre les problèmes de publication.

​
En relation