Formation Concevoir un produit digital ergonomique avec Figma

UXD2
Durée : 3 jours
Tarif : 1710 € HT

96%

Taux de satisfaction clients
(sur 1645 évaluations du 19/05/21 au 28/02/25)

Voir les avis

Objectifs

A l’issue de la formation le participant sera capable de :
Savoir maquetter une interface digitale web ou mobile en basse et haute fidélité avec Figma

Découvrir les bases de l’utilisation et de la conception d’un design system

Maîtriser l’architecture de l’information pour proposer des maquettes respectant les bonnes pratiques ergonomiques

Prérequis

Des connaissances basiques sur l’UX et l’UI Design ou bien avoir suivi la formation « Découverte de l’UX Design »

Idéalement, une première expérience de l’utilisation de Figma
Un entretien en amont avec notre expert permet de prendre en compte le profil de chaque participant (niveau, objectifs et résultats attendus, contexte professionnel, enjeux…) et d’adapter le contenu de la formation si besoin.

Cette formation ne peut être financée que dans le cadre d’un projet d’entreprise (prise en charge entreprise ou OPCO). Les dossiers à financement personnel et CPF ne sont pas pris en compte.

Public

Responsable marketing, responsable communication, responsable digital, graphistes…

Formation(s) associée(s)

Dernière mise à jour

Programme mis à jour le 13 février 2025

Cette formation vous intéresse ? Contactez-nous

Bon à savoir

Evaluez votre niveau

Pour vous aider à bien choisir votre formation, nous vous proposons soit un entretien avec le formateur soit un test d’évaluation. Cela vous assurera que vous disposez des connaissances nécessaires pour suivre la formation dans des conditions optimales.

Sessions garanties

La majorité de nos sessions proposées en distanciel sont garanties. Elles peuvent être enregistrées à la demande.

Travaux pratiques

Nos formations comprennent de nombreux travaux pratiques pour un meilleur apprentissage (60 % de pratique). Nous proposons également de travailler sur vos données pour une meilleure expérience.

Télécharger la fiche de cette formation

Les Modules
de formation

Module1

Architecture de l’information

Inventaire des contenus : cartographier la navigation avec un site map

Navigation horizontale : concevoir un menu principal avec la méthode du tri par carte

Navigation verticale : page de premier niveau, boites de dialogues et popups

Notion de zoning : placer et dimensionner, hiérarchie visuelle, ligne de flottaison et notion de dévoilement progressif

Présentation et découverte de Figma

Notion de composant et d’instance dans Figma

Création d’un composant pour un bloc d’information
Atelier pratique : reproduire avec Figma le zoning de la page d’accueil de l’application web de référence et hiérarchiser l’information

Module2

UI Design en basse fidélité

Présentation des principaux composants graphiques

Création d’un composant Bouton

Maquettage des blocs les plus importants

Maquettage du menu principal

Responsive design : contraintes et autolayouts

Utilisation d’icône et d’image

Atelier pratique : maquettage basse fidélité de la page d’accueil d’une version mobile

Module3

UI Design en haute fidélité

Design visuel : historique et tendances

Brief graphique

Notion d’affordance

Charte graphique : palette de couleurs, iconographie et illustrations

Atelier pratique : extraction de la charte graphique depuis la page d’accueil actuelle

Module4

Utiliser et concevoir un design system

Qu’est-ce qu’un Design system ?

Les principaux composants graphiques

La charte ergonomique

Les différences entre la charte graphique les UI kit et les design system

Atomic Design : atome, molécules, organismes, templates, page

Présentation de quelques Design system

Atelier pratique : création d’un embryon de design system pour l’application mobile

Module5

UX Writing - la gestion des contenus textuels

Typographie : police, échelles de taille, style

Glossaire métier

Micro rédaction : boutons, messages d’erreurs, aide en ligne

Contenus textuels : accroche, pyramide inversée,

Charte graphique : palette de couleurs, iconographie et illustrations

Atelier pratique : extraction de la charte graphique depuis la page d’accueil

Module6

Maquettage en co conception avec les utilisateurs

Les outils de maquettage

Préparer un atelier d’idéation : phase de divergence puis de convergence

Préparer un cycle de maquettage : recrutement du groupe utilisateur, déroulement des séances

Animer un atelier de conception

Atelier pratique : simulation d’un atelier de conception avec la présentation de l’application mobile

Les prochaines
sessions de formation

Sur demande

Vous souhaitez organiser cette formation à une date spécifique ?Contactez-nous en remplissant le formulaire ci-dessous

19 mai 2025

15 juillet 2025

15 septembre 2025

10 novembre 2025

Cette formation vous intéresse ? Contactez-nous !

Nom*

Prénom*

Entreprise (facultatif)

Téléphone

E-mail*

Votre message*

Les données personnelles collectées sont destinées à Access IT Company et utilisées pour traiter votre demande et, lorsque vous ne vous y êtes pas opposé, vous communiquer nos offres commerciales. Les données obligatoires vous sont signalées sur le formulaire par un astérisque. L’accès aux données est strictement limité par Access IT Company aux collaborateurs en charge du traitement de votre demande. Conformément au Règlement européen n°2016/679/UE du 27 avril 2016 sur la protection des données personnelles et à la loi « informatique et libertés » du 6 janvier 1978 modifiée, vous bénéficiez d’un droit d’accès, de rectification, d’effacement, de portabilité et de limitation du traitement des donnés vous concernant ainsi que du droit de communiquer des directives sur le sort de vos données après votre mort. Vous avez également la possibilité de vous opposer au traitement des données vous concernant. Vous pouvez exercer vos droits en contactant le DPO à l’adresse suivante : [email protected] ou à l’adresse postale suivante 2, Allée Lavoisier, 59650 Villeneuve d’Ascq. Pour plus d’informations sur le traitement de vos données personnelles par Access IT Company, veuillez consulter notre politique de confidentialité disponible sur notre site internet à l’adresse suivante : https://formation.access-it.fr/politique-de-confidentialite/