Build 2013: Jour 2 – Beautiful apps at any size on any screen

Cette session, animée par Sarah McDevitt, a pour objectif d’expliquer l’importance de concevoir des applications qui s’adaptent aux résolutions et aux “form factors”.

En termes de guidelines, voilà ce qui est recommandé:

  • designer pour des interfaces en mode portrait, de 500px ou plus
  • Proposer toujours toutes les fonctionnalités

En termes d’implémentation, il faut passer par des VisualState ou du code behing pour la partie XAML, et des media queries CSS pour la partie HTML.

En fonction de la taille/résolution, on passe d’un affichage simple colonne à un affichage multi-colonnes.

Il faut penser son application pour fonctionner en mode vertical:

  • En utilisant une ListView
  • En rajoutant du contenu
  • En agrandissant la taille des éléments (images/tuiles par exemple)

L’espacement des contrôles de l’appbar est géré automatiquement pour vous par le système.

Il est important de penser à faire les modes portrait car l’application peut être utilisée sur des différents devices.

 

A bientôt pour la suite !

Photo de profil

Ces billets pourraient aussi vous intéresser

Vous nous direz ?!

Commentaires

comments powered by Disqus