Prototypage avec SketchFlow

Un produit d'excellence débute par une conception d'excellence. SketchFlow est une fonctionnalité disponible dans Visual Studio Ultimate ou Premium Visual Studio lorsque vous installez Blend for Visual Studio. SketchFlow est conçu pour prendre en charge le processus de prototypage, en commençant par le design conceptuel et en continuant jusqu'à la production de l'application finie.

SketchFlow permet d'effectuer plus aisément les opérations suivantes :

• expérimenter rapidement différentes expériences utilisateur dynamiques ;

• communiquer votre intention de conception aux parties prenantes ;

• recueillir, évaluer et implémenter les commentaires de parties prenantes.

Pour une vue d'ensemble des outils de prototypage disponibles dans SketchFlow, voir Mise en route de SketchFlow.

Créer un flux d’application

Avec SketchFlow, un concepteur peut, rapidement et facilement, créer un plan interactif représentant le flux d'une application. Le plan (projet de prototype) consiste en un certain nombre d'écrans, tableaux blancs virtuels sur lesquels vous pouvez griffonner, dessiner, écrire ou insérer toute fonctionnalité de modélisation d'interface utilisateur existante de Blend afin de construire une interface utilisateur. Vous pouvez également utiliser les écrans pour créer des éléments réutilisables, tels que des logos, arrière-plans ou modèles d'interface utilisateur, puis inclure ces écrans en tant que composants dans d'autres écrans.

À tout moment, vous pouvez générer un projet de prototype, l'exécuter puis naviguer au sein de celui-ci, même si vous ne disposez que de croquis initiaux du prototype.

Pour plus d'informations, consultez Créer un flux d’application.

Créer du contenu

Contrairement à de nombreuses autres solutions de prototypage, qui font appel à des images d'éléments d'interface utilisateur, SketchFlow vous permet d'utiliser des contrôles d'interface utilisateur et des conteneurs de disposition dynamique réels lors de la création d'un prototype d'interface utilisateur. Vous pouvez ainsi créer de l'interactivité réelle, avec changements de navigation et d'état, sans écrire de code. Vous avez également accès aux fonctionnalités enrichies d'Blend, telles que la liaison de données, les exemples de données et les comportements. Votre prototype peut être aussi réel que nécessaire pour vous permettre de communiquer vos idées.

Pour plus d'informations, consultez Créer du contenu sur la planche graphique.

Ajouter de l’interactivité

Vous pouvez peaufiner votre prototype en y ajoutant de l'interactivité afin de mieux communiquer votre intention de conception aux parties prenantes. Vous pouvez effectuer les opérations suivantes :

• recourir à l'animation pour simuler l'interaction avec l'utilisateur ;

• utiliser des états visuels pour représenter plusieurs états possibles d'un même élément ;

• utiliser des comportements pour simuler des événements et des actions, de telle sorte que les éléments d'interface utilisateur figurant dans le prototype reproduisent les fonctionnalités de l'application finale ;

• définir des liens vers des exemples de données afin de créer et de faire la démonstration des interfaces utilisateur pilotées par les données.

Pour plus d'informations, consultez Ajouter de l’interactivité.

Recueillir les commentaires

Lorsque vous créez un projet de prototype, vous pouvez à tout moment générer et exécuter le projet, puis le visualiser dans le lecteur SketchFlow. Lorsque vous êtes prêt à partager votre prototype, vous pouvez empaqueter le projet en y intégrant le lecteur SketchFlow, ce qui permet aux parties prenantes de réviser le projet sans avoir à installer Blend. Lors de la révision du projet dans le lecteur SketchFlow Player, les intervenants peuvent insérer leurs commentaires directement dans le prototype, puis partager les fichiers de commentaires avec le concepteur, ce qui lui facilite la tâche lors de l'évaluation et de l'implémentation des commentaires dans Blend.

Pour plus d'informations, consultez Déposer des commentaires pour un prototype.

Convertir en projet de production

Les prototypes SketchFlow ne sont pas de simples dessins ; il s'agit de prototypes entièrement opérationnels dès le premier écran. Votre prototype est une application WPF ou Silverlight réelle. Moyennant quelques modifications mineures, vous pouvez convertir le prototype en projet de production et continuer à peaufiner le prototype jusqu'à ce que vous soyez satisfait de l'application finale.

Pour plus d'informations, consultez Convertir un prototype.