← Retour aux formations

Développement Web & No-Code

Ergonomie des applications et sites mobiles : améliorer l'expérience utilisateur

Intermédiaire
Développement Web & No-Code

À propos de cette formation

Avec l'essor des smartphones et des tablettes, l'ergonomie des interfaces mobiles est devenue un enjeu central pour les équipes produit et design. Cette formation de 2 jours passe en revue les bases de l'ergonomie des interfaces Homme-Machine, les spécificités du contexte mobile et la démarche UX design centrée utilisateur. Les participants analysent des interfaces réelles, construisent des Personas, réalisent des maquettes et conduisent des audits heuristiques.

Objectifs de la formation

  • check_circleAcquérir les concepts fondamentaux de l'ergonomie des interfaces numériques
  • check_circleConcevoir une interface mobile ergonomique et intuitive
  • check_circleAppliquer une approche de conception centrée sur l'utilisateur
  • check_circleConduire une analyse heuristique des interfaces mobiles

Programme détaillé

Module 1 — Introduction à l'ergonomie

  • Définition de l'ergonomie et rôle des ergonomes dans les projets numériques
  • Normes d'utilisabilité ISO 9241-210
  • L'ergonomie à l'intersection de plusieurs disciplines
  • Intégrer l'ergonomie dans le cycle de conception IHM
  • Retour sur investissement de l'ergonomie
  • Waterfall, cycle en V, Agile : adapter la démarche ergonomique à la méthode projet
  • Types d'intervention : conception initiale ou correction a posteriori
  • Ergonomie et accessibilité : contrainte ou complémentarité ?

Module 2 — Concevoir une interface mobile ergonomique

  • Spécificités des IHM mobiles : affichage, interactions tactiles et nouveaux usages
  • Les problèmes courants d'ergonomie mobile
  • Optimiser l'affichage selon les contraintes des petits écrans
  • Sites mobiles, applications dédiées ou Responsive Design : critères de choix
  • Les gestes tactiles et leurs spécificités selon les systèmes d'exploitation
  • La loi de FITTS appliquée au pointage mobile
  • Principes de navigation dans une interface mobile
  • Exemple : audit de différentes IHM présentant des problèmes d'ergonomie

Module 3 — Étudier les utilisateurs, leurs tâches et le contexte

  • Fonctionnement cognitif humain et impacts sur les IHM : couleurs, images, menus, icônes
  • Définir la population cible et construire des Personas
  • Experience Map et analyse du contexte d'utilisation
  • Analyse des besoins et modélisation des tâches
  • Travaux pratiques : réalisation de Personas, Experience Map et arbres de tâches

Module 4 — Maquetter une interface mobile

  • Définition et enjeux du maquettage
  • Sketching : le maquettage basse fidélité
  • Le maquettage moyenne et haute fidélité
  • Panorama des outils disponibles sur le marché
  • Principes de conception en Material Design
  • Travaux pratiques : conception d'interface avec des outils basse fidélité (Balsamiq, Wireframe Sketcher)

Module 5 — Analyse heuristique des IHM mobiles

  • La méthode d'analyse heuristique : points forts, limites et ROI
  • Les critères heuristiques universels
  • Méthodologie de l'analyse heuristique appliquée au mobile
  • Grille d'analyse des IHM mobiles
  • Étude de grilles d'analyse et d'audit existants
  • Travaux pratiques : conduite d'un audit d'interfaces mobiles

Prérequis

Avoir des notions sur les systèmes mobiles et leurs interfaces d'un point de vue utilisateur.