UX Design et ergonomie pour tablettes et smartphones Mixte : présentiel / à distance

A l'issue de la formation le stagiaire sera capable de concevoir ou améliorer un site web pour optimiser l'expérience utilisateur sur tablettes et smartphones.

• Comprendre les concepts clés de l'ergonomie adaptée aux sites web via tablettes et smartphones
• Appréhender les actions des utilisateurs pour optimiser l'ergonomie (lecture ou interaction)
• Concevoir et organiser les informations pour une expérience optimale sur outil mobile
• Optimiser le parcours utilisateur, notamment en fonction de sa posture
• Améliorer l'accessibilité spécifique aux outils mobiles de consultation du site web

Webmasters, webdesigners, chefs de projet digitaux, graphistes, concepteurs de sites Web…

Jour 1 – Ergonomie mobile, postures et comportements utilisateurs

Objectifs du jour :

• Comprendre les spécificités de l'ergonomie sur tablettes et smartphones
• Analyser les postures et interactions natives des supports mobiles

• Le panorama des usages et postures
  • Scénarios d'usage : mobilité, consultation debout, à une main, multitâche, distraction
  • Comportements des utilisateurs sur mobile versus desktop : scroll, clic, swipe, temps d'attention
  • Zone de confort tactile (thumb zones) et impact sur la navigation
• Les principes de l'ergonomie mobile
  • Différences entre usage desktop et mobile (tactile, posture, contexte)
  • Guidelines iOS/Android pour interfaces tactiles (taille cible, gestes)
• Atelier en binômes : observation de l'usage
  • Tester une application mobile ou un site responsive
  • Identifier 3 points d'inconfort ou friction liés à la posture ou l'usage
  • Proposer une solution ergonomique rapide

Jour 2 – Structuration de l'information et navigation mobile

Objectifs du jour :

• Organiser efficacement le contenu pour une expérience mobile fluide
• Prototyper des interfaces tactiles optimisant les schémas de navigation et les appels à l'action

• La structuration du contenu
  • Priorisation de l'information : « mobile-first content »
  • Patterns de layout mobile : listes, cards, accordéons
• Navigation et parcours
  • Menu hamburger vs onglets vs gestes de navigation
  • Breadcrumbs et filtres adaptés au mobile
  • Alternatives au fil d'Ariane pour mobile (menus contextuels, indicateurs de progression)
• Atelier Maquettage rapide
  • Ébauche papier ou wireframe mobile (outil libre de type Figma ou Adobe ; ou papier)
  • Conception d'un parcours mobile interactif
  • Validation en groupe avec feedback ciblés

Jour 3 – Accessibilité mobile et IA légère pour UX

Objectifs du jour :

• Appliquer les standards d'accessibilité pour supports mobiles
• Expérimenter l'IA légère pour enrichir l'expérience utilisateur

• L'accessibilité mobile, tactile, visuelle, auditive
  • Normes WCAG adaptées mobile (contraste, zoom, labels ARIA)
  • Gestes accessibles et alternatives (clavier virtuel, voice-over)
  • Atelier test et remédiation : tester un prototype avec axe-core mobile et corriger 3 non-conformités
• IA dans l'UX
  • IA & RGPD : risques et bonnes pratiques
  • Outil LLM pour générer des suggestions de libellés et de contenus dynamiques
  • Prompting UX
  • Atelier : intégrer un prototype de chatbot IA pour guider l'utilisateur
• Exercice pratique
  • Scénario : optimiser le parcours d'un site e-commerce fictif
  • Tâches : audit de navigation + accessibilité + génération par IA de messages d'aide

Docaposte Institute propose plusieurs dispositifs pédagogiques adaptés aux apprenants :

• Formation en présentiel
• En groupe (inter-entreprises ou intra-entreprise)
• En individuel (monitorat)
• En journée ou en cours du soir (sur demande spécifique)
• Formation en distanciel
• Distanciel synchrone
• Distanciel asynchrone

• Apports des connaissances communes.
• Mises en situation sur le thème de la formation et des cas concrets.
• Méthodologie d'apprentissage attractive, interactive et participative.
• Equilibre théorie / pratique : 60 % / 40 %.
• Supports de cours fournis au format papier et/ou numérique.
• Ressources documentaires en ligne et références mises à disposition par le formateur.
• Pour les formations en présentiel dans les locaux mis à disposition, les apprenants sont accueillis dans une salle de cours équipée d'un réseau Wi-Fi, d'un tableau blanc ou paperboard. Un ordinateur avec les logiciels appropriés est mis à disposition (le cas échéant).

En amont de la formation :

• Recueil des besoins des apprenants afin de disposer des informations essentielles au bon déroulé de la formation (profil, niveau, attentes particulières...).
• Auto-positionnement des apprenants afin de mesurer le niveau de départ.

Tout au long de la formation : 

• Évaluation continue des acquis avec des questions orales, des exercices, des QCM, des cas pratiques ou mises en situation...

A la fin de la formation : 

• Auto-positionnement des apprenants afin de mesurer l'acquisition des compétences.
• Evaluation par le formateur des compétences acquises par les apprenants.
• Questionnaire de satisfaction à chaud afin de recueillir la satisfaction des apprenants à l'issue de la formation.
• Questionnaire de satisfaction à froid afin d'évaluer les apports ancrés de la formation et leurs mises en application au quotidien.

• Admission après entretien