Optimisation mobile et responsive webdesign – mise à jour des cours 2014

Optimisation mobile et responsive webdesign – mise à jour des cours 2014

J’ai cette année encore pu donner un cours sur l’optimisation mobile et le Responsive Web Design aux étudiants en présentiel et à distance de l’Université de Strasbourg. Petite nouveauté cette année cependant mon cours s’est étoffé de quelques heures de plus que l’an dernier. Ces heures m’ont permis d’ajouter au cours déjà technique une grosse partie sur le design et l’ergonomie mobile (avec quelques notions de gestion de projet responsive).

Le cours s’est donc décomposé en deux parties dont voici le plan sommaire.

Partie design et ergonomie mobile :

  • Le monde de la mobilité : chiffres et concepts de base
  • Accéder à un contenu depuis son mobile : natif vs web
  • L’impact de la mobilité sur un projet
  • Architecture d’information et planification de contenu
  • Ergonomie et optimisation mobile : quelques concepts clé
  • S’adapter aux contraintes du média
  • Quelques concepts de navigation
  • De l’ergonomie au design : workflow graphique d’un projet responsive

Cette partie était agrémentée de plusieurs exercices de brainstorming de groupe, user stories, zoning, création d’une application sommaire en post-it et tests utilisateurs ainsi que différents exercices sur l’architecture d’information dont voici un petit aperçu en image :

User Story mobile

 

Zoning mobile

Si vous êtes curieux, 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.

Partie responsive web design côté technique :

Comme chaque année, le domaine a encore un peu évolué,  j’ai donc cette année encore mis à jour les slides techniques avec quelques ajouts par rapport à l’an dernier et quelques simplifications. Vous pouvez les consulter en ligne ci-dessous (navrée pour le massacre de certaines polices la compression n’a pas aidé) et ils sont disponibles aussi sur Slideshare.

 


Licence Creative Commons
Ce cours est mise à disposition selon les termes de la Licence Creative Commons Attribution – Pas d’Utilisation Commerciale – Partage dans les Mêmes Conditions 4.0 International.

Pour l’attribution merci de mentionner “Stéphanie Walter” avec un lien vers cette page.

Besoin d'un design de site, d'interface ou d'application mobile ? De conseils en ergonomie ou en expérience utilisateur ? Envie de travailler ensemble ? N'hésitez pas à consulter mes réalisations et à me contacter directement.

Les commentaires sont fermés.