Formation UI Design

icon public

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

icon horloge

Durée : 5 jour(s)

Syllabus de la formation UI Design

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.)

Sanction : Attestation de fin de formation mentionnant le résultat des acquis

Taux de retour à l’emploi : Aucune donnée disponible

Référence : SIT101857-F

Accessibilité : Si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr, nous étudierons ensemble vos besoins

Contact : commercial@dawan.fr

Télécharger le programme
INTER INTRA DISTANCE TUTORAT

À partir de

750,00 € HT / jour

1 980,00 €HT

1 071,43 € HT

Pour 10 heures utilisables pendant 12 mois

2 475,00 € HT

Tarif plein:

  • Paiement à 60 jours
  • Report possible à J-3
  • 3 tickets d'assistance

1 980,00 € HT

Tarif remisé :

Contacter Dawan
UX/UI Design

Programme de Formation UI Design

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

 

 

 

CopyrightDepot Dawan

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

  • Un support et les exercices du cours pour chaque stagiaire
  • Un formateur expert ayant suivi une formation à la pédagogie
  • Boissons offertes pendant les pauses en inter-entreprises
  • Salles lumineuses et locaux facilement accessibles
  • Méthodologie basée sur l'Active Learning : 75% de pratique minimum
  • Matériel pour les formations présentielles informatiques : un PC par participant
  • Positionnement à l'entrée et à la sortie de la formation
  • Certification CPF quand formation éligible

Suite de parcours et formations associées

Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.

Lieu Date Remisé Actions
Bordeaux Du 06/01/2025 au 10/01/2025 Oui S'inscrire
Bordeaux Du 17/03/2025 au 21/03/2025 Oui S'inscrire
Bordeaux Du 23/06/2025 au 27/06/2025 Oui S'inscrire
Bordeaux Du 15/09/2025 au 19/09/2025 Oui S'inscrire
Bordeaux Du 01/12/2025 au 05/12/2025 Oui S'inscrire
Distance Du 10/03/2025 au 14/03/2025 Oui S'inscrire
Distance Du 16/06/2025 au 20/06/2025 Oui S'inscrire
Distance Du 08/09/2025 au 12/09/2025 Oui S'inscrire
Distance Du 24/11/2025 au 28/11/2025 Oui S'inscrire
Lille Du 10/03/2025 au 14/03/2025 Oui S'inscrire
Lille Du 16/06/2025 au 20/06/2025 Oui S'inscrire
Lille Du 08/09/2025 au 12/09/2025 Oui S'inscrire
Lille Du 24/11/2025 au 28/11/2025 Oui S'inscrire
Lyon Du 13/01/2025 au 17/01/2025 Oui S'inscrire
Lyon Du 24/03/2025 au 28/03/2025 Oui S'inscrire
Lyon Du 30/06/2025 au 04/07/2025 Oui S'inscrire
Lyon Du 22/09/2025 au 26/09/2025 Oui S'inscrire
Lyon Du 08/12/2025 au 12/12/2025 Oui S'inscrire
Marseille Du 13/01/2025 au 17/01/2025 Oui S'inscrire
Marseille Du 24/03/2025 au 28/03/2025 Oui S'inscrire
Marseille Du 30/06/2025 au 04/07/2025 Oui S'inscrire
Marseille Du 22/09/2025 au 26/09/2025 Oui S'inscrire
Marseille Du 08/12/2025 au 12/12/2025 Oui S'inscrire
Montpellier Du 06/01/2025 au 10/01/2025 Oui S'inscrire
Montpellier Du 17/03/2025 au 21/03/2025 Oui S'inscrire
Montpellier Du 23/06/2025 au 27/06/2025 Oui S'inscrire
Montpellier Du 15/09/2025 au 19/09/2025 Oui S'inscrire
Montpellier Du 01/12/2025 au 05/12/2025 Oui S'inscrire
Nantes Du 20/01/2025 au 24/01/2025 Oui S'inscrire
Nantes Du 31/03/2025 au 04/04/2025 Oui S'inscrire
Nantes Du 07/07/2025 au 11/07/2025 Oui S'inscrire
Nantes Du 29/09/2025 au 03/10/2025 Oui S'inscrire
Nantes Du 15/12/2025 au 19/12/2025 Oui S'inscrire
Nice Du 13/01/2025 au 17/01/2025 Oui S'inscrire
Nice Du 24/03/2025 au 28/03/2025 Oui S'inscrire
Nice Du 30/06/2025 au 04/07/2025 Oui S'inscrire
Nice Du 22/09/2025 au 26/09/2025 Oui S'inscrire
Nice Du 08/12/2025 au 12/12/2025 Oui S'inscrire
Paris Du 10/03/2025 au 14/03/2025 Oui S'inscrire
Paris Du 16/06/2025 au 20/06/2025 Oui S'inscrire
Paris Du 08/09/2025 au 12/09/2025 Oui S'inscrire
Paris Du 24/11/2025 au 28/11/2025 Oui S'inscrire
Rennes Du 20/01/2025 au 24/01/2025 Oui S'inscrire
Rennes Du 31/03/2025 au 04/04/2025 Oui S'inscrire
Rennes Du 07/07/2025 au 11/07/2025 Oui S'inscrire
Rennes Du 29/09/2025 au 03/10/2025 Oui S'inscrire
Rennes Du 15/12/2025 au 19/12/2025 Oui S'inscrire
Strasbourg Du 20/01/2025 au 24/01/2025 Oui S'inscrire
Strasbourg Du 31/03/2025 au 04/04/2025 Oui S'inscrire
Strasbourg Du 07/07/2025 au 11/07/2025 Oui S'inscrire
Strasbourg Du 29/09/2025 au 03/10/2025 Oui S'inscrire
Strasbourg Du 15/12/2025 au 19/12/2025 Oui S'inscrire
Toulouse Du 06/01/2025 au 10/01/2025 Oui S'inscrire
Toulouse Du 17/03/2025 au 21/03/2025 Oui S'inscrire
Toulouse Du 23/06/2025 au 27/06/2025 Oui S'inscrire
Toulouse Du 15/09/2025 au 19/09/2025 Oui S'inscrire
Toulouse Du 01/12/2025 au 05/12/2025 Oui S'inscrire

Nos centres de formation

  • Bordeaux

    Nos locaux sont accessibles

    Bât Ravezies - 2e étage 250 avenue Emile Counord

    33300 Bordeaux

    Liaison directe de la gare Bordeaux Saint-Jean via le tram C

  • Distance

    32 Boulevard Vincent Gâche

    44000 Nantes

  • Lille

    Nos locaux sont accessibles

    46 rue des Canonniers - 2è étage

    59800 Lille

    Proche des deux gares

  • Lyon

    Nos locaux sont accessibles

    62 rue de Bonnel - 1er étage Ascenseur à droite de l'entrée

    69003 Lyon

  • Marseille

    Nos locaux sont accessibles

    38/40 rue de la République Escalier A, 1er étage

    13001 Marseille

    A proximité du vieux port

  • Montpellier

    Nos locaux sont accessibles

    26 Allée de Mycènes Le Thèbes, Bât. A, 3è étage

    34000 Montpellier

    Quartier Antigone

  • Nantes

    Nos locaux sont accessibles

    32 Boulevard Vincent Gâche 5 ème étage

    44200 Nantes

  • Nice

    Nos locaux sont accessibles

    455 promenade des Anglais Bât Arenice, 7è étage

    06200 Nice

  • Paris

    Nos locaux sont accessibles

    11 rue Antoine Bourdelle

    75015 Paris

    dans le 15e arrondissement

  • Rennes

    Nos locaux sont accessibles

    3 place du Général Giraud

    35000 Rennes

  • Strasbourg

    Nos locaux sont accessibles

    4 rue de Sarrelouis - 4è étage

    67000 Strasbourg

  • Toulouse

    Nos locaux sont accessibles

    1 place Occitane Bât. Le Sully - 4è étage

    31000 Toulouse

    Proche de Jean-Jaurès et du Capitole

  • Le mélange entre théorie et mise en application est bien géré. La formation est dynamique, il n'y a pas de temps mort.
  • Sonia a su s'adapter aux niveaux de chacune. J'ai énormément appris durant cette semaine de formation.
  • Je suis ravie d'avoir eu Sonia comme formatrice. Elle maîtrise parfaitement les outils abordés et a su me guider et répondre à toutes mes questions.
  • Audrey G.

  • qualité visio et son très bon. J'était seul avec la formatrice pendant les 5 jours ce qui a permis d'avoir une formation personnalisée.
  • contenu des slides très riche en information
  • formation plus orienté site web qu'application métier mais la formatrice s'est adapté à mon projet et à pu me donner des conseils qui vont m'aider à faire des propositions d'interface.
  • Formatrice à l'écoute et qui maitrise son sujet, je la recommanderais autour de moi
  • Anthony M.

  • Très à l'écoute et dans l'échange. L'interraction et le suivie des exercices de chaques élèves sont d'une grande aide dans l'acquisition des compétences enseignées, afin de ne pas perdre le fil. Exellent accompagnement à l'apprentissage !
  • Céline P.

  • La formation s'est très bien déroulée : très bon accueil et aucun problème technique à signaler.
  • Contenu riche, avec toutes les bases en matière d'UI (et UX). Beaucoup de pratique avec l'utilisation du logiciel Figma, nous permettant de l'utiliser en tant que concepteur, mais aussi développeur au sein de projets professionnels et personnels. De plus, de très nombreuses ressources ont été fournies afin de progresser dans le domaine du Design UI et UX.
  • Un rythme excellent qui nous laisse le temps d'assimiler et pratiquer. Le contenu de cette formation correspond totalement à mes attentes. Je pourrais désormais mettre en application dès maintenant les connaissances de ces cours sur mes futurs projets professionnels, mais aussi projets personnels de tout type.
  • Excellent, très à l'écoute, prend le temps d'expliquer et de réexpliquer. Bonne pédagogie avec beaucoup de pratique à travers des exemples concrets, dont un gros projet qui nous sert de fil rouge que l'on étoffe au fur et à mesure de la formation en appliquant les connaissances théoriques.
  • Johan C.

  • Cours bien construit et clair, avec de nombreux exemples et démonstrations ainsi que de nombreuses ressources pour la suite.
  • Alternance entre théorie et pratique bienvenue et très adaptée afin de prendre le temps de retenir les informations et de les mettre en pratique.
  • Super formatrice, très agréable et joviale, qui explique bien, prend le temps de répondre aux questions et de réexpliquer des concepts si demandé.
  • Kristina K.

  • De l'inscription à l'arrivée dans la salle de formation, nous avons été bien pris en charge et les descriptions pour y arriver étaient très claires. Sur place, l'équipe est bienveillante et disponible.
  • Richesse du contenu via des exemples, via des liens vers des articles/outils, via les slides Bonne idée d'envoyer le support au fur et à mesure (par partie vue le jour même) et envoi du fichier en entier à la fin Bon équilibre théorie/pratique Pas de temps d'ennui
  • La formation ouvre de bonnes perspectives pour notre projet de migration
  • Compétence technique étayée par de nombreux exemples et réponses précises aux questions, tout en humilité. Disponibilité pour répondre aux questions et enrichir la formation avec nos questions
  • Jessica O.

  • parfait
  • parfait
  • parfait
  • parfait
  • Vera Claudia P.

  • toujours au top et enrichissant avec Sonia
  • Priam C.

  • Sonia est pleine de ressources, on sent qu'elle aime partager ce qu'elle sait. Elle est très à l'ecoute de nos attentes/besoins.
  • Loelia R.