Objectifs du cours
Cette formation permet d’acquérir les compétences essentielles pour concevoir une application mobile ergonomique et centrée sur l’utilisateur.
Les participants apprendront à :
- Comprendre les principes fondamentaux de l’UX Design et de l’ergonomie mobile.
- Concevoir des interfaces optimisées pour les écrans tactiles et le responsive design.
- Maîtriser les outils et méthodologies de prototypage avec Figma.
- Appliquer des tests utilisateurs pour affiner et améliorer l’expérience mobile.
Public
- Concepteurs, chefs de projet, webdesigners, designers UX/UI, product owners.
Prérequis
- Aucun prérequis, mais une première expérience avec Figma est un plus.
Contenu du cours
Partie 1 : Introduction à l’UX Design et à l’ergonomie
- Différences entre UX et UI.
- Principes d’une bonne expérience utilisateur.
- Risques d’une mauvaise UX et impacts sur les utilisateurs.
- Rôle de l’ergonomie dans l’expérience mobile.
- Cas pratique : analyse d’usage pour la conception d’une application mobile.
Partie 2 : Ergonomie mobile et spécificités des interfaces tactiles
- Nouveaux usages et niveaux de mobilité.
- Capacités spécifiques des appareils mobiles (capteurs, interactions entre applications).
- Interfaces tactiles : gestures, interactions multitouch, clavier virtuel.
- Critères ergonomiques adaptés au mobile.
- Cas pratique : analyse d’une application mobile existante.
Partie 3 : Préparation de la conception d’une application mobile
- Questions à se poser avant de lancer un projet mobile.
- Différence entre applications web, natives et hybrides.
- Recherche utilisateur : personas, scénarios d’usage, parcours utilisateur.
- Organisation d’ateliers d’idéation et de tests utilisateurs.
- Cas pratique : création d’un storyboard UX pour une application mobile.
Partie 4 : Responsive design et conception multi-écrans
- Évolution des tailles d’écran et problématiques de responsive design.
- Approches de design : absolu, liquide, adaptatif, responsive.
- Introduction au mobile-first design et aux breakpoints.
- Outils et méthodes sur Figma : contraintes et auto-layout.
- Cas pratique : maquettage responsive d’un écran d’accueil.
Partie 5 : Conception d’écrans mobiles ergonomiques
- Les étapes clés : du zoning à la maquette haute fidélité.
- Notion de Design System et d’Atomic Design.
- Introduction à Material Design et ses composants principaux.
- Bonnes pratiques d’interface : boutons, listes, formulaires, menus.
- Cas pratique : maquettage d’un écran de destination sur mobile.
Partie 6 : Expérience utilisateur et ergonomie avancée
- Principes de navigation sur mobile et contraintes du tactile.
- Utilisation du pouce et implications sur la conception.
- Loi de Fitts et placement des composants.
- Gestion des notifications et animations pour améliorer l’expérience.
- Cas pratique : finalisation et test d’une maquette interactive.