UI Design

Formation inter-entreprise

À qui s'adresse la formation?

Graphistes, webdesigners, développeurs web, chefs de projets

Durée

5,00 jour(s)

Langues(s) de prestation

EN FR

Prochaine session

20.01.2025
Lieu
Strasbourg

Prix

2475,00€

Prérequis

Pratique basique 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 : Focus Figma (+ alternatives : Penpot, Lunacy, etc.)

Contenu

Définir l'UI Design

Présentation de l'Interface Utilisateur (UI)
La place de l'UI au sein de l'UX
Les éléments de l'UX-UI
Le rôle de l'UI Designer

Comprendre l'interaction avec une interface

Les différents types d'interface
L'interaction selon les interfaces
L'évolution de l'IXD

Quid du “goût” en UI?

Le goût
Le nombre d'or et la suite de Fibonacci
La règle des Tiers
Quid du “mauvais goût”?
Atelier: Voir et formuler un besoin
Atelier: Formuler de premières idées à partir d'une carte d'empahie
Atelier: Atelier d’idéation basé sur la refonte d’un site web
Atelier: Réflexion projet fil rouge UI

Réfléchir et penser une interface

Les 10 principes de Nielsen
La psychologie cognitive
Les grilles de mise en page
Adaptative? Responsive? Mobile-first?
L'affordance

Développer une interface

Le six-to-one
Le crazy 8
Le design studio
Le maquettage

Prototyper avec Figma

Manipuler Figma
Les plugins Figma
Atelier: Projet fil rouge - Mise en place des premiers éléments UI sur Figma

Bonnes pratiques et notions d'accessibilité

Les guidelines
Les polices
Les couleurs
Focus: La psychologie des couleurs
L'iconographie
L'accessibilité
Les critères de Bastien et Scapin
La ligne de flottaison
Les gestes de navigation

Exemples de standards

Multiples de 8Boutons
Grilles de mise en page web
Grilles de mise en page mobile
Grilles de mise en page tablette

Types d'éléments d'interface

Lexique
Déroulé des différents types d'éléments d'interface + exemples
Vocabulaire complémentaire
Atelier: Projet fil rouge -Figma Wireframe basse fidélité puis prototype graphique

Design system

Qu'est-ce qu'un Design system?
Exemples d'éléments à fournir
Étapes que je conseille

Réaliser un audit UI / UX

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 d'un produit - service - système

Au-delà de la conception

Les logiciels de prototypage
Mettre en avant ses projets UI
Réaliser et maintenir sa veille
Les challenges UI
Atelier: Projet fil rouge -Figma Faire évoluer son wireframe en prototype interactif

Notions complémentaires

Concevoir une application mobile
Le design persuasif
Le design éthique

Méthodes pédagogiques

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.

Évaluation

Contrôle continu

Certificat, diplôme

Attestation de fin de stage mentionnant le résultat des acquis

Prochaine session

Date
Ville
Language & prix
20.01.2025

24.01.2025
Strasbourg
FR 2475,00€
27.01.2025

31.01.2025
Luxembourg
FR 2475,00€
27.01.2025

31.01.2025
Bruxelles
FR 2475,00€
10.03.2025

14.03.2025
Paris
FR 2475,00€
10.03.2025

14.03.2025
A distance
FR 2475,00€
31.03.2025

04.04.2025
Strasbourg
FR 2475,00€
07.04.2025

11.04.2025
Luxembourg
FR 2475,00€
07.04.2025

11.04.2025
Bruxelles
FR 2475,00€
16.06.2025

20.06.2025
Paris
FR 2475,00€
16.06.2025

20.06.2025
A distance
FR 2475,00€
07.07.2025

11.07.2025
Strasbourg
FR 2475,00€
01.09.2025

05.09.2025
Luxembourg
FR 2475,00€
01.09.2025

05.09.2025
Bruxelles
FR 2475,00€
08.09.2025

12.09.2025
Paris
FR 2475,00€
08.09.2025

12.09.2025
A distance
FR 2475,00€
29.09.2025

03.10.2025
Strasbourg
FR 2475,00€
24.11.2025

28.11.2025
A distance
FR 2475,00€
24.11.2025

28.11.2025
Paris
FR 2475,00€
24.11.2025

28.11.2025
Luxembourg
FR 2475,00€
24.11.2025

28.11.2025
Bruxelles
FR 2475,00€
15.12.2025

19.12.2025
Strasbourg
FR 2475,00€

Contact pour cette formation

Dawan - Service commercial

Ces formations pourraient vous intéresser

EN
Journée
Informatique et systèmes d'information - Informatisation - Conduite projet informatique - Méthode agile