FORMATION INTERFACE RESPONSIVE

POURQUOI CETTE FORMATION ?

Le Responsive Web Design est une méthode qui consiste à rendre les interfaces adaptables aux différents supports ciblés (mobiles, tablettes et ordinateurs de bureau) par la mise en oeuvre de l’amélioration progressive et de l’approche Mobile First.

Cette formation vous permettra d’apprendre les principes de l’Adaptive et du Responsive Web Design au travers de cas pratiques et le prototypage d’interface avec Sketch® App.

À l’issue de la formation, vous aurez appris à concevoir tous types d’interface, qu’il s’agisse d’emails, de sites web ou d’applications dans des environnements pour mobile, tablette et desktop.

Novup est organisme de formation n°52440795544 certifié par l’AFNOR et validé au Datadock.

OBJECTIFS DE LA FORMATION

À l’issue de la formation, les stagiaires seront en mesure de :

  • Appliquer la démarche UX Design dans le cadre d’un projet Adaptive ou Responsive Web Design
  • Comprendre les méthodes et les techniques de conception d’une interface Responsive,
  • Concevoir et prototyper une interface avec l’outil Sketch® App,
  • Définir la meilleure stratégie en fonction du contexte,
  • Savoir appliquer les bonnes pratiques du design d’interface et les interactions.

PROGRAMME

Module 1 : Les différences entre les approches Adaptive et Responsive Web Design

  • Comprendre les grands principes : termes, avantages et inconvénients
  • Comprendre les principes de points de rupture (breakpoints) et de grilles fluides
  • Connaître les différents modèles pour adapter la chorégraphie des contenus
  • Comprendre le processus à appliquer dans le cadre d’une création ou d’une refont d’interface

Atelier : 2 cas pratiques consécutifs pour la prise en main de l’outil Sketch® App et la mise en oeuvre du Responsive

  • Concevoir avec l’approche Atomic Design

Atelier : exercice d’application de l’Atomic Design avec les symboles de Sketch® App

Module 2 : La stratégie Responsive Web Design

  • Identifier la meilleure approche pour son projet au travers de 4 méthodes
  • Savoir se poser les bonnes questions
  • Décider et faire des choix selon le contexte

Atelier : concevoir l’architecture de l’information et le site web correspondant avec Sketch® App

Module 3 : Les bonnes pratiques en Responsive

  • Apprendre les meilleures astuces pour concevoir ses interfaces Responsive
  • Apprendre des meilleures cas d’applications commentés

Atelier : concevoir un blog Responsive avec Sketch® App

Module 4 : Les médias Responsive

  • Apprendre les particularités des images Responsive
  • Utiliser l’export de Sketch® App pour adapter les images aux cibles
  • Comprendre les techniques d’adaptation des images aux interfaces Responsive
  • Identifier les outils de compression et de re-dimensionnement d’image
  • Apprendre les particularités des médias SVG
  • Apprendre les particularités des vidéos Responsive

Atelier : conception d’une interface avec images et vidéos Responsive avec Sketch® App

Module 5 : Les emails et les newsletters Responsive

  • Mettre en application les meilleurs conseils pour des emails et newsletters impactantes
  • Apprendre les meilleures pratiques et ce qu’il ne faut pas faire
  • Apprendre par l’exemple au travers de cas pratiques commentés

Atelier : concevoir un email Responsive avec Sketch® App

Module 6 : Les formulaires Responsive

  • Savoir concevoir un formulaire engageant et visuel
  • Apprendre des meilleures cas d’applications commentés

Atelier : concevoir un formulaire complexe Responsive avec Sketch® App

Module 7 : Les animations et micro-interactions

  • Avoir une bonne vue d’ensemble des possibilité offertes par les animations de contenu et les micro-interactions au service des interfaces

LES POINTS FORTS

  • Animée par un UI/UX Designer, expert des technologies numériques, disposant d’une riche expérience dans la conception d’applications et de sites web ainsi que le pilotage de projets en environnement agile et UX.
  • De nombreux cas pratiques et retours d'expérience pour mieux assimiler.
  • Des méthodes d'animation ludiques et participatives.
  • La prise en compte des attentes individuelles et collectives.
  • Un support de formation visuel pour faciliter l’apprentissage.

LE RESPONSABLE PÉDAGOGIQUE

La formation est assurée par François Amisse, concepteur d’applications, expert en innovation, facilitateur certifié et UX Designer certifié.

En plus des formations qu’il dispense, François accompagne les organisations dans leurs changements organisationnels (agilité, intelligence collective, management) et dans leurs démarches d’innovation de produits et de services (business model, créativité, design, expérience utilisateur).

François est diplômé en management et en informatique, et certifié en Agilité, Design Thinking, Innovation et Lean Management. Pour plus de détail, vous pouvez consulter son CV qui est accessible en ligne sur https://www.linkedin.com/in/francoisamisse/

INFOS PRATIQUES

2 jours (14 heures)

Inter : 1290 € HT / pers.
Intra : nous consulter

Cette formation s'adresse en priorité aux concepteurs, développeurs, chefs de projets fonctionnels, Product Owner, UI et UX Designers.

Pré-requis

  • Avoir idéalement des connaissances en UX Design et en HTML5/CSS3

Toutes nos formations sont assurées à partir de 4 stagiaires (et limitée à 12 participants).

La formation s’articule autour de 3 axes fondamentaux :

  • Des apports théoriques pour nourrir votre « savoir »
  • Des travaux pratiques pour développer votre « savoir-faire » sous forme d’ateliers et de serious games (Lego® Serious Play®, Innovation Games®)
  • Des échanges et des retours d’expérience entre les participants et le formateur

Nous privilégions une démarche pédagogique interactive et conviviale basée sur un apprentissage actif ainsi que des échanges entre le formateur et les participants.

La formation est dispensée avec une répartition à 60 % de pratique et de mises en situation, et à 40 % d’apports théoriques et de connaissances illustrés d’exemples.

Les stagiaires auront la possibilité d’exprimer leurs attentes avant le début de la formation via un questionnaire en ligne.

À chaque fin de journée de formations, les stagiaires seront invités à exprimer leurs ressentis afin de valider l’adéquation entre leurs objectifs individuels et le déroulé de la formation.

À l’issue de la formation, les stagiaires complèteront une grille d’évaluation.

Le suivi de l’acquisition des compétences de chaque stagiaire sera assuré par le formateur.

Une feuille de présence sera signée par les stagiaires par demi-journée.

Une attestation de formation sera remise aux stagiaires à l’issue de la formation.

TOP