12 DECEMBRE 2013
KILLER APP PAR LE DESIGN + CODE
PRESENTATION DE L’EQUIPE
Samuel BLANCHARD Benjamin LAUNAY Kévin SCHMITTDéveloppeur Windows Phone 8 Designer UI Développeur Windows 8
Présentation QReader
Pimp my App
Bien travailler avec son designer
Nice code for Nice app
Conclusion
Agenda
QReader ?
A quoi ça sert ?
Lecteur de QR code
Geolocaliser le flashage
Historique temporel
Deux plateformes :
Windows Phone 8
Windows 8
App d’exemple : QReader
Windows Phone 8 :
Application de basePivotCaméraLong list selector
Windows 8 :
Application de baseCaméra
Présentation des App
Apps de base WP8+Win8
SHOW ME !
téléchargement sur le Store
identité graphique
Interface basique expérience utilisateur
médiocre
Constat
Pimp My App
Que faire pour WP8?
Pimp my App - Logo
Pimp my App - Icônes
TITRE DU QR CODE
Pimp my App - Typographie
Données de temps
Pimp my App – Accent color
Pimp my App – Eléments graphiques
Pimp my App - Background
Démobackground
Pimp my App – WP8 final
Que faire pour Windows 8 ?
Pimp my App – Win8 final
Title + logo
Typographie
Icônes
Background
Accent color
Éléments graphiques
Pimp my App - Résumé
Bien travaillerAvec 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
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 !
Bien travailler avec son designer
Nice Code for Nice App
Particularités des plateformes
Animer ses applications
Customiser ses contrôles
Créer de nouveaux effets
Nice code for nice App
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
WP vs W8
Storyboard avec Blend
Storyboard généré
Animer ses applications
DémoStoryboard
Template du Pivot
Des icônes à la place du texte
Templater des contrôles existants
DémoPivot
Contrôles personnalisés
UserControl : SnowEffectControl
CustomControl : FlipBox
Créer de nouveaux effets
DémoControls
Conclusion
« Simplicité et complexité ont besoin l’un de l’autre. » (John Maed)
« Une app sans design est une app sans avenir »
(Samuel Blanchard)
Conclusion
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 !
• http://www.dvlup.com
Des questions?
Top Related