Formation Prototypage d'interface

Maîtrisez le design d'interfaces avec Sketch® App

POURQUOI CETTE FORMATION ?

Avec le prototypage d’interface et Sketch® App, concrétisez vos concepts Design.

Les méthodes que vous apprendrez vous permettront de rendre vos interfaces adaptables aux différents supports que vous ciblez (mobiles, tablettes et ordinateurs de bureau) par la mise en oeuvre de l’amélioration progressive, de l’Atomic Design et de l’approche Mobile First.

À l’issue de la formation, vous aurez appris à concevoir tous types d’interface aves Sketch® App, 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 professionnelle déclaré sous le n°52440795544, certifié e-AFAQ Formation Professionnelle n°2017/77326.1 par le groupe AFNOR et référencé par la Datadock.

OBJECTIFS DE LA FORMATION

  • 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

Francois Amisse

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, Lean Management et UX Design. Pour plus de détail, vous pouvez consulter son CV qui est accessible en ligne sur https://www.linkedin.com/in/francoisamisse/

 

INFOS PRATIQUES

Intra
1 jour (7 heures) : 1800 € HT (≤ 12p)
2 jours (14 heures) : 3600 € HT (≤ 12p)

Les inscriptions de toutes nos formations sont acceptées jusqu'à la veille de la date de début de la formation (sous réserve d'un nombre suffisant de participants, à partir de 4 personnes).

Toutes nos formations sont animées en UK flag français ou en UK flag anglais.

Public : Concepteurs, développeurs, chefs de projets, Product Owner, UI/UX Designers

Pré-requis : Avoir idéalement des connaissances en HTML/CSS

La formation s’articule autour de 3 axes fondamentaux :

  • Des apports théoriques pour nourrir votre « savoir »
  • Des travaux pratiques pour maîtriser Sketch App®
  • 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.

En 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 et réaliseront un QCM pour faire le point sur leur pratique.

Le suivi de l’acquisition des compétences des stagiaires 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.

HAUT
Aller au contenu principal