[MAJ 2015] Optimisation mobile et responsive web design : mediaqueries, images, performance, etc.

[MAJ 2015] Optimisation mobile et responsive web design : mediaqueries, images, performance, etc.
Ce contenu a été rédigé il y a 4 années. Il se peut qu'il ne soit plus à jours.

Comme chaque année depuis 4 ans, je donne un cours aux étudiants de différentes filières en présentiel et à distance de l’Université de Strasbourg sur l’optimisation mobile et le responsive web design. Le cours se découpe en deux parties : une première partie consacrée au design et à l’ergonomie où les étudiants voient les bonnes pratiques accompagnés d’exercices concrets qui leur permettent de réaliser un concept de site responsive, de la première idée à la réalisation finale en passant par la création de personas, d’une architecture d’information cohérente, du contenu des différentes pages et vues au wireframe. Une seconde plus technique consacrée à comment construire un site responsive en HTML/CSS en prenant en compte la performance, les problématiques d’images, de médias complexes, etc.

Si vous souhaitez en savoir plus sur la partie design et ergonomie mobile, ou comment designer un site en prenant en compte le responsive web design, une formation dispensée chez Alsacréations reprend et approfondi ces thématiques.  Et si vous souhaitez une petit introduction à la stratégie mobile (orienté non technique) vous pouvez consulter les slides de ma conférence sur ce sujet ou l’article Guérilla design en milieu responsive et mobile.

Dans la mesure où plusieurs d’entre vous m’ont redemandé cette année les cours sur twitter, je les mets à disposition sur Slideshare sous licence CC-BY-NC-SA 4.0 :

 

Optimisation mobile et responsive web design : mediaqueries, images et performance par Stéphanie Walter est mis à disposition selon les termes de la Licence Creative Commons Attribution – Pas d’Utilisation Commerciale – Partage dans les Mêmes Conditions 4.0 International (CC BY-NC-SA 4.0) (en bref vous avez le droit de le repartager dans les mêmes conditions, mais en sans en faire une utilisation commercial et devez me citer comme auteur).

 

Vous souhaitez des conseils en ergonomie ou en expérience utilisateur ? Un design de site, d’interface ou d’application mobile ? Envie de travailler ensemble ou de m’inviter à donner une conférence ? Consultez mes réalisations ou contactez moi directement.

4 réflexions au sujet de « [MAJ 2015] Optimisation mobile et responsive web design : mediaqueries, images, performance, etc. »

  1. Hello Stephanie,

    Super cours, vraiment top :).

    Tu n’as pas parlé des tests sur les emulateurs de navigateurs, comme celui de Chrome. Il y a une raison à cela ?

    Bye

  2. Merci beaucoup pour ce partage.
    Par contre c’est pour quelles formations que tu réalises ces slides ?
    Mes collègues issues de filières graph et/ou dev de bac+3 à bac+5 qui n’ont jamais eu ce genre de cours et je trouve ça dommage !