Formation Optimiser lergonomie de vos applications

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