UI Design et ergonomie - Le design d'interface centré utilisateur

Public admis

  • Salarié en Poste
  • Demandeur d'emploi
  • Entreprise
  • Etudiant

Financements

Eligible CPF Votre OPCO Financement personnel

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Identifier les enjeux du design d'interface utilisateur
  • Appliquer les règles du Design System
  • Créer des interfaces de sites Web, d'applications et de logiciels
  • Maintenir une cohérence graphique
  • Trouver l'harmonie d'une interface
  • Créer un dialogue interface / utilisateur
  • Rendre une interface compréhensible
  • Concevoir des prototypes d'interface
  • Intégrer les notions de base de l'ergonomie des interfaces
  • Identifier clairement les clés de la réussite
  • Appliquer l'UX Design à la conception d'interfaces
  • Adopter des démarches de conception itératives
  • Organiser la récolte et l'analyse de données
  • Améliorer la qualité des applications et des sites Web
  • Estimer les implications dans le marketing.

M2I


Un leadership dans le domaine de la formation
Voir la fiche entreprise

Tarif

A partir de 1 420,00 €

Durée 2 jours  (14h00)
Modes
  • Centre
  • Distance
Sessions
Lieux Partout en France

M2I


Un leadership dans le domaine de la formation
Voir la fiche

Tarif

A partir de 1 420,00 €

Durée 2 jours  (14h00)
Modes
  • Centre
  • Distance
Sessions
Lieux Partout en France

Programme

Jour 1

Qu'est-ce que l'UI Design ?

  • Définition du terme UI Design
  • Le rôle de l'UI Designer
  • Comparaison avec l'UX Design
  • Contexte des approches user centric (UI, IxD, UX, CX, HX)

Les tendances design

  • Historique des interfaces homme-machine
  • Interfaces monochromes
  • Le fenêtrage
  • Le skeuomorphisme
  • Le flat design
  • Le neumorphisme

Les éléments de base d'une interface

  • Analyser et définir une palette de couleurs
  • Règles et valeurs évocatrices des typographies
  • Mise en page et ergonomie
  • Images et visuels
  • Dialoguer avec les boutons et les interactions
  • Hiérarchisation des contenus
  • Le sens de lecture
  • Harmonie et contraste
  • La cohérence graphique
  • Moodboard, Guide UI et Design System

Rappels sur les formats de fichier

  • Fichier bitmap vs vectoriel
  • Formats pour le Web

Les étapes du design d'interface

  • Les étapes de conception dans un projet digital
  • Le maquettage : sketching, zoning, wireframe, prototype
  • Les outils de prototypage (Figma, Sketch, Invision, Balsamiq...)
  • Test and Learn

Exemples de travaux pratiques (à titre indicatif)

  • Atelier : préparation des matières premières
    • Création d'un trend board, moodboard et art board
    • Création d'une palette de couleurs (Adobe Color)
    • Recherche iconographique
    • Elaboration d'un guide UI
    • L'approche Atomic Design

Les kits d'interface

  • Les wireframes
  • Apple iOS
  • Google Material Design
  • Microsoft Windows
  • Trouver l'inspiration avec les kits UI

Jour 2

Règles de base de l'ergonomie

  • Définition de l'ergonomie d'interfaces pour écrans
  • Les normes ISO 9241-210 et Afnor 267
  • Le principe d'utilisabilité
  • Les critères de Bastien et Scapin
  • Les heuristiques de Jakob Nielsen
  • Les lois de la Gestalt
    • Distinction
    • Proximité
    • Similarité
    • Continuité
    • Clôture
    • La loi de Hick
    • La loi de Fitts
  • La notion d'affordance
  • Ergonomie par l'exemple
    • Pattern de lecture
    • Formulaires
    • Boutons
    • Tableau de données...

Exemples de travaux pratiques (à titre indicatif)

  • Atelier : Evaluer l'ergonomie d'une interface
    • Utiliser une grille d'analyse
    • Recueil des informations
    • Recommandations et pistes d'amélioration

Concevoir trois interfaces pour le responsive

  • Comprendre les enjeux du responsive
  • La mécanique du responsive
  • Anticiper les contraintes du développeur
  • Les bonnes pratiques
  • Méthodologie de travail

User Flow

  • Savoir interpréter un parcours utilisateur
  • Méthodologie de travail pour la création d'un ensemble d'écrans
  • Enjeux et risques

Exemples de travaux pratiques (à titre indicatif)

  • Atelier : création d'interface utilisateur
    • A partir du guide UI élaboré dans le premier atelier
    • Elaborer un prototype papier puis digital
    • Les bonnes questions à se poser
    • Atelier d'idéation (card sorting et 6to1)

Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

Modalités d’évaluation des acquis

  • En cours de formation, par des productions
  • Et, en fin de formation, par un questionnaire d'auto-évaluation

Prérequis

Avoir une bonne pratique des fonctionnalités telles que la conception et/ou le développement de sites Web, d'applications mobiles ou la conduite de projet digital. Connaître un logiciel de prototypage (Adobe XD, Sketch, Figma, Framer, InVision...) est un plus.

Public

Chefs de projets digitaux, directeurs artistiques, développeurs Front, webdesigners, développeurs Web.

Ces formations pourraient vous intéresser

Déployer une solution d'IA

Proposé par YOU WEB

Objectifs de la formation

  • Apprendre à identifier et atténuer les risques liés à la cybersécurité, à la réglementation (comme le RGPD), et aux enjeux éthiques, tout en développant un plan de mitigation efficace.
  • Améliorer l'accessibilité numérique et l'expérience utilisateur, y compris la conception de parcours utilisateur et le prototypage UX/UI pour tester et affiner les solutions avant déploiement.
  • Instruire sur l'établissement de systèmes de feedback pour la résolution de bugs et l'amélioration continue de la performance des systèmes IA, assurant ainsi leur pérennité et conformité réglementaire.
Tarif

A partir de 2 790,00 €

Durée

50 heures

Modes
  • Distance

Formation Design Thinking l'essentiel

Proposé par PLB CONSULTANT

Objectifs de la formation

À l’issue de cette formation Design Thinking L'essentiel, les participants auront acquis les connaissances et les compétences nécessaires pour :

  • Appliquer la méthode pour concevoir et définir un produit ou service qui répond aux besoins de leurs clients/utilisateurs
  • Comprendre les besoins et les problèmes de leurs utilisateurs ou clients
  • Définir un challenge en Design Thinking
  • Mener un projet Agile pour la réalisation d’un prototype
  • Présenter un projet de façon convaincante
  • Réaliser un atelier collaboratif.
Tarif

A partir de 1 480,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Formation Conformité et sécurité des produits

Proposé par LEFEBVRE DALLOZ COMPETENCES

Objectifs de la formation

  • Identifier la réglementation produits applicable à chaque acteur
  • Faire l'état des lieux des obligations et responsabilités pesant sur son entreprise
  • Mettre en place les mécanismes contractuels propres à encadrer les risques
  • Se préparer à la survenance d'un contrôle des autorités administratives compétentes 
Tarif

A partir de 1 236,00 €

Durée

1 jour

Modes
  • Entreprise
  • Centre
  • Distance

Objectifs de la formation

  • Développer la partie front-end d'une application web ou web mobile en intégrant les recommandations de sécurité

- Maquetter une application
- Réaliser une interface utilisateur web statique et adaptable
- Développer une interface utilisateur web dynamique
- Réaliser une interface utilisateur avec une solution de gestion de contenu ou e-commerce

  • Développer la partie back-end d'une application web ou web mobile en intégrant les recommandations de sécurité

- Créer une base de données
- Développer les composants d'accès aux données
- Développer la partie back-end d'une application web ou web mobile
- Élaborer et mettre en œuvre des composants dans une application de gestion de contenu ou e-commerce

Tarif

Contacter l'organisme

Durée

139j / 973h

Modes
  • Centre
  • Entreprise
  • Distance

Formation Servlet-JSP

Proposé par Sparks

Objectifs de la formation

  • Apprendre à utiliser Servlet et JSP
  • Comprendre les Servlets, les filtres de requête et les JSP
  • Gérer efficacement les erreurs
  • Déployer des Servlets et des JSP
  • Connaître les bibliothèques standards de balises
  • Utiliser Design Patterns
Tarif

A partir de 2 200,00 €

Durée

4 jours

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

À l’issue de cette formation ASP.NET vous serez en mesure de :

  • Comprendre les concepts d'architecture MVC d’une application Web
  • Savoir mettre en œuvre le comportement serveur avec les contrôleurs, actions, filtres et APIs REST
  • Développer une interface utilisateur Web responsive avec Bootstrap et dynamique avec Javascript, jQuery
  • Créer et mettre en œuvre une base de données relationnelle avec Entity Framework Core
  • Devenir autonome vis-à-vis de la conception et du développement d'une application Web ASP.NET dans une approche « full-stack »
Tarif

A partir de 2 695,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Manager une équipe ADV ou SAV

Proposé par GROUPE LEXOM

Objectifs de la formation

  • Mettre le client au centre de l'ADV
  • Motiver ses équipes et chaque individu
  • Utiliser les outils de contrôle
Tarif

A partir de 1 390,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Tout utilisateur de Microsoft 365 qui souhaite maitriser les outils collaboratifs Teams, Planner, One Notes, Lists et Forms pour gérer, organiser et suivre le travail collaboratif d’une équipe autour d’un projet. 

À l'issue de la formation, le stagiaire sera capable de : 

  • Gérer des équipes Teams 
  • Gérer des projets d’équipe et les suivre avec Planner 
  • Intégrer des notes One Note et des formulaires Forms à un projet d’équipe 
  • Stocker et gérer des données avec Microsoft Lists 
Tarif

A partir de 900,00 €

Durée

2 jour(s)

Modes
  • Entreprise
  • Distance
  • Centre

Objectifs de la formation

  • Expliquer les principes de base d’une plateforme Nutanix
  • Appréhender les exigences et considérations requises lors de la configuration d'un cluster Nutanix
  • Maîtriser l'administration et contrôler les clusters Nutanix à l’aide de la console web Prism
  • Créer, gérer et migrer des machines virtuelles, mettre en œuvre des services de protection des données, et planifier la continuité d'activité
  • Planifier des mises à jour, anticiper les futures exigences, et créer des scenariis pour adresser l'évolutivité des besoins
  • Configurer la sauvegarde, la réplication et la reprise après incident d’un cluster Nutanix
  • Optimiser la configuration et l'exploitation des clusters Nutanix
Tarif

A partir de 3 500,00 €

Durée

4j / 28h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Installer et configurer les hôtes ESXi
  • Déployer et configurer vCenter
  • Utiliser le vSphere Client pour créer l'inventaire vCenter et attribuer des rôles aux utilisateurs de vCenter
  • Créer des réseaux virtuels à l'aide de commutateurs standards et de commutateurs distribués vSphere
  • Créer et configurer des datastores à l'aide des technologies de stockage prises en charge par vSphere
  • Utiliser le vSphere Client pour créer des machines virtuelles, des modèles, des clones et des snapshots
  • Créer des bibliothèques de contenu pour gérer les modèles et déployer les machines virtuelles
  • Gérer l'allocation des ressources des machines virtuelles
  • Migrer des machines virtuelles avec VMware vSphere vMotion et VMware vSphere Storage vMotion
  • Créer et configurer un cluster vSphere activé avec VMware vSphere HA (High Availability) et VMware vSphere DRS (Distributed Resource Scheduler)
  • Gérer le cycle de vie de vSphere pour maintenir vCenter, les hôtes ESXi et les machines virtuelles à jour.
Tarif

A partir de 4 300,00 €

Durée

5j / 35h

Modes
  • Centre
  • Distance

Je cherche à faire...