v0 pour les Chefs de Produit | Démo

Allie présente vZero comme une solution pour les chefs de produit et designers qui ont de nombreuses idées mais manquent de temps pour les concrétiser. L'outil permet d'accélérer l'exploration de concepts et la collaboration en transformant une simple idée tapée en prototype fonctionnel instantané. La promesse principale est de passer d'une idée ou d'un PRD (Product Requirements Document) à un prototype en ligne en quelques minutes, sans attente ni présentations superflues. L'objectif est de fournir des prototypes concrets qui aident les équipes à s'aligner et à livrer plus rapidement.

La démo commence avec un exemple méta : utiliser vZero pour créer vZero lui-même. L'équipe travaille à partir d'un modèle d'équipe partagé, qui est essentiellement une mini version de vZero construite dans vZero, servant de référence pour identifier ce qui fonctionne ou non. Les modèles d'équipe permettent d'importer et d'utiliser les systèmes de design d'équipe dans toute l'organisation, garantissant que toutes les générations correspondent aux designs et à l'identité de marque existants. Dans cet exemple, le designer a déjà créé un modèle correspondant à l'apparence de l'application, permettant d'itérer directement sur cette version miniature dans vZero.

L'équipe explore comment augmenter la conversion sur la page d'accueil en mode déconnecté en testant l'hypothèse de remplacer cinq boutons sous le chat par une approche différente. Observant que les utilisateurs ne cliquent pas vraiment sur ces boutons, ils veulent essayer une nouvelle stratégie pour afficher les suggestions de prompts. La méthodologie consiste à commencer par une capture d'écran de la section spécifique de l'application à modifier (la boîte de chat et les cinq boutons), puis à utiliser cette image pour indiquer précisément à vZero les changements souhaités. Cette approche visuelle permet de cibler exactement la partie de l'interface à transformer.

Allie démontre comment formuler un prompt précis en glissant la capture d'écran dans la boîte de chat et en décrivant exactement les modifications désirées : retirer les actions suggérées et créer à la place un texte de substitution rotatif dans le champ de saisie avec des exemples de prompts choisis parmi une liste de 10, accompagné d'un effet de frappe simulant un effacement caractère par caractère puis une saisie rapide. Elle souligne que plus le prompt est précis et détaillé, mieux vZero peut construire le résultat souhaité. L'outil établit alors un plan de construction, puis écrit le code en temps réel pour créer la fonctionnalité demandée. En quelques instants, une maquette de l'idée exacte est générée et prête à être partagée avec l'équipe.

vZero propose un mode design qui permet d'effectuer des ajustements simples sans coder, comme modifier du texte, changer les polices, les couleurs et d'autres éléments visuels. Dans la démo, Allie clique sur un titre et change le mot 'ship' en 'create' en quelques clics, puis sauvegarde instantanément. L'outil offre également la possibilité de visualiser le rendu sur différents appareils via les vues d'aperçu en haut de l'écran. On peut ainsi voir comment le prototype s'affiche sur desktop, tablette ou téléphone, permettant de travailler sur la responsivité et d'optimiser l'expérience pour chaque format d'écran avant le déploiement.

La dernière étape consiste à déployer le prototype et à configurer la visibilité uniquement pour l'organisation, permettant aux coéquipiers d'accéder à la version de production et de laisser des commentaires directement via la barre d'outils Vercel. Dans l'exemple, un coéquipier peut suggérer de remettre le mot 'ship' au lieu de 'create' en laissant un commentaire sur l'interface déployée. L'auteur du prototype reçoit alors une notification et sait exactement quels changements effectuer en fonction des retours de l'équipe. Allie conclut en résumant que vZero aide à accélérer le processus, augmenter le nombre d'idées explorées par l'équipe, tester ces idées plus tôt et vraiment montrer visuellement ce que l'on veut dire, invitant les utilisateurs à créer leur prochain prototype sur v0.app.