Sketchflow permet de développer des prototypes dynamiques tendant à un comportement fonctionnel proche de la réalité. Cette session aborde les principes de base du design de prototype avec Sketchflow, comme l’interactivité avec l’utilisateur et les données, ainsi que la façon dont Sketchflow s’inscrit dans le cycle de prototypage.Sketchflow permet de développer des prototypes dynamiques tendant à un comportement fonctionnel proche de la réalité. Cette session aborde les principes de base du design de prototype avec Sketchflow, comme l’interactivité avec l’utilisateur et les données, ainsi que la façon dont Sketchflow s’inscrit dans le cycle de prototypage.

2. Blend 3/Sketchflow, dessinez c'est gagné ! (RDA101) 08/02/2010 Michel PerfettiConsultant / MVP C#Winwise Audrey PetitConsultante / MVP Client App DevMC NEXT

3. Agenda Introduction Sketchflow Définition d’un prototype Démonstrations Conclusion Questions

4. MCNEXT Stand C28 Filiale du groupe MOZZAIK, MCNEXT est une société de conseil et services informatiques dédiée aux technologies MICROSOFT. Savoir–faire autour de 4 pôles, tous pilotés par des experts reconnus 90 collaborateurs Présent à Paris et Genève Accompagnement global de nos clients : Conseil fonctionnel, Architecture technique, Accompagnement méthodologique, Graphisme/ergonomie (Web Agency), Réalisation (forfait/régie), TMA, Formation.

5. Tél : 01 46 08 78 50 E-mail : contact@winwise.com Site web : www.winwise.com 1ère société d’expertise spécialisée sur les nouvelles technologies Microsoft 90 consultants experts certifiés sur les dernières technologies Microsoft , plusieurs MVP et 1 RegionalDirector 4 centres de compétences pour réaliser vos projets à forte valeur ajoutée : Travail collaboratif Business Intelligence & Data Management Architecture et Cycle de vie des applications Interfaces Utilisateurs et « Smart Clients » 1er centre de formation en France sur les technologies .Net et la BI La solidité financière du groupe ALTEN Pour tout renseignement : Stand N°C13, espace Communications Unifiées et Collaboration

6. Introduction Exemples de différents types de prototypes Un prototype c’est quoi ? Et à quoi ça sert ? Attention ceci n’est pas un prototype ! Comment faire un prototype avec Sketchflow?

7. Différents types de prototypes Tableau blanc Papier / Crayon et beaucoup de gomme Word / Excel / Powerpoint / Visio … Photoshop Applications / Maquettes (HTML / Winforms …)

8. A quoi ça sert ? Mettre en forme des idées (à l’opposé des spécifications) Représentation visuelle Feedbacks Simple à faire => cycle de design rapide

9. A quoi ça sert ?

10. Ceci n’est pas un prototype ! Une œuvre d’art (application « Kikoolol ») Une V.1 !!! Un POC

11. Sketchflow C’est où ? Blend 3 ! C’est quoi ? Prototype interactif

12. Définition d’un prototype Cahier des charges : Site de vente de voyages 1 page principal avec indentification 1 page réservation train / avion 1 page achat de voyage 1 page info et contact 1 page avec le profil utilisateur 1 page d’erreur

13. Let’s go !

14. Ce qu’on a vu ! Carte / MAP Ecrans Sketchflow Player Feedbacks Styles et contrôles Sketchflow Etats Animations Données Programmation des comportements Génération des spécifications fonctionnelles

15. A retenir ! Peut remplacer / compléter une partie des spécifications Pas besoin de Blend pour le player Interactivités et feedbacks renforcés Besoin de programmation minimal Peut être pris en main aussi bien par un designer que par un développeur

16. Questions ?