C’est l’heure de l’unification. Pour préparer l’arrivée de Windows 10 et la mutualisation des supports, nous vous donnerons les clefs de la réussite de votre design cross-device. Nous aborderons ici les outils et les méthodes inhérentes à la conception de vos applications en universal app, les points importants pour créer une expérience unique qui s'adaptera à tous les écrans et nous verrons comment ouvrir vos projets au monde du multiplateforme.
3. Benjamin LAUNAY
Designer chez NAVISO Dev
MVP Windows Platform
Development
@aieaieeye
Nathalie BELVAL
Dev/Designer chez SOAT
MVP Windows Platform
Development
@nbelval
21. tech.days 2015#mstechdays
La piste du « think mobile first »
Aujourd’hui le mobile prédomine sur certains usages
Ne pas penser moins pour le mobile
Penser plus pour la tablette & le desktop
22. tech.days 2015#mstechdays
La piste du « think mobile first »
Les +
Focalise les équipes de dev sur l’essentiel de l’application
Evite les concessions faite lors du passage vers le mobile
Les –
Angoisse de la page blanche / Difficultés de mise en page
23. tech.days 2015#mstechdays
Porter son application
Pas facile de passer de WP8 à WP8.1 Store Apps => même XAML UI
Framework que les Windows Store Apps
Contrôles différents
Layout, actions bar
Media
Styles et templates
Thèmes
Animation
Navigation
Façon de faire différente pour le partage de code
26. tech.days 2015#mstechdays
D’un écran à l’autre
Form factor sont
importantes mais
pas les
orientations
40"
30"
24"
18"
14"
10"
8"
6"
4"tall
square
wide
27. tech.days 2015#mstechdays
D’un écran à l’autre
Ajustement des UserControl en fonction des containers
Contrôles spécifiques (WrapGrid, Viewbox)
Layout system (utilise les Visual States)
Implique de faire usage du MVVM
Méthodes
34. tech.days 2015#mstechdays
D’une plateforme à une autre
Pas forcément les même contrôles
Des spécificités propres à chaque plateforme (thème utilisateur, etc.)
Gestures différentes
Modèle de navigation différent
Ergonomie
35. tech.days 2015#mstechdays
D’une plateforme à une autre
Adresser toutes les plateformes
Xamarin
Partager de code & UI :
Shared Project
Portable Class Library
Adapter son design à la
plateforme
Utiliser des contrôles existants
Custom
Intégrer son design
Blend for Visual Studio (XAML)
Outils
37. tech.days 2015#mstechdays
Bon design ?
Avoir un design adaptatif à des tailles d’écran allant de 4’’ à 40’’ (du phone
à la TV)
Supporter les hautes résolutions
Garantir une utilisation optimale à la souris/clavier
Garantir une utilisation optimale en touch
Continuité - Cohérence - Adaptation
38. tech.days 2015#mstechdays
A vous de jouer !
Suivez-nous, bientôt un article pour résumer cette session
Téléchargez l’App Démo => www.universalappdemo.codeplex.com
Retrouvez nous sur la communauté Facebook ‘’App Design’’
@nbelval @aieaieeye