UI - UX Design

Optimisation des interfaces et expériences utilisateurs

Training created on 3/10/26. Last update on 6/16/26.
Programme version: 1
Satisfaction rate of learners
9,5/10 (10 review)

Type of training

Mixed

Training duration

28 hours (4 days)

Accessibility

Yes
€2,000.00 Excluding VAT
Send my request
€2,000.00 Excluding VAT
Send my request
€2,000.00 Excluding VAT
Send my request

UI - UX Design

Optimisation des interfaces et expériences utilisateurs


Le design d'expérience utilisateur est un travail réalisé dès la conception sur la qualité de l'expérience vécue lors de l'usage d'un site web, d'une application mobile ou tout autre élément demandant une navigation de l'utilisateur.

Objectives of the training

  • Appliquer la méthode UX (expérience utilisateur)
  • Acquérir les notions essentielles d'ergonomie des interfaces (UI)
  • Prototyper des applications ou des sites web avec Adobe XD.

Profile of beneficiaries

For whom
  • Tout professionnel désirant optimiser la qualité créative des sites web et des applications mobiles : web designer, webmaster...
Requirements
  • Connaissance globale des sites web ou applications mobiles. Ou pratique du Webdesign. Avoir la pratique courante d'un logiciel de design est un plus. Les compétences du stagiaire sont évaluées en amont du stage par test et/ ou échange téléphonique.

Training content

1-PRÉSENTATION ET FONDEMENTS DE L'UX DESIGN
PRÉSENTATION DE L'UX/ UI
  • Préambule
  • Quels intérêts ?
LES INTERFACES ERGONOMIQUES
  • Sites Web
  • Sites mobile
  • Intranets
  • Écrans tactiles
ORGANISER L'INFORMATION
  • Checklist d'évaluation
  • Étudier les pratiques par écrans
  • La page d'accueil
CONCEVOIR LE SYSTÈME DE NAVIGATION
  • La conception centrée utilisateur
  • Bonnes pratiques et recommandations
SAISIES ET FORMULAIRE
  • Étudier les informations
  • Analyse des points de blocages et déclencheurs
  • Adaptation des parcours
  • Principes d'utilisabilité
LANGAGE HOMME-MACHINE
  • Feedback, Affordance et Mapping
  • Guidage et découverte progressive
  • Prévenir l'erreur
  • Construire la narration
MISE EN AVANT DU CONTENU
  • Wireframes
  • Famille d'interface
  • Design pattern
  • Orienter l'interface
  • Structure de la page et header
  • La Navigation
  • Le Fil d'Ariane
  • Éléments d'interface
  • Approche ludique du formulaire
2-L'APPROCHE
LES PERSONAS
  • Définition
  • Impact des personas sur l’interface
  • Plusieurs personas
  • Exemples de personas
PROTOTYPAGE
  • Le prototypage nous permet de dessiner la structure d’information et les parcours utilisateurs en phase de conception.
  • Usage du prototypage dans un projet
  • Évolution du prototypage : Zoning / Wireframe / Mockup
  • Panorama des outils en ligne/hors ligne, gratuit/payant, desktop/mobile
  • Organisation du livrable
UTILISATION DE FIGMA
  • Préambule
  • Les possibilités
  • L’espace de travail
  • - les outils
  • - les écrans
  • - le plan de travail
  • - les raccourcis
  • Import / Export
  • - importer depuis d'autres logiciels
  • - exporter en plusieurs formats
  • Concevoir un prototype interactif
  • - liens interactifs entre écrans
  • - prévisualisation
LA DÉMARCHE COMPLÈTE
  • Démarrage du projet :
  • - Analyse du brief/données et Analytics si site existant
  • - Qualification des utilisateurs
  • Pratique :
  • - Prototype
  • - Réalisation des wireframes
  • - Création des contenus
  • Analyse :
  • - Test
  • - Outil de recueillement de données
  • - Lecture de données recueillies
3- MISE EN OEUVRE
  • À partir d’un projet existant en phase de développement, réaliser l’étude complète de l’UI et l’UX jusqu’à finalisation complète de la phase de préparation du projet.

Teaching team

Tous les formateurs ont une activité indépendante en réalisation, chacun dans leur domaine. Formateurs depuis plusieurs années, ils allient professionnalisme technique et pédagogie pour l’ensemble des apprentissages de leurs métiers. Lors de la formation, ils intègrent les notions supplémentaires inhérentes à leur savoir-faire.

Monitoring of implementation and evaluation of results

  • Feuilles de présence.
  • Questions orales ou écrites (QCM).
  • Mises en situation.
  • Formulaires d'évaluation de la formation.
  • Certificat de réalisation de l’action de formation.

Technical and educational resources

  • Accueil des apprenants dans une salle dédiée à la formation.
  • Documents supports de formation projetés.
  • Exposés théoriques
  • Etude de cas concrets
  • Quiz en salle
  • Mise à disposition en ligne de documents supports à la suite de la formation.

Quality and satisfaction

Satisfaction rate of learners
9,5/10 (10 review)

Training location

Carpé Média 12 square Saint Hubert - Centre d'Affaires BuroClub 59000 LILLE

Reception capacity

Between 2 and 8 learners

Login delay

2 weeks

Accessibility

Les locaux sont accessibles aux personnes à mobilité réduite. Pour les autres types de handicap, merci de nous contacter pour étudier la faisabilité.