Optimiser l’ergonomie de vos applications

Informatique Informatique
Référence formation : 4-UX-OPT - Durée : 2 jours

 
  • Objectifs
  • Pré-requis
  • Pédagogie
Adopter une démarche centrée sur les utilisateursSavoir maître en oeuvre le processus de conception d’une interfaceConnaitre les critères d’ergonomie réussie et les appliquer dans vos développements d’interface
Une bonne connaissance de l'environnement web

Méthodes pédagogiques

Présentation des concepts, démonstration, exécution, synthèse et exercices pratiques d'assimilation

Modalités pédagogiques

Présentiel - Distanciel - AFEST

Moyens pédagogiques

Formateur expert du domaine - 1 ordinateur, 1 support de cours version papier ou numérique, un bloc-note et un stylo par personne - vidéo projecteur - tableau blanc

Modalités d'évaluation

Positionnement préalable oral ou écrit - Evaluation formative tout au long de la formation - Evaluation sommative faite par le formateur ou à l'aide de la certification NULL

Public concerné

Salariés - Demandeur d'emploi - Reconversion professionnelle

Si vous êtes en situation de handicap, vous pouvez joindre notre référent Handicap. Voir notre fiche Accès correspondante.

Contenu pédagogique

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, 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