TechDays Paris 2013 : Du Pixel au Layout

 Session par : Aude Mousset

Afin de comprendre les nouveautés de Microsoft pour ces prochaines années il faut intégrer tout le travail sur le Design, appelé ModernUI. Cette session est dédiée à comprendre les logiques associées à cette nouvelle stratégie, principalement pour les nouveaux sites Web.

Au départ était le Texte (Interface CLI Common Line Interface), puis le GUI (Grafic User Interface) et le Pixel (mélange de 3 couleurs de base RVB). D’ailleurs, les jeux 8Bits étaient fortement pixélisés, car une résolution faible (300*200).

Le contexte des années 2000 et les premiers usages du Web expliquent les design choisis (utilisateur fixe, résolution faible, et navigateur basique).

Aujourd’hui, tout utilisateur peut accéder au Web en tout moment (mobile, portable, fixe, tablette, dans les transports, …) et sur toute plateforme (TV, Tablette, mobile, …). Plusieurs navigateurs et versions différentes, résolutions multiples

• Le développement de site Web devient un challenge pour permettre à tous les users une navigation optimale

Une solution se fait via le CSS et le Responsive Web Design, on adopte des stratégies de grille flexible avec des positionnement relatifs, des tailles relatives et des images adaptables.

Le tout se base sur des Media-Queries, requêtes envoyées au navigateur pour définir la configuration et suivant celle du client, on envoie le contenu associé.

Site de test pour prévalider :

• www.responsinator.com
• http://screenqueri.es
• http://responsivepx.com

La question se pose alors pour Windows 8 et sa présentation de contenu (Responsive ?)

Fonctionnement de base dans les applications Windows 8 (Mode GridView ou ListView) :

• Présentation Liste – Home
• Affichage de listes spécifiques
• Affichage de détail d’un Item
• Plusieurs visions possibles de l’application (Météo en barre sur le coté par exemple)
• Menus “Charms” toujours disponibles quelque soit l’application (menu sur la droite)
• App Bar toujours visible mais adapté à l’application

Passage de Windows 8 vers Windows Phone 8 ?

• Pas simple techniquement mais les logiques sont rapprochés
• Les ergonomies se ressemblent sans être les mêmes
• Les deux ont les visions Responsive Design

Conclusion

Cette session était une vision intéressante des nouveaux challenges envoyés aux futurs développeurs Web ou d’application. De plus les plateformes se rejoignent tous au niveau des logiques de présentation et d’usage. Le développeur doit donc prendre en compte les postes des utilisateurs pour toujours conserver une utilisation agréable.

Romelard Fabrice [MVP]