22 sketchflow prototypage dynamique 10.02.10 ambrosi Éric client app. dev. & silverlight mvp...

13

Upload: lionel-vernet

Post on 03-Apr-2015

105 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: 22 SketchFlow Prototypage dynamique 10.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net Auteur du livre Pratique de
Page 2: 22 SketchFlow Prototypage dynamique 10.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net Auteur du livre Pratique de

22

SketchFlow Prototypage dynamique

10.02.10

Ambrosi ÉricClient App. Dev. & Silverlight MVP

Centre de formation Regart.net

Auteur du livre Pratique de Silverlight au éditions Pearson

Page 3: 22 SketchFlow Prototypage dynamique 10.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net Auteur du livre Pratique de

33

Introduction à SketchFlow

Le prototypage en informatique

Qu’est-ce que SketchFlow ?PanneauxComportementsStyle SketchFlowLecteur

Rapidité et simplicité avant tout

Qui prototype avec SketchFlow ?GraphisteDesignerDéveloppeur

Que peut-on prototyper ?

Page 4: 22 SketchFlow Prototypage dynamique 10.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net Auteur du livre Pratique de

44

DémoPrésentation d’un projet SketchFlow dans BlendPrésentation d’un prototype.http://www.tweened.org/ItinerairePrototype/.http://www.tweened.org/MyCarPrototype/

Page 5: 22 SketchFlow Prototypage dynamique 10.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net Auteur du livre Pratique de

55

Collaboration…

Entre quels acteurs ?

Le lecteur SketchFlowFeedbacksCommentaires

Page 6: 22 SketchFlow Prototypage dynamique 10.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net Auteur du livre Pratique de

66

…Collaboration

Diffusion du prototypeExportation WordMise en ligne

Les gainsAméliore la communicationÉvite les incompréhensionsLégitime la participation du ClientUn cahier de recette implicite…

Page 7: 22 SketchFlow Prototypage dynamique 10.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net Auteur du livre Pratique de

77

DémoLe lecteur SketchFlow

Page 8: 22 SketchFlow Prototypage dynamique 10.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net Auteur du livre Pratique de

88

Créativité avec SketchFlow

La phase de croquis

Le prototypage dynamiqueImportation d’une maquette PowerPointUtilisation de croquis scannés au format JPEGImportation des croquis au format PSD

Designer l’expérience utilisateurTransitions et navigationSimuler une interaction / animationLes comportements

Page 9: 22 SketchFlow Prototypage dynamique 10.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net Auteur du livre Pratique de

99

DémoConception d’un prototype-Pptx.Jpeg.Psd

Page 10: 22 SketchFlow Prototypage dynamique 10.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net Auteur du livre Pratique de

1010

Pratiques de conception

Le piège du wysiwyg

Le flux d’utilisation

Navigation écran versus Stay’n page

Transformer un prototype en application

Page 11: 22 SketchFlow Prototypage dynamique 10.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net Auteur du livre Pratique de

1111

DémoComponent Screens

Page 12: 22 SketchFlow Prototypage dynamique 10.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net Auteur du livre Pratique de

1212

RessourcesBlog www.tweened.org

Livre

http://www.pearson.fr/livre/?GCOI=27440100843070

Sources téléchargeables du livre

http://referenceSilverlight.tweened.org

Page 13: 22 SketchFlow Prototypage dynamique 10.02.10 Ambrosi Éric Client App. Dev. & Silverlight MVP Centre de formation Regart.net Auteur du livre Pratique de