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

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

 

Découvrir le Design Thinking

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

 

Concevoir un visuel

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

 

Connaître les autres outils de génération

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

 

Travailler l'architecture de l'information

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

 

Assimiler les bonnes pratiques et les notions d'accessibilité

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é

 

Prototyper avec Figma

Manipuler Figma
Animer son prototype
Partager son projet
Les plugins Figma

Atelier : Prototypage wireframe

 

Penser au-delà de la conception

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

 

Concevoir une application mobile

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

 

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

  • 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
  • Nos formations sont accessibles aux personnes en situation de handicap :
    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.

Suite de parcours et formations associées

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

Lieu Date Remisé Actions
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 15/07/2024 au 19/07/2024 S'inscrire
Distance Du 07/10/2024 au 11/10/2024 S'inscrire
Distance Du 16/12/2024 au 20/12/2024 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

Nos centres de formation

  • Bruxelles

    Rue de la Loi, 23

    1040 Bruxelles

  • Distance

    32 Boulevard Vincent Gâche

    44000 Nantes

  • Luxembourg

    5 Rue Goethe

    L-1637 Luxembourg

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