DESIGN WEB : UX-UI AVEC FIGMA

Les points forts

Une formation :

  • en petits groupes ou en individuel
  • axée sur la pratique
  • visant une opérationnalité rapide
  • dispensée par des intervenants issus du monde professionnel

Durée : 35 heures

Lieu : sur Montpellier ou à distance

Objectif.s :
> Identifier les particularités de l’UX design et de l’UI design
> Acquérir les notions essentielles d’ergonomie et de prototypage

Public :
Etudiant(e), Salarié(e), Demandeur d’emploi, Entrepreneur(se), Grand Public

Modalités d’accès :
> Entrée / Sortie permanente
> Entretien préalable + test (le cas échéant)

Délais d’accès :
De quelques jours à quelques semaines, selon le financeur

Pré requis :
Maitrise de l’outil internet

Modalités pédagogiques et déroulé de la formation :
Voir page dédiée

Evaluation :
> Formation basée sur l’apprentissage pratique (Exercices pratiques – Mise en situation)
> Evaluation tout au long de la formation

Validation :
Attestation de formation

Introduction

  • Définition : site Internet, Ergonomie, Navigation
  • Présentation des standards et contraintes : HTML/CSS
  • Contraintes, formats, couleurs et logiciels
  • Périphériques de capture et d’affichage : modes colorimétrique / résolutions et exceptions
  • Le cercle chromatique et les différentes représentations de la couleur.
  • Les types d’images : Bitmap et Vectoriel
  • Photoshop, Illustrator, Bridge et les objets dynamiques
  • Présentation des principaux formats graphiques : PSD, EPS, PDF, JPEG, PNG et GIF.
  • Compression et optimisation.
  • Tendance du web actuel

L’UX design

  • Qu’est-ce que l’UX Design ?
  • Qu’est-ce qu’une expérience ?
  • Fondements de l’UX Design
  • Enjeux et valeur ajoutée de l’UX Design dans le monde digital
  • La gestion de projet intégrant de l’UX Design (vs gestion de projet classique) : acteurs, plannings, budgets, livrables

Paramétrage et création du document de base

  • Définition de la grille
  • Mise en place d’un fond
  • Création de la colonne de contenu
  • Création de l’entête
  • Création de la barre de menu
  • Création du pied de page
  • Mise en place du contenu & partenaires
  • Choix des couleurs de la charte graphique en fonction d’éléments existants

Ergonomie – Les fondamentaux

  • Fondements de l’ergonomie
  • Définitions : utilité, utilisabilité, affordance, efficacité, efficience, etc.
  • Bases du fonctionnement cognitif de l’être humain (vision, mémoire, cognition)
  • Conception centrée utilisateur : bonnes pratiques et recommandations ergonomiques
  • Critères ergonomiques pour la conception et l’évaluation de la qualité ergonomique

Création de design d’applications (wireframes) et prototypage avec Figma

  • Comprendre l’interface du logiciel
  • Comprendre la notion de calques
  • Créer des formes (rectangles, ellipses, …)
  • Utiliser l’outil Texte
  • Exporter vos designs
  • Utiliser la grille de répétition et le Pathfinder
  • Rendre vos design Dynamiques

PLANNING

Planning à la carte. Nous contacter pour un planning personnalisé.

TARIFS

Prise en charge (France Travail, Entreprise, OPCO, FAF, …) : 1050 €
Autofinancement : 700 €
Etudiants et Minima sociaux (sur justificatif) : 525 €

Afin d’évaluer au mieux vos besoins en formation et étudier avec vous les possibilités de financement, un entretien diagnostic gratuit sera préalable à toute rédaction d’un devis et à toute inscription.

Dernière mise à jour de la fiche : 15.08.2026