Formation IHM - ergonomie Web
0/10
(0 avis)
Besoin d’adapter cette formation à vos besoins ?
N’hésitez pas à nous contacter afin d’obtenir un devis sur mesure !
Formation créée le 07/07/2023. Dernière mise à jour le 04/11/2024.
Version du programme : 1
Programme de la formation Version PDF
Objectifs de la formation
- Identifier les enjeux et critères de l’IHM et de l'ergonomie Web.
- Connaitre les bonnes pratiques dans la conception d’interfaces centrée utilisateur.
- Appliquer en atelier les bonnes pratiques à des cas clients réels.
- Envisager la mise en oeuvre d’outil de mesure de l’expérience utilisateur afin d’évaluer l’utilisabilité des interfaces.
Profil des bénéficiaires
Pour qui
- Développeur d’application Web.
Prérequis
- Aucun
Contenu de la formation
-
Qu’est-ce que l’ergonomie d’interface ?
- Définir l’ergonomie Web et l’IHM
- Définir les notions d’utilisabilité, d’efficience et de satisfaction
- Définir le notion de contexte d’utilisation
- Examiner les normes ISO 9241-11, ISO 9251-151 & ISO 9251-210
- Identifier les modes de planification de l’ergonomie Web
-
Règles de base de l’ergonomie Web
- Décrire les 12 critères d’analyse de l’ergonomie d’interface
- Différencier les composantes fonctionnelles, informationnelles et émotionnels d’une interface
- Décrire le parcours (scan) visuel de l’oeil sur écran
- Décrire la théorie psychologie de perception des formes (Gestalt theory)
- Décrire la méthode du zoning dans la hiérarchisation visuelle de page-écran
- Identifier les enjeux des feed-backs d’interaction
- Définir la notion d’affordance perçue
-
Identifier les utilisateurs
- Décrire les méthode de définition d’un contexte d’utilisation
- Décrire la méthode des personas
- Utiliser une fiche de persona
-
Définir le design de l’information
- Décrire la méthode du tri des cartes
- Créer un taxonomie de l’information
- Identifier les principaux modes d’organisation, de hiérarchisation et de tri de l’information
- Identifier les clé d’entrées types du design d’information
- Identifier les principaux modes de navigation et de recherche d’information
-
Définir le design visuel de l’interface : UI
- Décrire les principes du Responsive webdesign et identifier ses limites
- Identifier les contraintes écran, l’usage des grilles et des breakpoints
- Identifier les enjeux mobiles (zone de confort, gestuelle, zone tactile, clavier virtuel, etc.)
- Identifier les principaux modèles de mise en page sur desktop et mobile
- Identifier les principaux modes de répartition des éléments d’interface
- Commenter, selon les critères de l’ergonomie Web, les éléments d’interface Bootstrap
- Discuter les éléments d’interface Angular Material JS
- Décrire les bonnes pratiques de gestion :
- des formulaires
- des contenus modaux
- des menus et barre d’outils
- des interfaces de recherche
- des filtre de sélection et de tri
- des contenus éditoriaux et médias
- des interfaces de profil utilisateur
- des interfaces d’inscription et d’identification
- des gestionnaires de date et d’agenda
-
Évaluer l’utilisabilité d’un site Web
- Identifier les différents mode d’évaluation ergonomique
- Définir les principes, enjeux et limites des tests en ligne
- Décrire les modes de planification de tests
- Identifier la structure d’un scénario de tests et use cases
- Décrire modes d’analyse de l’information
-
Atelier pratique
- Analyse et optimisation d’une interface applicative (cas client)
Équipe pédagogique
Votre formateur est un consultant et architecte logiciel avec plus de 10 d'expériences pédagogiques et techniques.
Suivi de l'exécution et évaluation des résultats
- Feuille de présence signée en demi-journée, Évaluation des acquis tout au long de la formation, Questionnaire de satisfaction, Attestation de stage à chaque apprenant.
Ressources techniques et pédagogiques
- Moyens pédagogiques : Réflexion de groupe et apports théoriques du formateur, Travail d'échange avec les participants sous forme de réunion-discussion, Utilisation de cas concrets issus de l'expérience professionnelle, Validation des acquis par des questionnaires, des tests d'évaluation, des mises en situation et des jeux pédagogiques, Remise d'un support de cours.
- Moyens techniques en Présentiel : Accueil des stagiaires dans une salle dédiée à la formation, équipée d'ordinateurs, d'un vidéo projecteur d'un tableau blanc et de paperboard.
- Moyens techniques en Distanciel : A l'aide du logiciel Teams, un micro et une caméra pour l'apprenant, Suivez une formation en temps réel et entièrement à distance. Lors de la classe en ligne, les apprenants interagissent et communiquent entre eux et avec le formateur. Les formations en distanciel sont organisées en Inter-Entreprise comme en Intra-Entreprise. L'accès à l'environnement d'apprentissage (support de cours, labs) ainsi qu'aux preuves de suivi et d'assiduité (émargement, évaluation) est assuré.
Qualité et satisfaction
Taux de satisfaction des apprenants par rapport à l'enseignement du formateur - 98%
Taux de satisfaction générale (contenu de la formation, enseignement, environnement, accueil...) 93%
0/10
(0 avis)
Modalités de certification
Détails sur la certification
- Pas de certification
Capacité d'accueil
Entre 0 et 10 apprenants
Délai d'accès
3 semaines
Accessibilité
Les personnes atteintes de handicap souhaitant suivre cette formation sont invitées à nous contacter
directement, afin d'étudier ensemble les possibilités de suivre la formation.