1. palais des congrs Paris 7, 8 et 9 fvrier 2012 2. 07 fvrier 2012 Bewise Mise en pratique de l'ergonomie et du design sur un exemple concret : Mishra Reader 3. @ocourtois ocourtois.fr Olivier Courtois Responsable BewiseDesign Consultant, Spcialiste UX Toulouse Stand 47 4. @csansus codes-sources.com/vko Cyril Sansus Responsable NIU Consultant Toulouse Stand 47 5. Ouverture dune agence sur Paris ! Retrouvez nous sur le stand 47 Diffuse une expertise novatrice Contribue lmergence de logiciels performants et ergonomiques Pure Player Microsoft depuis 1999 6. Quest-ce que Mishra Reader ? 7. Mishra Reader Un lecteur de flux RSS dvelopp en WPF qui est ergonomique et joliment anim David Catuhe - Microsoft 8. Cration Alpha1 26 Juillet 2011 9. Open-Source Codeplex Alpha4 1 Aot 2011 10. Beta 1 11 Aot 2011 11. Beta 2 En cours 12. Lexprience utilisateur 13. DEMO Beta 1 14. Incertitude Certitude Recherche Itrations - Maquettes Mise en uvre * Reprsentation de Damien Newman - Central METHODOLOGIE 15. RECHERCHES 1 Analyser la concurrence 2 Recherche de tendances 16. RECHERCHES 17. RECHERCHES 18. RECHERCHES 19. ITERATIONS 20. ITERATIONS 21. ITERATIONS 22. MVP 80 20 23. 1 Syndrome du non-choix 2 Point sur la mthodologie 3 Chercher linspiration 4 Comprendre les usages 5 80/20 24. DEMO Beta 2 25. AUTHENTICITE 1 Humain 2 Digital mais pas seulement 26. AUTHENTICITE 27. AUTHENTICITE 28. ELEGANCE 1 Augmente la satisfaction 2 Cre une image de marque - reconnaissable 29. VIVANT 1 Augmente la performance perue 2 Apporte du sens 30. AU FINAL 1 +60% despace pour le contenu 2 Un seul clic pour atteindre le contenu 3 Une formidable exprience de lecture sous Windows 31. Soyez authentique. Soyez lgant. Soyez vivant. 32. Lintgration 33. ENTREE Image Mockup SORTIE Style Template XAML Intgration ? 34. Microsoft Expression Blend Outil ddi lintgration Styles, Templates States, Triggers Animation 35. DEMO 36. 1 LAYOUTING Structurer linterface 2 STYLE & TEMPLATE Habiller linterface 3 ANIMATION Dynamiser linterface LINTEGRATION sur Mishra en 3 tapes 37. 1 LAYOUTING Structurer linterface Layout Alignements Marge Structurez votre dmarche pour russir plus rapidement 38. runtime design time 39. DEMO 40. Colorimtrie 2 STYLE & TEMPLATE Habiller linterface Taille des polices Choix des polices Styles pour vos TextBlock Styles par dfaut des contrles 41. Dcoupage efficace 2 STYLE & TEMPLATE Habiller linterface 42. DEMO 43. 3 ANIMATION Dynamiser linterface States & Triggers Storyboard Easing functions Partie difficile 150ms et 350ms Exponential et Cubic 44. AnimatedTab AnimatedListBox O trouver tous ces contrles? 45. MISHRA READER BETA 2 http://mishrareader.codeplex.com/ 46. Q/A Merci