Ergonomie des interfaces Web et UX Design
Optimiser l’ergonomie de vos applications
Objectif
Adopter une démarche centrée sur les utilisateurs
Savoir maître en oeuvre le processus de conception d’une interface
Connaitre les critères d’ergonomie réussie et les appliquer dans vos développements d’interface
Une bonne connaissance de l'environnement web
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.
Alternance entre apports théoriques et exercices pratiques (en moyenne 30 à 50%)
Remise d'un support de cours.
Moyens techniques
Modalités d'évaluation
Feuille de présence signée en demi-journée,
Evaluation des acquis tout au long de la formation,
Questionnaire de satisfaction,
Attestation de stage à chaque apprenant,
Positionnement préalable oral ou écrit,
Evaluation formative tout au long de la formation,
Evaluation sommative faite par le formateur ou à l'aide des certifications disponibles
Modalités distance
A l’aide d’un logiciel (Teams, Zoom…), d’un micro et éventuellement d’une caméra les apprenants interagissent et communiquent entre eux et avec le formateur.
Sessions organisées en inter comme en intra entreprise.
L’accès à l’environnement d’apprentissage ainsi qu’aux preuves de suivi et d’assiduité (émargement, évaluation) est assuré.
Pour toute question avant et pendant le parcours, assistance technique à disposition au 04 67 13 45 45.
Profil formateur
Nos formateur sont des experts dans leurs domaines d'intervention
Leur expérience de terrain et leurs qualités pédagogiques constituent un gage de qualité.
Accessibilité
Les personnes en situation d'handicap sont invitées à nous contacter directement, afin d'étudier ensemble les possibilités de suivre la formation.
Pour tout renseignement, notre référent handicap reste à votre disposition : mteyssedou@ait.fr
Développeurs, chefs de projet, webmasters
Compte personnel de formation
La formation n'est pas compatible avec le Compte personnel de formation
Sessions inter-entreprises
La formation est compatible avec l’organisation en session inter-entreprises
Programme de la formation
Ergonomie d’une IHM : Introduction
- Définition de l’ergonomie
- Le process de conception d’une interface
- Atelier : analyse des pratiques de conception du groupe
Analyse des besoins des utilisateurs
- Adopter une démarche de conception centrée sur les utilisateurs (présentation du Design Thinking)
- Définir les utilisateurs et recenser leurs besoins pour définir les contenus, services et fonctionnalités
- Présentation de la technique des personas
- Cas pratique : création de personas et de parcours utilisateurs en rapport avec un projet du client
Architecture de l’information
- Structurer le contenu en fonction des attentes des utilisateurs
- Définir le(s) parcours utilisateur(s) et les scénarios d’usage
- Cas pratique : réalisation d’un tri de cartes en groupe pour créer l’architecture d’une application (en rapport avec les projets du client)
Conception d’une interface
- Les étapes de conception d’une interface (zoning, wireframe, maquettes graphiques, prototypes)
- Concevoir le système de navigation, organiser l’espace et établir une hiérarchie visuelle
- Atelier : création d’un prototype papier pour une application (en rapport avec les projets du client)
Intégration des éléments d’interface dans l’application (intégration front-end)
- Adapter l’interface d’une application à l’environnement dans lequel elle est utilisée (OS, appareil)
- Panorama sur les différentes tendances ergonomiques et UI kits (iOS, Material Design, Fluent/Fabric)
- Choisir une librairie ou un framework d’interface : quelques solutions à envisager (React, Angular, Vue.js, Jquery, Bootstrap…)
Analyser une interface
- Présentation de 10 critères ergonomiques (heuristiques de Nielsen)
- Cas pratique : analyse d’une interface existante à l’aide d’une check-list reprenant les critères étudiés
Adopter une démarche d’amélioration continue
- Evolution et diversification des interfaces
- S’adapter aux changements techniques, esthétiques et sociétaux