Your SlideShare is downloading. ×
  • Like
Retour sur mishra reader
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Retour sur mishra reader

  • 121 views
Published

Présentation donnée en février 2012 pendant les Techdays par Cyril Sansus et moi-même à propos d'un lecteur RSS pour Windows Open-Source arrêté depuis. Nous y décrivions le travail sur l'expérience …

Présentation donnée en février 2012 pendant les Techdays par Cyril Sansus et moi-même à propos d'un lecteur RSS pour Windows Open-Source arrêté depuis. Nous y décrivions le travail sur l'expérience utilisateur et comment mettre en place facilement des design grâce au XAML.

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
121
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • Un développeur a beaucoup plus de points communs avec un artiste que ce que l’on pourrait croire … J’appelle ça le syndrome de non choix. Un artiste fait confiance à son instinct et la maitrise de son art pour créer. On appelle ça l’art. Le développeur ne choisit pas vraiment la manière dont il construit son écran. Il suit son instinct à mesure qu’il code les fonctionnalités et nous nous retrouvons avec des écrans non choisis, non pensés pour l’utilisateur final… On appelle ça du mauvais boulot. http://www.istockphoto.com/stock-photo-1757786-artistic-endeavour.php?st=99e92a4
  • http://www.istockphoto.com/stock-photo-18173589-ikea-instruction-manual-with-screwdriver-and-screws.php?st=a62ac7c
  • Quelques fonctionnalités clés reset groupinto customedition des templaterecheche d’assetsoutline
  • Problèmes liés au design time : Les bindings ne sont pas évalué La couleur de fond n’est pas bonne
  • Problèmes liés au design time : Les bindings ne sont pas évalués La couleur de fond n’est pas bonne
  • Organisation : avoir un découpage efficace !
  • Création d’une checkbox type iPhone avec Blend
  • Organisation : avoir un découpage efficace !

Transcript

  • 1. palais des congrès Paris 7, 8 et 9 février 2012
  • 2. 07 février 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, Spécialiste UX Toulouse Stand 47
  • 4. @csansus codes-sources.com/vko Cyril Sansus Responsable NIU Consultant Toulouse Stand 47
  • 5. Ouverture d’une agence sur Paris ! Retrouvez nous sur le stand 47 Diffuse une expertise novatrice Contribue à l’émergence de logiciels performants et ergonomiques Pure Player Microsoft depuis 1999
  • 6. Qu’est-ce que Mishra Reader ?
  • 7. Mishra Reader ” “Un lecteur de flux RSS développé en WPF qui est ergonomique et joliment animé David Catuhe - Microsoft
  • 8. Création Alpha1 26 Juillet 2011
  • 9. Open-Source Codeplex Alpha4 1 Août 2011
  • 10. Beta 1 11 Août 2011
  • 11. Beta 2 En cours
  • 12. L’expérience utilisateur
  • 13. DEMO Beta 1
  • 14. Incertitude Certitude Recherche Itérations - Maquettes Mise en œuvre * Représentation 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 méthodologie 3 Chercher l’inspiration 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 Crée une image de marque - reconnaissable
  • 29. VIVANT 1 Augmente la performance perçue 2 Apporte du sens
  • 30. AU FINAL 1 +60% d’espace pour le contenu 2 Un seul clic pour atteindre le contenu 3 Une formidable expérience de lecture sous Windows
  • 31. Soyez authentique. Soyez élégant. Soyez vivant.
  • 32. L’intégration
  • 33. ENTREE Image Mockup SORTIE Style Template XAML Intégration ?
  • 34. Microsoft Expression Blend Outil dédié à l’intégration Styles, Templates States, Triggers Animation
  • 35. DEMO
  • 36. 1 LAYOUTING Structurer l’interface 2 STYLE & TEMPLATE Habiller l’interface 3 ANIMATION Dynamiser l’interface L’INTEGRATION sur Mishra en 3 étapes
  • 37. 1 LAYOUTING Structurer l’interface Layout Alignements Marge ”“Structurez votre démarche pour réussir plus rapidement
  • 38. runtime design time
  • 39. DEMO
  • 40. Colorimétrie 2 STYLE & TEMPLATE Habiller l’interface Taille des polices Choix des polices Styles pour vos TextBlock Styles par défaut des contrôles
  • 41. Découpage efficace 2 STYLE & TEMPLATE Habiller l’interface
  • 42. DEMO
  • 43. 3 ANIMATION Dynamiser l’interface States & Triggers Storyboard Easing functions Partie difficile 150ms et 350ms Exponential et Cubic
  • 44. AnimatedTab AnimatedListBox Où trouver tous ces contrôles?
  • 45. MISHRA READER BETA 2 http://mishrareader.codeplex.com/
  • 46. Q/A Merci