03 20 61 95 06

Formation Concevoir un produit digital ergonomique avec Figma


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

96%

Taux de satisfaction clients
(sur 1512 évaluations du 19/05/21 au 23/10/24)

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…

Dernière mise à jour

Programme mis à jour le 27 octobre 2024
enveloppe 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.

Formations modulables

Toutes nos formations sont disponibles en présentiel comme en distanciel, en mode coaching individuel ou en groupe de 3 à 6 participants maximum.

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.
modules

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
12 novembre 2024
13 janvier 2025
03 mars 2025
28 avril 2025

Cette formation vous intéresse ? Contactez-nous !

    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/