Aller directement au contenu
Format : Stage pratique
Niveau Fondamentaux
Répartition du temps : 25% exposés
60% pratique
15% échanges

La formation en détails

Description

En matière d'UI Design, Figma s'est imposé ces dernières années comme un standard des outils collaboratifs de prototypage.

 

Reprenant les grands principes des principaux logiciels de création graphique, Figma permet aux designers de simuler l'expérience utilisateur de leurs produits ou services numériques, tout en facilitant la collaboration avec les autres membres de l'équipe produit.

 

Durant deux jours, au côté des experts OCTO Technology du design d'interface, l'accent sera mis sur la prise en main de l'environnement Figma et de ses grandes fonctionnalités, au travers de différents exercices, afin de faciliter le processus de création et valider l'orientation de son produit grâce à des prototypes complets.

Objectifs

  • Découvrir l'UI design et sa place dans le processus de création d'un projet
  • Appréhender l'environnement Figma et ses principales fonctionnalités
  • S'approprier les outils de création de composants (Frames, groups, auto layouts)
  • Personnaliser ses composants et les organiser pour se créer une bibliothèque réutilisable
  • Créer un prototype interactif complexe à partir d'une page blanche
  • Déployer rapidement un parcours expérientiel pour effectuer des tests utilisateur

Public cible

  • Designer ne connaissant pas ou peu Figma.
  • Designer connaissant Figma et souhaitant maîtriser le logiciel
  • Graphiste / Directeur artistique / Web designer souhaitant prendre en main ce logiciel
  • Toute personne s'intéressant à l'UI design et à Figma et étant amenée à l'utiliser.

Prérequis

Avoir des notions en design d'interfaces.

Avoir une bonne maîtrise des outils standards de création graphique.

Modalités pédagogiques

Formation avec apports théoriques, échanges sur les contextes des participant·e·s et retours d'expérience pratique des formateur·rice·s, complétés de travaux pratiques et de mises en situation.

Profil du formateur

Toutes nos formations sont animées par des consultants-formateurs et consultantes-formatrices dont l'expérience et l'expertise sont reconnues par leurs pairs.

Modalités d'évaluation et de suivi

L'évaluation des acquis se fait tout au long de la session au travers des ateliers et des mises en pratique.

Afin de valider les compétences acquises lors de la formation, un formulaire d'auto-positionnement est envoyé en amont et en aval de celle-ci.

Une évaluation à chaud est également effectuée en fin de session pour mesurer la satisfaction des stagiaires et un certificat de réalisation leur est adressé individuellement.

Programme détaillé

Jour 1

 

RAPPEL SUR LES BASES DE L'UI DESIGN

  • Définition du design d'interface
  • Présentation des grands principes régissant la discipline
  • Clarification de la place qu'occupe l'UI dans une approche orientée produit
  • Partage par les experts OCTO des bonnes pratiques de l'UI design

 

FAIRE SES PREMIERS PAS AVEC FIGMA

  • Introduction à Figma
  • Présentation de l'interface
  • Focus sur les principales fonctionnalités de Figma
  • Mise en pratique : “Créer ses premières feuilles de style”
  • Bonnes pratiques de Figma présentées par les experts OCTO (raccourcis et plugins complémentaires)

 

FRAMES, GROUPS ET AUTO LAYOUTS

Frames et groups

  • Présentation des frames : utilité et création
  • Cas d'usages et avantages des frames et groups
  • Gestion de la position des éléments dans une frame grâce aux contraintes
  • Mise en pratique : "Manipuler un composant pour en comprendre les contraintes qui le régissent"

 

Auto layouts

  • Présentation des auto layouts : utilité et création
  • Paramétrage selon les cas d'usages
  • Mise en pratique : “Manipuler une frame pour paramétrer ses règles d'application d'auto-layout”

 

REVUE DES CONCEPTS CLÉS ABORDÉS LORS DE LA JOURNÉE

 

Jour 2

 

LES COMPOSANTS

  • Présentation des assets et de la bibliothèque de composants
  • Clarification de ce qui définit un composant
  • Les principales fonctionnalités de création de composant
  • Mise en pratique : “Créer un composant de type bouton”
  • Personnalisation d'un composant grâce aux propriétés
  • Définition des variations de ses composants : états, comportements
  • Nomenclature et librairie externe
  • Mise en pratique : “Importer des composants d'une source externe”

 

LE PROTOTYPE

  • Simulation du comportement de ses éléments sur différentes résolutions d'écran
  • Création et paramétrage des interactions entre ses différents composants
  • Prise en main des outils d'animation des composants
  • Composants parents et composants interactifs : intérêts et cas d'usage
  • Mise en pratique : ”Créer son premier prototype”

 

CRÉATION D'UNE PAGE D'ONBOARDING

  • Conception d'une landing page, à partir d'un wireframe prédéfini, en appliquant les différents concepts vus sur l'ensemble des modules
  • Présentation des travaux et échanges en groupe

 

CONCLUSION

  • Revue des concepts clés abordés sur les deux journées
  • Séance de questions et réponses
  • Clôture de la session

Ce qu'en disent les participants

4.35 / 5
Satisfaction moyenne
Sur la base de 8 avis, collectés en fin de formation durant les 12 derniers mois.
100 %
recommandent cette formation
Sur la base de 8 avis, collectés en fin de formation durant les 12 derniers mois.

Nos autres formations du domaine « Product Design » Toutes les formations du domaine

UXDDS Design de Service : concevoir un service fondé sur l’expérience utilisateur
S'approprier la méthodologie UX appliquée au Design de Service
Durée : 14 h / 2 j
Fondamentaux
 
 
 
 
Prochaine session : 17 juin 2024
UXDDT Intégrer le design d’expérience utilisateur dans vos projets
S’approprier la démarche pour renforcer l’impact de ses produits et services numériques
Durée : 35 h / 5 j
Fondamentaux
 
 
 
 
Prochaine session : 18 mars 2024
ATOMR Fondamentaux de l'Atomic Research Repository
Industrialiser et tirer le meilleur de ses retours utilisateurs
Nouveau
Durée : 7 h / 1 j
Fondamentaux
 
 
 
 
Prochaine session : 12 juin 2024

Besoin d'aide pour trouver votre formation ?

Contactez-nous

Sessions & Inscriptions

Session partagée avec d'autres organisations

Prochaines sessions
  • du 13 au 14/06/2024
    Présentiel, Paris
    1 700,00 € HT
  • du 14 au 15/10/2024
    Présentiel, Paris
    1 700,00 € HT
Durée
14 h / 2 j

Demander un devis Nous contacter
Télécharger le programme

Organiser une session dédiée à votre organisation

Durée
14 h / 2 j

Vous avez plusieurs collaborateurs à former ?

Cette formation peut être organisée
sous la forme de sessions dédiées
aux membres de votre organisation.

Demander un devis Nous contacter Télécharger le programme

Personnaliser cette formation

Cette formation vous intéresse
et vous souhaitez l'adapter pour
vos collaborateurs ?

Nos formateurs et notre équipe pédagogique sont à
votre disposition pour en discuter
et vous proposer un programme sur-mesure.

Nous contacter Télécharger le programme

OCTO Academy respecte votre vie privée

Ce site web stocke des informations vous concernant via le dépôt de cookie afin de mesurer l’audience du site. Ces données de navigation sont anonymisées.

En cliquant sur « OK pour moi », vous manifestez votre consentement pour le dépôt de ces cookies.

Lire la politique de confidentialité

À propos des cookies

Sur ce site, nous utilisons des cookies pour mesurer notre audience, entretenir la relation avec vous et vous adresser de temps à autre du contenu qualitif ainsi que de la publicité. Vous pouvez sélectionner ici ceux que vous autorisez à rester ici.

Cookies