killer app par la design et le code

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?