Formateur Ziggourat

Responsive Web Design

Cette formation vous permet d'identifier les enjeux du contexte multi-écrans, de pratiquer la conception d'interfaces web responsive, d’en appréhender l’environnement technique, et d’appliquer les bonnes pratiques de l'ergonomie et du design d’interfaces sur les différents terminaux.

14 heures sur 2 jours

à Paris & à distance
(Zoom, Google Meet, etc.).
Nous nous engageons à vous répondre dans un délai de 48h

1 250 € HT / personne

Etudions ensemble vos options de financement
Contactez-nous pour monter votre dossier !

La note de cette formation 4.9/5

Découvrez les avis laissés par nos stagiaires sur Avis vérifiés

Objectifs de la formation

Responsive Web Design

Identifier les enjeux et le contexte propre aux multi-écrans
Pratiquer la conception d'interfaces Web Responsive
Appliquer les bonnes pratiques de l'ergonomie et de l'UI Design sur les différents terminaux

Pré-requis

Une maîtrise d'un logiciel de graphisme ou de wireframing est un plus pour suivre cette formation.

Pour qui ?

Toute personne qui désire concevoir ou designer des interfaces web responsive.

Formations recommandées

Aucun programme supplémentaire n'est requis pour suivre cette formation.

Au programme de la formation
Responsive Web Design

Introduction

  • Définir la notion de Responsive Web Design
  • Observer des sites web responsive « primés »
  • Rappeler les règles fondamentales du design visuel sur écran
  • Distinguer internet, du web et des autres applications (e-mail, apps…)
  • Définir les notions d'accessibilité, d'ergonomie, d'UX et d'UI design
  • Nommer les zones et les composants types d’une interface

Identifier les enjeux du contexte multi-écrans

  • Identifier le contexte multi-écrans, les différentes familles et tailles d'écran
  • Examiner les statistiques de consultation du web sur les différents terminaux
  • Comprendre la notion de fragmentation mobile (devices, OS, navigateurs)
  • Décrire les spécificités des différents devices (taille, résolution, interactivité, usage, performance)
  • Appréhender les enjeux essentiels d'une expérience tactile et mobile
  • Décrire les principales règles de l'ergonomie d’interface (ISO 9241)

ATELIER 1 - Analyser des sites web responsives

  • Identifier les points de rupture, les comportements de la grille, des composants
  • Evaluer les bonnes et mauvaises pratiques en responsive web design
  • Identifier les grandes tendances de l'UI design
  • Évaluer les bénéfices et limites du Responsive

Concevoir des interfaces web responsive

  • Comparer le responsive web aux sites mobile dédié, apps, progressive apps, …
  • Décrire les principes du Web Responsive Design (grille et media fluide, media queries)
  • Différencier les possibilités d’adaptation : statique, liquide, adaptatif, responsive
  • Identifier les différents layouts et design patterns spécifiques responsive
  • Déterminer le comportement fixe ou fluide de la grille et des éléments
  • Appréhender le Mobile First « amélioration progressive » vs le Desktop First « dégradation élégante »
  • Différencier les notions de zoning, wireframes, mockup et prototypes

Appréhender les contraintres techniques

  • Différencier le Web front-end et Web back-end et le rôle de leur langage
  • Lister les éléments d'interface courant du Web (JQuery UI, JQuery mobile)
  • Appréhender les unités fluides (%, em, rem, vw, vh, vmin, vmax)
  • Appréhender les techniques de design fluide : float, BFC, table-cell, calc()
  • Appréhender les grilles fluides (frameworks, CSS3 Grid Layout, CSS3 Flexbox)
  • Appréhender les tailles de devices (viewport, screen-width, device width, pixel ratio)
  • Lister les principaux frameworks CSS Responsive (Boostrap, Semantic UI, Foundation…)

ATELIER 2 - Designer des interfaces web responsives

  • Comparer les différents outils de design (Adobe, Sketch, Figma, Axure…)
  • Organiser l'architecture de son fichier pour les différents devices
  • Utiliser les systèmes de grille conformes à CSS dans la structuration d'une maquette
  • Construire les composants et gérer leur transformation en fonction du device
  • Prendre en compte les problématiques des différentes densités d’écran
  • Générer les assets (.jpg, .png, .svg, …) et appréhender le fonctionnement des Web fonts
  • Partager son projet avec les différentes parties-prenantes (client, développeur…)

Méthode pédagogique

8 participants maximum, un poste par stagiaire et un support de cours est envoyé en fin de stage (vidéos tutorielles et/ou support spécifique). La formation est constituée d'apports théoriques, de démonstrations et de mises en pratique basées sur des exercices applicatifs et/ou ateliers.

Accessibilité

Cette formation est accessible aux personnes en situation de handicap.

Modalité de validation des acquis

Évaluation continue via des exercices applicatifs et/ou des ateliers de mise en pratique. Évaluation en fin de stage par la complétion d'un questionnaire et/ou d'une certification officielle issue du Répertoire Spécifique. Émargement quotidien d'une feuille de présence (en présentiel ou en ligne). Complétion par le formateur/la formatrice d'un suivi d'acquisition des objectifs pédagogiques. Remise d'une attestation individuelle de réalisation.

Obtenir des informations

sur une prochaine session
du 16 déc au 17 déc 2024
1250 €
Disponibilité Hiver
du 03 févr au 04 févr 2025
1250 €
Disponibilité Hiver
du 24 mars au 25 mars 2025
1250 €
Disponibilité Printemps
du 12 mai au 13 mai 2025
1250 €
Disponibilité Printemps
du 30 juin au 01 juil 2025
1250 €
Disponibilité Été
du 18 août au 19 août 2025
1250 €
Disponibilité Été
du 06 oct au 07 oct 2025
1250 €
Disponibilité Automne
du 24 Nov au 25 Nov 2025
1250 €
Disponibilité Automne
Demander le programme
S'inscrire directement

Responsable de formation

Participants

Participant
retirer ce participant
Ajouter un participant

Financement

Comment souhaitez-vous financer cette formation ?


Modalités

Souhaitez-vous du distanciel ou du présentiel ?



Envoyer l'inscription
Merci, un conseiller vous contacte rapidement !
deco validation Ziggourat
J’accepte que Ziggourat collecte et utilise les données personnelles renseignées dans ce formulaire dans le but de recevoir une offre commerciale en accord avec notre politique de données personnelles.
Les avis de nos stagiaires sur cette formation
Voir d'autres avis
Puce de l'avis
Formation claire, dynamique et ineractive
5
Julien C
23/06/2023
Puce de l'avis
J'ai appris beaucoup d'informations utile
5
Kyllian M
23/06/2023
Puce de l'avis
Bonne formation avec un formateur compétent.
4
Nicolas P
23/06/2023
Puce de l'avis
Très instructif et utile pour mon métier
5
Matthieu V
11/10/2022
Puce de l'avis
Formation indispensable et menée d'une main de maître par Cyril MARZIN !
5
Mathieu S
03/12/2021
Puce de l'avis
Super formation, le formateur était très pédagogue et facilitait au maximum la compréhensions de sujets technique. Très satisfait sur l'expérience
5
Timothée M
12/08/2021
Puce de l'avis
sujet bien respecté
5
Lise B
12/08/2021
Puce de l'avis
Très bonne formation
5
Jeanne P
12/08/2021
Puce de l'avis
Tres bonne formation, Thibaut est très pédagogue et à l'écoute. Nous étions peu nombreux sur notre session ce qui était très appréciable.
5
Maighdlin M
25/02/2021
Puce de l'avis
Très bonne formation, au top
5
Hélène T
25/02/2021
Puce de l'avis
Clair Net & Précis
5
Sylvain S
26/05/2020
Voir d'autres avis

Formations similaires

Ces formations pourraient vous intéresser

Voir d'autres formations
    Voir d'autres formations