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

1. 12 DECEMBRE 2013

2. KILLER APP PAR LE
DESIGN + CODE

3. PRESENTATION DE L’EQUIPE
Samuel BLANCHARD
Développeur Windows Phone 8
Benjamin LAUNAY
Designer UI
Kévin SCHMITT
Développeur Windows 8

4. Agenda
 Présentation QReader
 Pimp my App
 Bien travailler avec son designer
 Nice code for Nice app
 Conclusion

5. QReader ?

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. Présentation des App
Windows Phone 8 :
Windows 8 :
Application de base
Pivot
Caméra
Long list selector
Application de base
Caméra

8. Apps de base WP8+Win8
SHOW ME !

9. Constat
 téléchargement sur le Store
 identité graphique
 Interface basique
 expérience utilisateur médiocre

10. Pimp My App

11. Que faire pour WP8?

12. Pimp my App - Logo

13. Pimp my App - Icônes

14. Pimp my App - Typographie
TITRE DU QR CODE
Données de temps

15. Pimp my App – Accent color

16. Pimp my App – Eléments graphiques

17. Pimp my App - Background

18. Démo
background

19. Pimp my App – WP8 final

20. Que faire pour Windows 8 ?

21. Pimp my App – Win8 final

22. Pimp my App - Résumé
 Title + logo
 Typographie
 Icônes
 Background
 Accent color
 Éléments graphiques

23. Bien travailler
Avec son designer

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. 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. Nice Code
for Nice App

27. Nice code for nice App
 Particularités des plateformes
 Animer ses applications
 Customiser ses contrôles
 Créer de nouveaux effets

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. Animer ses applications
 Storyboard avec Blend
 Storyboard généré

30. Démo
Storyboard

31. Templater des contrôles existants
 Template du Pivot
 Des icônes à la place du texte

32. Démo
Pivot

33. Créer de nouveaux effets
 Contrôles personnalisés
 UserControl : SnowEffectControl
 CustomControl : FlipBox

34. Démo
Controls

35. Conclusion

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. Ressources design
http://www.aieaieeye.com

38. Ressources code
http://blog.naviso.fr

39. NavisoDev
http://www.navisodev.fr

40. DVLUP
• Concours permanent de développement WP
• Organisé par Nokia
• Disponible pour la Belgique
• Plein de cadeaux !
• http://www.dvlup.com

41. Des questions?