Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Killer app par la design et le code

603 views

Published on

Apprenez à démarquer vos applications de la concurrence par un beau design, une navigation personnalisée et une ergonomie efficace.

Published in: Design
  • Be the first to like this

Killer app par la design et le code

  1. 1. 12 DECEMBRE 2013
  2. 2. KILLER APP PAR LE DESIGN + CODE
  3. 3. PRESENTATION DE L’EQUIPE Samuel BLANCHARD Développeur Windows Phone 8 Benjamin LAUNAY Designer UI Kévin SCHMITT Développeur Windows 8
  4. 4. Agenda  Présentation QReader  Pimp my App  Bien travailler avec son designer  Nice code for Nice app  Conclusion
  5. 5. QReader ?
  6. 6. App d’exemple : QReader A quoi ça sert ? Deux plateformes :  Lecteur de QR code  Windows Phone 8  Geolocaliser le flashage  Windows 8  Historique temporel
  7. 7. Présentation des App Windows Phone 8 : Windows 8 : Application de base Pivot Caméra Long list selector Application de base Caméra
  8. 8. Apps de base WP8+Win8 SHOW ME !
  9. 9. Constat  téléchargement sur le Store  identité graphique  Interface basique  expérience utilisateur médiocre
  10. 10. Pimp My App
  11. 11. Que faire pour WP8?
  12. 12. Pimp my App - Logo
  13. 13. Pimp my App - Icônes
  14. 14. Pimp my App - Typographie TITRE DU QR CODE Données de temps
  15. 15. Pimp my App – Accent color
  16. 16. Pimp my App – Eléments graphiques
  17. 17. Pimp my App - Background
  18. 18. Démo background
  19. 19. Pimp my App – WP8 final
  20. 20. Que faire pour Windows 8 ?
  21. 21. Pimp my App – Win8 final
  22. 22. Pimp my App - Résumé  Title + logo  Typographie  Icônes  Background  Accent color  Éléments graphiques
  23. 23. Bien travailler Avec son designer
  24. 24. Bien travailler avec son designer  Designer est un métier  Meilleur gout que vous (normalement)  Etudes  Le designer ne connait pas toujours nos contraintes  Taille de données  Disponibilité des données  Contrôles disponibles
  25. 25. Bien travailler avec son designer  Le designer n’est pas un ergonome  Le designer est notre ami  Gain de temps  Responsabilité en moins  N’oubliez pas de le payer !
  26. 26. Nice Code for Nice App
  27. 27. Nice code for nice App  Particularités des plateformes  Animer ses applications  Customiser ses contrôles  Créer de nouveaux effets
  28. 28. WP vs W8  Portrait vs Landscape  Contrôles différents : Panorama (WP) vs Hub (8.1) vs rien (8.0)  Responsive Design avec la Vue Snap de Win8
  29. 29. Animer ses applications  Storyboard avec Blend  Storyboard généré
  30. 30. Démo Storyboard
  31. 31. Templater des contrôles existants  Template du Pivot  Des icônes à la place du texte
  32. 32. Démo Pivot
  33. 33. Créer de nouveaux effets  Contrôles personnalisés  UserControl : SnowEffectControl  CustomControl : FlipBox
  34. 34. Démo Controls
  35. 35. Conclusion
  36. 36. Conclusion « Simplicité et complexité ont besoin l’un de l’autre. » (John Maed) « Une app sans design est une app sans avenir » (Samuel Blanchard)
  37. 37. Ressources design http://www.aieaieeye.com
  38. 38. Ressources code http://blog.naviso.fr
  39. 39. NavisoDev http://www.navisodev.fr
  40. 40. DVLUP • Concours permanent de développement WP • Organisé par Nokia • Disponible pour la Belgique • Plein de cadeaux ! • http://www.dvlup.com
  41. 41. Des questions?

×