Who is the training for?

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

Duration

5,00 day(s)

Language(s) of service

EN FR

Next session

30.03.2026

See details

Location

Strasbourg

Price

2475,00€

The content of this page is not available in English

Prerequisites

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

Goals

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 - Prototyper avec un logiciel de conception : Focus Figma (+ alternatives : Penpot, Lunacy, etc.)

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'empathie

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 8
Boutons
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

Teaching methods

Active Learning

Evaluation

contrôle continu ou certification si prévue dans le financement

Next session

Datum

City

Language and price

30.03.2026

03.04.2026

Strasbourg

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Strasbourg

4 rue de Sarrelouis. Etage 4
67000 Strasbourg

Strasbourg: A 7 minutes à pied depuis Gare Centrale de Strasbourg: 600m

Locaux accessibles PMR

Schedule

Registration deadline

30.03.2026

Additional information

29.06.2026

03.07.2026

A distance

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Distance

A distance

Nos formateurs sont habitués à travailler en classe virtuelle (visio-conférence). Au préalable, nous réalisons un audit afin de s’assurer systématiquement en amont de la possibilité pour les stagiaires de suivre à distance (équipement, qualité de la connexion, etc...).

Cela vous permet d'interagir pleinement lors de la session.

Pour un déroulement optimal en visioconférence (et après test de connexion en amont) nous vous suggérons de prévoir:

Le(s) logiciel(s) installé(s) sur le poste du participant,
Une connexion internet stable,
Idéalement 2 écrans (dont 1 pour interactivité et 1 pour poste de travail et prise en main éventuelle à distance par le formateur),
Un micro et haut-parleur ou kit mains-libres (pour interagir avec le formateur) et en option une webcam

Le participant devra être dégagé de ses contraintes professionnelles et/ou personnelles durant la formation.

Plus d'informations sur le déroulement de nos formations à distance: https://youtu.be/GsZhStn1OgI

Schedule

Registration deadline

29.06.2026

Additional information

29.06.2026

03.07.2026

Paris

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Paris

11 rue Antoine Bourdelle
75015 Paris

Paris, rue Antoine Bourdelle:

A 24 minutes en métro depuis gare de l'Est: ligne 4 arrêt Montparnasse
A 27 minutes depuis gare du Nord: ligne 4 arrêt Montparnasse

Locaux accessibles PMR

Schedule

Registration deadline

29.06.2026

Additional information

06.07.2026

10.07.2026

Luxembourg

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Luxembourg

5 Rue Goethe
L-1637 Luxembourg

Luxembourg: A 8 minutes à pied depuis Gare de Luxembourg: 750m (proximité Parcs de Pétrusse)

Locaux accessibles PMR

Schedule

Registration deadline

06.07.2026

Additional information

06.07.2026

10.07.2026

Bruxelles

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Bruxelles

4 rue de la Presse
1000 Bruxelles

Bruxelles: A 14 minutes en tramway depuis gare du Midi: lignes 2 et 6 - arrêt Madou

Locaux accessibles PMR

Schedule

Registration deadline

06.07.2026

Additional information

27.07.2026

31.07.2026

Strasbourg

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Strasbourg

4 rue de Sarrelouis. Etage 4
67000 Strasbourg

Strasbourg: A 7 minutes à pied depuis Gare Centrale de Strasbourg: 600m

Locaux accessibles PMR

Schedule

Registration deadline

27.07.2026

Additional information

14.09.2026

18.09.2026

A distance

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Distance

A distance

Cela vous permet d'interagir pleinement lors de la session.

Pour un déroulement optimal en visioconférence (et après test de connexion en amont) nous vous suggérons de prévoir:

Le participant devra être dégagé de ses contraintes professionnelles et/ou personnelles durant la formation.

Plus d'informations sur le déroulement de nos formations à distance: https://youtu.be/GsZhStn1OgI

Schedule

Registration deadline

14.09.2026

Additional information

14.09.2026

18.09.2026

Paris

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Paris

11 rue Antoine Bourdelle
75015 Paris

Paris, rue Antoine Bourdelle:

A 24 minutes en métro depuis gare de l'Est: ligne 4 arrêt Montparnasse
A 27 minutes depuis gare du Nord: ligne 4 arrêt Montparnasse

Locaux accessibles PMR

Schedule

Registration deadline

14.09.2026

Additional information

05.10.2026

09.10.2026

Luxembourg

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Luxembourg

5 Rue Goethe
L-1637 Luxembourg

Luxembourg: A 8 minutes à pied depuis Gare de Luxembourg: 750m (proximité Parcs de Pétrusse)

Locaux accessibles PMR

Schedule

Registration deadline

05.10.2026

Additional information

05.10.2026

09.10.2026

Strasbourg

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Strasbourg

4 rue de Sarrelouis. Etage 4
67000 Strasbourg

Strasbourg: A 7 minutes à pied depuis Gare Centrale de Strasbourg: 600m

Locaux accessibles PMR

Schedule

Registration deadline

05.10.2026

Additional information

05.10.2026

09.10.2026

Bruxelles

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Bruxelles

4 rue de la Presse
1000 Bruxelles

Bruxelles: A 14 minutes en tramway depuis gare du Midi: lignes 2 et 6 - arrêt Madou

Locaux accessibles PMR

Schedule

Registration deadline

05.10.2026

Additional information

30.11.2026

04.12.2026

A distance

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Distance

A distance

Cela vous permet d'interagir pleinement lors de la session.

Pour un déroulement optimal en visioconférence (et après test de connexion en amont) nous vous suggérons de prévoir:

Le participant devra être dégagé de ses contraintes professionnelles et/ou personnelles durant la formation.

Plus d'informations sur le déroulement de nos formations à distance: https://youtu.be/GsZhStn1OgI

Schedule

Registration deadline

30.11.2026

Additional information

30.11.2026

04.12.2026

Paris

FR 2475,00€

See details

PROMO -0% Hors taxes

Place of training

Paris

11 rue Antoine Bourdelle
75015 Paris

Paris, rue Antoine Bourdelle:

A 24 minutes en métro depuis gare de l'Est: ligne 4 arrêt Montparnasse
A 27 minutes depuis gare du Nord: ligne 4 arrêt Montparnasse

Locaux accessibles PMR

Schedule

Registration deadline

30.11.2026

Additional information

Organization contact details

Dawan - Service commercial

commercial@dawan.fr
+33 (0)9 72 37 73 73

Learn more about the training provider: DAWAN

These courses might interest you

Copilot : Fondamentaux pour utilisateurs bureautique Initiation + Approfondissement

Luxembourg

Computer science - Artificial intelligence

07.04.2026

Titre professionnel Concepteur Développeur d'Applications PHP (TP-01281m03)

On request

Computer science - Analysis programming - Programming - Mobile app programming

01.01.2099

Oracle PL/SQL : Initiation

On request

Computer science - Database management system - Relational DBMS software - Oracle software

01.01.2099

DB2 Universal Database Initiation

On request

Computer science - Database management system - Relational DBMS software - DB2 software

01.01.2099

Windows 11 : Administration + Déploiement

Luxembourg

Computer science - Computer operating systems - Windows

16.03.2026

UI Design

Who is the training for?

Duration

Language(s) of service

Next session

Price

Prerequisites

Goals

Contents

Définir l'UI Design

Comprendre l'interaction avec une interface

Quid du “goût” en UI ?

Atelier : Voir et formuler un besoin

Atelier : Formuler de premières idées à partir d'une carte d'empathie

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

Développer une interface

Prototyper avec Figma

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

Bonnes pratiques et notions d'accessibilité

Exemples de standards

Types d'éléments d'interface

Atelier : Projet fil rouge - Figma Wireframe basse fidélité puis prototype graphique

Design system

Réaliser un audit UI / UX

Atelier : Audit d'un produit - service - système

Au-delà de la conception

Atelier : Projet fil rouge - Figma Faire évoluer son wireframe en prototype interactif

Notions complémentaires

Teaching methods

Evaluation

Next session

Organization contact details

These courses might interest you