Prototypage avec SketchFlow
Un produit d'excellence débute par une conception d'excellence. SketchFlow est un nouveau jeu de fonctionnalités intégré à Microsoft Expression Blend et spécialement conçu pour le prototypage, depuis la création du concept 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 Vue d'ensemble 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 Expression 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, voir créer d'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'Expression 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, voir 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, voir 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 Expression 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 Expression Blend.
Pour plus d’informations, voir Déposer des commentaires sur un prototype.
Conversion 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, voir Convertir un prototype.