12 DECEMBRE 2013
KILLER APP PAR LE
DESIGN + CODE
PRESENTATION DE L’EQUIPE

Samuel BLANCHARD
Développeur Windows Phone 8

Benjamin LAUNAY
Designer UI

Kévin SCHMITT

Dévelo...
Agenda
 Présentation QReader
 Pimp my App

 Bien travailler avec son designer
 Nice code for Nice app

 Conclusion
QReader ?
App d’exemple : QReader
A quoi ça sert ?

Deux plateformes :

 Lecteur de QR code

 Windows Phone 8

 Geolocaliser le f...
Présentation des App
Windows Phone 8 :

Windows 8 :

Application de base
Pivot
Caméra
Long list selector

Application de b...
Apps de base WP8+Win8

SHOW ME !
Constat
 téléchargement sur le Store
 identité graphique
 Interface basique
 expérience utilisateur médiocre
Pimp My App
Que faire pour WP8?
Pimp my App - Logo
Pimp my App - Icônes
Pimp my App - Typographie
TITRE DU QR CODE

Données de temps
Pimp my App – Accent color
Pimp my App – Eléments graphiques
Pimp my App - Background
Démo
background
Pimp my App – WP8 final
Que faire pour Windows 8 ?
Pimp my App – Win8 final
Pimp my App - Résumé
 Title + logo

 Typographie
 Icônes

 Background
 Accent color

 Éléments graphiques
Bien travailler
Avec son designer
Bien travailler avec son designer
 Designer est un métier
 Meilleur gout que vous (normalement)
 Etudes

 Le designer ...
Bien travailler avec son designer
 Le designer n’est pas un ergonome
 Le designer est notre ami
 Gain de temps
 Respon...
Nice Code
for Nice App
Nice code for nice App
 Particularités des plateformes
 Animer ses applications
 Customiser ses contrôles
 Créer de no...
WP vs W8
 Portrait vs Landscape
 Contrôles différents : Panorama (WP) vs Hub (8.1) vs rien (8.0)
 Responsive Design ave...
Animer ses applications
 Storyboard avec Blend
 Storyboard généré
Démo
Storyboard
Templater des contrôles existants
 Template du Pivot
 Des icônes à la place du texte
Démo
Pivot
Créer de nouveaux effets
 Contrôles personnalisés
 UserControl : SnowEffectControl
 CustomControl : FlipBox
Démo
Controls
Conclusion
Conclusion
« Simplicité et complexité ont besoin l’un de l’autre. »
(John Maed)

« Une app sans design est une app sans av...
Ressources design

http://www.aieaieeye.com
Ressources code

http://blog.naviso.fr
NavisoDev

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

• ...
Des questions?
Prochain SlideShare
Chargement dans…5
×

Killer app par la design et le code

541 vues

Publié le

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

Publié dans : Design
1 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
541
Sur SlideShare
0
Issues des intégrations
0
Intégrations
46
Actions
Partages
0
Téléchargements
8
Commentaires
1
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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?

×