Design Mode
Utilisez un brief textuel pour choisir d'abord une direction visuelle, puis créez une application fonctionnelle à partir de cette direction approuvée.
Design Mode est le parcours de création axé sur le design de Verdent pour les nouvelles applications avec une interface visible. Utilisez-le lorsque vous avez une idée en tête, mais pas encore de design finalisé, de capture d'écran, de guide de style ou de plan de pages complet.
Plutôt que de vous lancer directement dans le code, Design Mode vous aide à définir d'abord l'apparence et le ressenti du produit, puis transforme la direction approuvée en une application fonctionnelle.
Quand utiliser Design Mode
Utilisez Design Mode lorsque vous souhaitez créer une nouvelle interface produit à partir d'un brief textuel, par exemple :
- une application full-stack
- un frontend web ou une landing page
- une application mobile
- une idée de produit partant de zéro, dont la direction visuelle n'est pas encore décidée
Quand ne pas l'utiliser
Ne pas utiliser Design Mode dans les cas suivants :
- le projet est un utilitaire simple à un seul écran, comme un formulaire basique ou une très petite application de démonstration
- vous disposez déjà d'un brief de design complet avec une direction stylistique concrète, une palette, un système typographique et une liste de pages ou d'écrans
- vous disposez déjà de fichiers de design, de maquettes, de captures d'écran ou d'un guide de style à suivre directement
- vous souhaitez explicitement passer le design et aller directement au code
Si votre brief est déjà suffisamment précis, Verdent peut l'utiliser comme direction retenue et passer directement à la planification des pages et au travail de construction.
Fonctionnement de Design Mode
Décrivez le produit
Commencez par un brief en langage simple : ce que vous voulez créer, à qui cela s'adresse, ce que le produit doit faire, et toute référence d'ambiance ou de style que vous avez déjà en tête.
Choisissez une direction visuelle
Verdent explore des directions de design distinctes afin que vous puissiez choisir l'apparence et le ressenti avant que le code ne soit écrit.
Planifiez les pages ou les écrans
Pour les produits multi-pages, full-stack ou plus complexes, Verdent transforme la direction choisie en un plan de pages ou d'écrans et en un cahier des charges produit en langage simple.
Construisez à partir de la direction approuvée
Une fois la direction clarifiée, Verdent réintègre le design dans une application fonctionnelle et veille à ce que les décisions ultérieures restent liées au design et au cahier des charges approuvés.
Prévisualisez et poursuivez
Passez en revue l'application en aperçu, puis poursuivez avec le travail backend, les tests ou d'autres itérations selon les besoins.
Comment utiliser Design Mode dans Verdent Desktop
Lorsque vous démarrez un nouveau produit dans Manager, décrivez l'application que vous souhaitez créer. Si vous n'avez pas encore de direction de design concrète, ouvrez Design Mode et Verdent vous aidera à choisir une direction visuelle avant de commencer la construction.
Vous pouvez garder le brief simple, mais rendez-le suffisamment précis pour guider les décisions de design :
- ce qu'est le produit
- qui l'utilisera
- la tâche principale qu'il doit aider à accomplir
- les pages, écrans ou états dont vous savez déjà avoir besoin
Exemples de briefs
Landing page
Créez une landing page pour une application de finances personnelles destinée aux freelances. Elle doit dégager une impression de calme, de confiance et d'éditorial, avec un hero, des sections de fonctionnalités, une tarification et une FAQ.
Application multi-écrans
Créez un suivi d'habitudes mobile-first destiné aux personnes en convalescence d'un burn-out. L'application doit être douce et tactile, avec un onboarding, un check-in quotidien, une vue de progression et des paramètres.
Conseils pour de meilleurs résultats
- Indiquez à qui s'adresse le produit.
- Décrivez le ressenti souhaité, pas seulement la liste des fonctionnalités.
- Mentionnez les pages ou écrans connus si vous les avez déjà identifiés.
- Partagez tôt les références ou contraintes si elles ont de l'importance.
- Indiquez ce qu'il faut éviter si vous savez déjà ce qui ne conviendrait pas.
- Pour les produits complexes, attendez-vous à devoir valider la liste des pages et le cahier des charges avant que la construction complète ne se poursuive.