Formation Figma Perfectionnement : concevoir un produit digital ergonomique

Public admis

  • Salarié en Poste
  • Demandeur d'emploi
  • Entreprise
  • Etudiant

Financements

Eligible CPF Votre OPCO Financement personnel

Objectifs de la formation

  • Maquetter une interface digitale web ou mobile en basse/haute fidélité avec Figma
  • S'approprier 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

Sparks


Tout l'IT, vraiment tout
Voir la fiche entreprise

Tarif

A partir de 2 100,00 €

Durée 3 jours
Modes
  • Centre
  • Entreprise
  • Distance
Sessions
Lieux Partout en France

Sparks


Tout l'IT, vraiment tout
Voir la fiche

Tarif

A partir de 2 100,00 €

Durée 3 jours
Modes
  • Centre
  • Entreprise
  • Distance
Sessions
Lieux Partout en France

Description

Cette formation Figma Perfectionnement vous offre une immersion dans la création et la gestion d'interfaces digitales web et mobiles. Conçue pour les professionnels ayant des connaissances de base en UX/UI Design, cette formation vous permettra de maîtriser les principaux aspects du design system et de l'architecture de l'information avec l'outil Figma. Grâce à un enseignement axé sur l'expérience pratique, vous aurez l'opportunité de travailler sur des cas réels et de participer à la conception d'une version mobile pour une application web existante. Inscrivez-vous maintenant et prenez une longueur d'avance dans le monde du design digital.

Programme

Introduction à la formation Figma Perfectionnement : 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 : pages et layers, outils de dessin, formes contours et effets
Notion de composant et d’instance dans Figma
Création d’un composant pour un bloc d’information
Exemple de cas pratique : reproduire avec Figma le zoning de la page d’accueil de l’application web de référence et hiérarchiser l’information

UI Design en basse fidélité

Présentation des principaux composants graphiques
Notion de variant et de propriétés : création d’un composant Bouton avec un propriété primaire/secondaire
Overlay : maquettage du menu principal, des boites de dialogues et des popups
Responsive design : contraintes et autolayouts
Exemple de cas pratique : maquettage basse fidélité d’une nouvelle version de la page d’accueil
pour mobile en responsive design

UI Design en haute fidélité

Design visuel : historique et tendances
Brief graphique
Notion d’affordance
Charte graphique : palette de couleurs, iconographie et illustrations
Notion de plugin : utilisation d’icône (Iconify) et d’image (unsplash)
Les styles dans Figma : styles typographiques et styles de couleurs
Exemple de cas pratique : extraction de la charte graphique depuis la page d’accueil actuelle

Utiliser et concevoir un design system

Qu’est-ce qu’un Design system ?
Les principaux composants graphiques
De la charte graphique à 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
Exemple de cas pratique : création d’un embryon de design system pour l’application mobile

UX Writing : la gestion des contenus textuels

Glossaire métier
Micro rédaction : boutons, messages d’erreurs, aide en ligne
Typographie : police, taille, style
Lisibilité : l’importance du contraste, normes WCAG
Hiérarchie visuelle et échelle typographique
Contenus textuels : accroche, pyramide inversée.
Notion de styles typographiques dans Figma
Exemple de cas pratique : conception et ajout au design system d’une échelle typographique

Maquettage en co-conception avec les utilisateurs

Les principaux 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, préparation et animation d’un atelier de conception
Faire un prototype interactif avec Figma : transitions entre écrans et variants, réalisation d’animation
Exportation et partage d’un prototype
Collaboration entre utilisateurs, développeurs et designers
Exemple de cas pratique : réalisation d’un prototype interactif de l’application mobile et simulation
d’une présentation

Prérequis

Des connaissances de base sur l'UX et l'UI Design. Une première expérience avec Figma est un bon plus.

Public

Chefs de projet,

Ces formations pourraient vous intéresser

Objectifs de la formation

A l’issue de cette formation, le stagiaire sera capable d’occuper la fonction de formateur au sein de son entreprise. Découvrir les techniques d'apprentissage Comprendre les bases de l'enseignement Concevoir des contenus de formation et scenario pédagogiques Animer des formations et des séquences réflexives Concevoir une boite à outils Créer des supports Evaluer la formation et la progression de l’apprenant Découvrir les types d'apprenants Apprendre à gérer les cas difficiles - Préparer sa formation
Tarif

A partir de 2 800,00 €

Durée

4j / 28h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Décrire les principales fonctionnalités de SharePoint 2013 - Planifier et concevoir un environnement SharePoint Server 2013 - Planifier et configurer les fonctionnalités de réseaux sociaux - Gérer les solutions dans un déploiement SharePoint 2013
Tarif

A partir de 2 450,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Chef de Projet Digital

Proposé par YOU WEB

Objectifs de la formation

  • Elaborer un projet digital d’une entité cliente
  • Piloter un projet digital au service d’une entité cliente
Tarif

A partir de 3 000,00 €

Durée

135 heures

Modes
  • Distance

Objectifs de la formation

Maîtriser les principales fonctionnalités de Dreamweaver - Apprendre à  concevoir un site Web avec ce logiciel, de la création des pages jusqu'à  la mise en ligne
Tarif

A partir de 1 125,00 €

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Évaluation des compétences acquises via un questionnaire en ligne intégrant des mises en situation.
Tarif

Contacter l'organisme

Durée

2 jours (14 heures)

Modes
  • Centre
  • Entreprise
  • Distance

Oracle - PL/SQL

Proposé par CIT FORMATION INFORMATIQUE

Objectifs de la formation

Toute personne qui souhaite acquérir les connaissances nécessaires pour concevoir des triggers et procédures stockées.

A l'issue de la formation, le stagiaire sera capable de :

  • D'exploiter pleinement le langage de requête PL/SQL
Tarif

Contacter l'organisme

Durée

3 jour(s)

Modes
  • Centre
  • Entreprise

Objectifs de la formation

Comprendre les principes de base de la retouche photo avec Photoshop.
Apprendre à utiliser les outils essentiels de Photoshop pour l'édition et la manipulation d'images.
Maîtriser les techniques avancées de Photoshop pour la retouche photo professionnelle.
Acquérir des compétences en design graphique en utilisant les fonctionnalités avancées de Canva.
Apprendre à créer des illustrations et des graphiques attrayants avec Canva.
Comprendre les bases de la conception web et l'installation de WordPress.
Savoir personnaliser un site WordPress en utilisant des thèmes et des plugins.
Apprendre à créer des mises en page attrayantes et adaptées aux mobiles avec WordPress.
Explorer les fonctionnalités avancées de WordPress, telles que la gestion des utilisateurs et la sécurité.
Comprendre les principes de l'optimisation des moteurs de recherche (SEO) pour les sites WordPress.
Apprendre à intégrer des médias sociaux et à partager du contenu depuis WordPress.
Acquérir des compétences en gestion de projet pour la création de sites web avec WordPress.
Savoir concevoir des infographies percutantes avec Canva pour communiquer efficacement.
Apprendre à créer des visuels attrayants pour les réseaux sociaux avec Canva.
Explorer les meilleures pratiques en matière de workflow et d'organisation pour maximiser l'efficacité dans l'utilisation de Photoshop, WordPress et Canva.

Ces objectifs devraient vous permettre de couvrir les principales compétences et connaissances nécessaires pour maîtriser ces trois outils dans le cadre d'une formation en e-learning.
Tarif

A partir de 690,00 €

Durée

5j / 37h

Modes
  • Entreprise
  • Distance

Objectifs de la formation

  • Comprendre les fondamentaux de Copilot pour Microsoft 365 pour optimiser son utilisation et transformer la façon de travailler au quotidien afin d’améliorer la productivité
  • Appliquer les meilleures pratiques pour rédiger des invites efficaces qui fournissent des résultats et réponses pertinentes
  • Interagir avec Copilot pour obtenir de l'aide, une information/donnée, un document, des nouvelles idées, ou pour apprendre
  • Utiliser Copilot dans Word pour générer ou réécrire du texte, transformer du texte en tableau, ou extraire des informations essentielles
  • Utiliser Copilot dans Outlook pour rédiger, résumer, traduire des e-mails et organiser son travail à partir de son agenda
  • Utiliser Copilot dans PowerPoint pour concevoir des présentations et résumer des informations
  • Utiliser Copilot dans Excel pour analyser, trier, transformer, mettre en forme des données
  • Utiliser Copilot dans Teams pour augmenter la productivité dans les conversations et les réunions
Tarif

A partir de 650,00 €

Durée

1j / 7h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Repérer les TMS et évaluer leurs risques dans l'entreprise
  • Prendre en main des outils d'analyse et d'action transposables à tout secteur d'activité
  • Élaborer et mettre en place une démarche de prévention collective
Tarif

Contacter l'organisme

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Appréhender le vocabulaire et les concepts clés de l'ergonomie et de l'UX Design et savoir les appliquer sur un projet web mobile
  • Appréhender les exigences ergonomiques du développement d’applications web pour les appareils tactiles
  • Disposer d'une méthodologie de conception et d’évaluation d’interfaces mobiles : charte graphique, navigation, guidage, esthétique, coût, robustesse, adaptabilité, performance, etc.
  • Appréhender les meilleures pratiques pour réaliser des maquettes et conduire le cycle de maquettage d’une application web compatible avec les mobiles
Tarif

A partir de 2 100,00 €

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Je cherche à faire...