Description de la formation
Une formation complète sur Figma réalisée soit à distance soit sur votre site avec notre expert. Access it est un centre de formation informatique existant depuis plus de 30 ans sur la métropole Lilloise. 96 % de taux de satisfaction client.
Prochaines sessions
Contenu
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
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
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
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
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
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
Public Cible
Responsable marketing, responsable communication, responsable digital, graphistes...
Prérequis
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.
Avantages de la formation
Au moins 50 % de travaux pratiques et de retour d’expérience. Alternance de travail individuel et en équipe. Travaux pratiques sur des cas réels ou des applications en production. Une application web fil rouge dont il faudra proposer une version mobile. 4 participants maximum par session pour un meilleur apprentissage. De nombreuses programmations disponibles sur demande. Possibilité de personnaliser le contenu de la formation en fonction de vos besoins pour une meilleure expérience.
Profil du Formateur
Formation expérimenté ayant plus de 20 ans d'expérience
Cette formation vous intéresse ?
Access it : l'ambition de réinventer les méthodes de travail et développer le numérique
Access it est un organisme de formation français, basé à Villeneuve d'Ascq, dans la métropole Lilloise. Formé en 1993, cet institut de formation s'est ancré dans le paysage professionnel des Hauts-de-France et accompagne de nombreuses entreprises sur toute la France. Access...
Apprenez-en plus sur l'organisme et découvrez toutes leurs formations