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 Cloud pour les nouvelles applications avec une interface visible. Utilisez-le lorsque vous avez une idée exprimée en mots, mais pas encore de design finalisé, de capture d'écran, de guide de style ou de plan de pages complet.
Plutôt que de passer directement au code, Design Mode vous aide à déterminer d'abord l'apparence et la sensation que le produit doit avoir, 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
- un jeu multi-écrans ou une expérience interactive
- une idée de produit à créer de zéro dont la direction visuelle n'est pas encore décidée
Quand l'éviter
Évitez Design Mode lorsque :
- le projet est un utilitaire trivial à 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 directement au code sans étape de design
Si votre brief est déjà suffisamment précis, Verdent Cloud peut l'utiliser comme direction choisie 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 clair : ce que vous voulez construire, à qui il s'adresse, ce qu'il doit faire, ainsi que toute référence d'ambiance ou de style dont vous disposez déjà.
Choisissez une direction visuelle
Verdent Cloud explore des directions de design distinctes afin que vous puissiez choisir l'apparence et la sensation avant que le code ne soit écrit.
Planifiez les pages ou les écrans
Pour les produits multi-pages, full-stack ou plus complexes, Verdent Cloud transforme la direction choisie en un plan de pages ou d'écrans et une spécification produit en langage clair.
Construisez à partir de la direction approuvée
Une fois la direction claire, Verdent Cloud restaure le design dans une application fonctionnelle et veille à ce que les décisions ultérieures restent alignées sur le design et la spécification approuvés.
Prévisualisez et poursuivez
Passez en revue l'application dans l'aperçu, puis poursuivez avec le travail backend, les tests, l'analytique ou le déploiement selon les besoins.
Comment utiliser Design Mode dans Verdent Cloud
Depuis le flux de création Cloud, décrivez l'application que vous souhaitez construire plutôt que de choisir un modèle. Si vous n'avez pas encore de direction de design concrète, Verdent Cloud peut utiliser Design Mode pour vous aider à en choisir une 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 va l'utiliser
- la principale tâche que le produit doit les aider à accomplir
- les pages, écrans ou états que vous savez déjà nécessaires
- toute référence de ton ou de style, par exemple éditorial, ludique, fonctionnel, premium, minimaliste ou audacieux
- tout ce que vous ne voulez pas, comme des dégradés génériques, des visuels d'aspect banque d'images ou un certain style visuel
Exemples de briefs
Landing page
Créez une landing page pour une application de finances personnelles destinée aux freelances. Elle doit donner une impression de calme, de fiabilité et d'éditorial, avec une section hero, des sections de fonctionnalités, une tarification et une FAQ.
Application multi-écrans
Créez un suivi d'habitudes mobile-first pour les personnes en convalescence après un burn-out. Il doit donner une impression 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 la sensation que vous recherchez, pas seulement la liste des fonctionnalités.
- Mentionnez les pages ou écrans connus si vous les avez déjà définis.
- Partagez rapidement les références ou contraintes si elles importent.
- Précisez 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 la spécification produit avant que la construction complète ne se poursuive.