Le design UI est aujourd'hui une étape incontournable de la conception web. Plus que la simple application du graphisme au digital, le design UI revêt de nombreuses spécificités et contraintes, mais aussi de multiples possibilités créatives.
Ces dernières années, les pratiques en design d'interface ont considérablement évolué. Les nouvelles méthodes de travail permettent une meilleure collaboration avec les parties prenantes d'un projet web et les logiciels sont devenus plus simples d'utilisation, plus performants et surtout plus adaptés aux besoins des professionnels. Il est désormais possible de créer des prototypes interactifs et des animations, de gérer le responsive design, de générer du code CSS, mais aussi d'industrialiser la déclinaison graphique et de mettre au point des design systems.
Que vous soyez graphiste, directeur artistique, chef de projet, product owner ou encore développeur web : développez vos compétences en design d'interface et gagnez en productivité avec notre formation "L'essentiel de l'UI design" d'une durée de trois journées.
Objectifs pédagogiques
- Comprendre les différentes phases importantes de l'UI Design : Brainstorming, Benchmark, Wireframes, Moodboard, Maquettes, Prototypes, etc.
- Concevoir des livrables opérationnels pour le web : maquette graphique responsive, librairie de composants, prototype interactif
- Partager son travail avec les parties prenantes d'un projet web
Niveau requis
- Être très à l'aise sur informatique
- Avoir une sensibilité au graphisme et à l'ergonomie
Public concerné
- Graphistes et directeurs artistiques souhaitant se former au design d'interface
- Chefs de projet et développeurs web souhaitant améliorer leur productivité et leur collaboration avec les designers d'interface
Programme
Les fondamentaux de l'UI design
- Panorama des métiers du web et vocabulaire commun
- Branding pour une interface : couleurs, typographies, iconographies, ton of voice
- Les grandes phases de l'UI Design : Brainstorm, Benchmark, Moodboard, Wireframes, Maquette, Prototype interactif
- Différences Print et Web
- Les règles d'accessibilité
Prise en main de l'outil Figma
- Découverte de la suite d'outils Figma
- Création d'un guide de styles
- Maquettage d'une page web
- Création et utilisation des composants
- Conception en responsive design
- Prototypage et animation
- Collaborer efficacement avec des designers et des développeurs
- Export et partage
Aller plus loin en UI Design
- Les conventions en UI Design
- Comment et où Benchmarker
- Découverte des Design Systems
- Découverte des outils IA pour l'UI Design
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
Modalités d’évaluation des acquis
Évaluation en 3 phases :Pendant la formation : un bilan journalier effectué par l'intervenant
À chaud : à la fin de la formation, un bilan qualité pour mesurer l'atteinte des objectifs
À froid : à J + 3 mois, une évaluation du transfert des acquis en situation professionnelle
Accessibilité de la formation
Le groupe M2I s'engage pour faciliter l'accessibilité de ses formations. Toutes nos formations sont accessibles aux personnes en situation de handicap : les détails de l'accueil des personnes sont consultables sur la page Accueil Handicap
Modalités et délais d’accès à la formation
Les formations M2I sont disponibles selon les modalités proposées sur la page programme. Les inscriptions sont possibles jusqu'à 48 heures ouvrées avant le début de la formation. Dans le cas d'une formation financée par le CPF, ce délai est porté à 12 jours ouvrés.
