Public : Graphistes, webdesigners, développeurs web, chefs de projets
Durée : 5 jour(s)
Pré-requis : Pratique des logiciels graphiques Adobe Photoshop ou Illustrator ou d'un logiciel de conception graphique S'intéresser aux interfaces utilisateurs et aux expériences utilisateurs
Objectifs : Découvrir et maîtriser les principes de l’Interface Utilisateur (UI) Comprendre et réaliser une interface UI pour le web et applications Assimiler la conception de maquettes et prototyper avec un logiciel de conception : Adobe XD, Figma, Penpot, etc.
Sanction : Attestation de fin de stage mentionnant le résultat des acquis
Taux de retour à l’emploi : Aucune donnée disponible
Référence : SIT101857-F
Accessibilité : Nos formations sont accessibles aux personnes en situation de handicap
2 475,00 € HT
Présentation de l'Interface Utilisateur (UI)
La place de l'UI au sein de l'UX
Les éléments de l'UX
Le rôle de l'UI Designer
Les différents types d'interface
L'interaction selon les interfaces
L'évolution de l'interaction dans notre environnement
Le responsive web design
Atelier : Voir et formuler un besoin
Atelier : Formuler de premières idées à partir d'une carte d'empahie (empathy map)
Atelier : Cartographie une expérience
Comprendre la démarche Design Thinking
L'empathie
La problématique
L'idéation
Le prototypage
Le test
Atelier : Atelier d’idéation basé sur la refonte d’un site web
Les 10 principes de Nielsen
Les grilles de mise en page
Les théories de la Gelstat
La loi de Fitts
Les lois complémentaires
L'affordance
Focus : Le maquettage
Les notions de maquettage
Le sketching
Le zoning
Le wireframe
Le prototype
Les guidelines
Les design systems et kits UI
Rappel de la phase de génération (Etape 4 du Processus de conception UX)
Le storyboarding
La gamification
Le tri de cartes
Atelier : Création d'une maquette papier autour d'un projet
Définir l'architecture de l'information
La hiérarchisation
La taxonomie / l'étiquettage
La méthode OOUX
Exemple d'outils :
L'arborescence
Le sens de lecture
Le fil d'Ariane
L'usage des textes et pictogrammes
La hiérarchie textuelle et SEO
Les formulaires
Les devices et zones d'interactions
Les gestes de navigation
La bonne pratique du obile-first
La ligne de flottaison
L'intégration à un écosystème
Les couleurs
L'iconographie
Les polices
L'accessibilité
Manipuler Figma
Animer son prototype
Partager son projet
Les plugins Figma
Atelier : Prototypage wireframe
Les logiciels de prototypage
Mettre en avant ses créations
Réaliser et maintenir sa veille
Les nouvelles alternatives émergentes
Atelier : Faire évoluer son wireframe en prototype intéractif afin de le partager
La réflexion
Les différents modèles de conception
La collaboration et les collaborateurs
Focus : Les immanquables app'
Atelier : Conception d'une application mobile
Qu'est-ce qu'un audit UI / UX ?
Connaître sa cible
Focus : Les personas
Définir les objectifs de l'audit
Etablir un plan d'action
Réaliser l'audit
Atelier : Audit UI d’un site internet existant + proposition d’une ou plusieurs solutions /// Audit UI d’une application mobile existante + proposition d’une ou plusieurs solutions
Atelier : Produire un prototype intéractif et le design system associé
Comprendre le métier d'UI Designer et sa différence avec l'UX Designer : missions, décisions, enjeux
Conception de maquettes, design systems et interfaces utilisateurs
Explorer les possibilités de conception et bonnes pratiques associées aux différents types de devices (mobile, ordinateur, tablette, etc)
S'initier aux logiciels de conception : Figma, Adobe XD, Penpot, Lunacy, etc
Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.
| Lieu | Date | Remisé | Actions |
|---|---|---|---|
| Bordeaux | Du 24/06/2024 au 28/06/2024 | Oui | S'inscrire |
| Bordeaux | Du 09/09/2024 au 13/09/2024 | Oui | S'inscrire |
| Bordeaux | Du 02/12/2024 au 06/12/2024 | Oui | S'inscrire |
| Bruxelles | Du 15/07/2024 au 19/07/2024 | S'inscrire | |
| Bruxelles | Du 30/09/2024 au 04/10/2024 | S'inscrire | |
| Bruxelles | Du 16/12/2024 au 20/12/2024 | S'inscrire | |
| Distance | Du 13/05/2024 au 17/05/2024 | Oui | S'inscrire |
| Distance | Du 27/05/2024 au 31/05/2024 | Oui | S'inscrire |
| Distance | Du 15/07/2024 au 19/07/2024 | Oui | S'inscrire |
| Distance | Du 07/10/2024 au 11/10/2024 | Oui | S'inscrire |
| Distance | Du 16/12/2024 au 20/12/2024 | Oui | S'inscrire |
| Genève | Du 15/07/2024 au 19/07/2024 | S'inscrire | |
| Genève | Du 07/10/2024 au 11/10/2024 | S'inscrire | |
| Genève | Du 16/12/2024 au 20/12/2024 | S'inscrire | |
| Lille | Du 17/06/2024 au 21/06/2024 | Oui | S'inscrire |
| Lille | Du 02/09/2024 au 06/09/2024 | Oui | S'inscrire |
| Lille | Du 25/11/2024 au 29/11/2024 | Oui | S'inscrire |
| Luxembourg | Du 15/07/2024 au 19/07/2024 | S'inscrire | |
| Luxembourg | Du 30/09/2024 au 04/10/2024 | S'inscrire | |
| Luxembourg | Du 16/12/2024 au 20/12/2024 | S'inscrire | |
| Lyon | Du 01/07/2024 au 05/07/2024 | Oui | S'inscrire |
| Lyon | Du 16/09/2024 au 20/09/2024 | Oui | S'inscrire |
| Lyon | Du 09/12/2024 au 13/12/2024 | Oui | S'inscrire |
| Marseille | Du 01/07/2024 au 05/07/2024 | Oui | S'inscrire |
| Marseille | Du 16/09/2024 au 20/09/2024 | Oui | S'inscrire |
| Marseille | Du 09/12/2024 au 13/12/2024 | Oui | S'inscrire |
| Montpellier | Du 24/06/2024 au 28/06/2024 | Oui | S'inscrire |
| Montpellier | Du 09/09/2024 au 13/09/2024 | Oui | S'inscrire |
| Montpellier | Du 02/12/2024 au 06/12/2024 | Oui | S'inscrire |
| Nantes | Du 08/07/2024 au 12/07/2024 | Oui | S'inscrire |
| Nantes | Du 23/09/2024 au 27/09/2024 | Oui | S'inscrire |
| Nantes | Du 16/12/2024 au 20/12/2024 | Oui | S'inscrire |
| Nice | Du 01/07/2024 au 05/07/2024 | Oui | S'inscrire |
| Nice | Du 16/09/2024 au 20/09/2024 | Oui | S'inscrire |
| Nice | Du 09/12/2024 au 13/12/2024 | Oui | S'inscrire |
| Paris | Du 17/06/2024 au 21/06/2024 | Oui | S'inscrire |
| Paris | Du 02/09/2024 au 06/09/2024 | Oui | S'inscrire |
| Paris | Du 25/11/2024 au 29/11/2024 | Oui | S'inscrire |
| Rennes | Du 08/07/2024 au 12/07/2024 | Oui | S'inscrire |
| Rennes | Du 23/09/2024 au 27/09/2024 | Oui | S'inscrire |
| Rennes | Du 16/12/2024 au 20/12/2024 | Oui | S'inscrire |
| Strasbourg | Du 08/07/2024 au 12/07/2024 | Oui | S'inscrire |
| Strasbourg | Du 23/09/2024 au 27/09/2024 | Oui | S'inscrire |
| Strasbourg | Du 16/12/2024 au 20/12/2024 | Oui | S'inscrire |
| Toulouse | Du 24/06/2024 au 28/06/2024 | Oui | S'inscrire |
| Toulouse | Du 09/09/2024 au 13/09/2024 | Oui | S'inscrire |
| Toulouse | Du 02/12/2024 au 06/12/2024 | Oui | S'inscrire |
Bât Ravezies - 2e étage 250 avenue Emile Counord
33300 Bordeaux
Liaison directe de la gare Bordeaux Saint-Jean via le tram C
Rue de la Loi, 23
1040 Bruxelles
32 Boulevard Vincent Gâche
44000 Nantes
c/o CCI France Suisse Route de Jussy 35 Case postale 6298
CH-1211 Thônex - Genève
46 rue des Canonniers - 2è étage
59800 Lille
Proche des deux gares
5 Rue Goethe
L-1637 Luxembourg
62 rue de Bonnel - 1er étage Ascenseur à droite de l'entrée
69003 Lyon
38/40 rue de la République Escalier A, 1er étage
13001 Marseille
A proximité du vieux port
26 Allée de Mycènes Le Thèbes, Bât. A, 3è étage
34000 Montpellier
Quartier Antigone
32 Boulevard Vincent Gâche
44200 Nantes
455 promenade des Anglais Bât Arenice, 7è étage
06200 Nice
11 rue Antoine Bourdelle
75015 Paris
dans le 15e arrondissement
3 place du Général Giraud
35000 Rennes
4 rue de Sarrelouis - 4è étage
67000 Strasbourg
1 place Occitane Bât. Le Sully - 4è étage
31000 Toulouse
Proche de Jean-Jaurès et du Capitole