Notion de « Responsive Web Design » (RWD) est encore assez récente. Elle consiste à adapter le design d’un site web afin qu’il puisse être consulté indépendamment de la plateforme du client : ordinateur, tablette, navigateur mobile, etc. Cette approche peut être structurante pour un projet web car elle demande une réflexion en amont pour trouver les meilleurs axes d’adaptation.
Cette formation “Réussir son site Responsive Web Design” permettra aux participants de comprendre les enjeux associés au Responsive, tant d’un point de vue technique que de design :

• Comprendre les enjeux et l’intérêt du Responsive Web Design (RWD)
• Intégrer le Responsive Web Design dans le développement de votre projet de site internet
• Mettre en œuvre les techniques de conception de sites web “Responsive “

Développeurs Web

Qu’est-ce que le responsive design ?

• Pourquoi créer un site en responsive design ?
• Les évolutions de la navigation mobile
• Le mobile-first de Google
• Les outils de conception et les outils de test

Quelles bonnes pratiques adopter pour un site responsive design ?

• Comprendre l’internaute : ses attentes et ses besoins
• Simplifier la mise en page
• Simplifier le code HTML
• Utiliser correctement la balise meta viewport
• Utiliser des media queries
• Adapter l’ergonomie à l’usage mobile
• Adapter les images

L’approche méthodologique pour les projets Responsive design

• L’impact sur le cycle projet : conception, design, intégration, tests
• Pratiques courantes et pratique “idéale”
• L’approche Atomic Design

Optimisation et performance

• Les divers outils de mesure de la performance d’un site responsive design
• La notion de rapidité, importance majeure pour Google
• Optimisation des CSS, des fichiers JavaScript
• La minification (minify.js)
• Les images
• Les sprites CSS
• Les bonnes pratiques côté serveur

Apports théoriques et alternance d’exposés et de cas pratiques
Positionnement : Entretien téléphonique, Questionnaire d’évaluation des attentes, Questionnaire d’évaluation de niveau
Évaluation : Exercice de synthèse noté, Tour de table, Évaluation des acquis
Rôle du formateur : Présentation d’un apport théorique, Organisation de jeux de rôles, Évaluation des acquis des participants
Documents : Manuel pédagogique, Copie du diaporama, Attestation de fin de formation
Moyens pédagogiques : Vidéo projecteur – Tableaux blancs – Supports de cours

Dans le cadre d’une formation en classe virtuelle :

le support de cours sera dématérialisé et transmis par e-mail ;
un lien de connexion à la plateforme sera envoyé 24 h avant le début de la formation.

Avant la formation :

Un questionnaire d’analyses des besoins est transmis aux participants afin que le formateur puisse adapter sa formation aux attentes et aux besoins exprimés. Ce questionnaire permet également l’évaluation des prérequis, et de s’assurer de la bonne adéquation entre les attentes du futur apprenant par rapport au contenu de la formation.
Pour les formations individualisées et spécifiques (intra), un audit téléphonique préalable est organisé entre le formateur et le pilote de la formation de notre client. Cet entretien téléphonique permet de déterminer la meilleure approche pédagogique et d’obtenir les informations nécessaires à l’élaboration d’un programme sur-mesure.
Dans le cadre d’une formation à distance, un lien de connexion à la plateforme est transmis 24 h avant le début de la formation.
Pendant la formation :

• Accueil des participants.
• Tour de table.
• Présentation du programme et des objectifs de la formation.
• Déroulement de la formation avec alternance d’apports théoriques et de cas pratiques (exercices, quizz, QCM, exercices à l’oral…).
• Un suivi continu de formation et des échanges entre le formateur et les apprenants permettant de mesurer la compréhension et l’assimilation des savoirs et savoir-faire.

En fin de journée : Un point est effectué sur ce qui a été étudié dans la journée afin de s’assurer que tout a bien été assimilé et de pouvoir éventuellement reprendre certaines parties en fonction des retours des apprenants. Compte rendu journalier oral du formateur après de notre équipe pédagogique.
En fin de formation :Un questionnaire d’évaluation des acquis permet de mesurer les connaissances acquises pendant la formation et d’établir un niveau d’acquisition (hors parcours certifiant).
Une fiche d’évaluation à chaud permet d’avoir un retour sur les conditions de déroulement de la formation et d’évaluer le ressenti et la satisfaction de chaque participant.
Clôture de session et évaluation à chaud en fin de formation :

Dans le cadre d’une formation en présentiel.

D’une part « avec le formateur » pour favoriser l’échange entre les différentes parties.
D’autre part « sans le formateur » pour laisser la possibilité aux apprenants de s’exprimer librement et d’exposer les éventuelles difficultés rencontrées.
Dans le cadre d’une formation à distance en “classe virtuelle”.

La clôture est réalisée par notre formateur.

Retour auprès des prescripteurs de la formation :

Appel téléphonique afin de faire le point sur ce qui a été transmis durant la formation, de savoir si le besoin est satisfait et si d’autres besoins sont apparus. Le résultat des questionnaires à chaud est transmis auprès des différentes parties prenantes (client, formateur, 3FPT, apprenants…). Mesure de l’utilisation des acquis de la formation avec un questionnaire d’évaluation à froid (transmis par mail plusieurs semaines ou plusieurs mois après la session d’apprentissage).