Retour sur mishra reader
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Retour sur mishra reader

on

  • 193 views

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 ...

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.

Statistics

Views

Total Views
193
Views on SlideShare
193
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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 !

Retour sur mishra reader Presentation 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