Formation UX Design et ergonomie pour tablettes et smartphones Mixed: In person / distance learning

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

Jour 1 – Ergonomie mobile, postures et comportements utilisateurs

Objectifs :

• 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 :

• 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 feedbacks ciblés

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

Objectifs :

• 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

• Alternance d'apports théoriques et de mises en pratique contextualisées.
• Progression pédagogique structurée, de la compréhension à la mise en œuvre opérationnelle.
• Pédagogie immersive favorisant une mise en application immédiate des compétences.
• Formation interactive et participative s'appuyant sur des ateliers pratiques, études de cas et échanges collectifs (+ 60 % du temps de formation.)
• Séquences pédagogiques rythmées et évaluations formatives régulières pour renforcer l'ancrage des apprentissages.
• Supports de cours, ressources documentaires et références mis à disposition par le formateur

En amont de la formation (évaluation en ligne dans l'extranet apprenant)

• Recueil des besoins et des attentes des participants.
• Auto-positionnement permettant d'évaluer le niveau initial des apprenants.

Tout au long de la formation

• Évaluations continues réalisées par le formateur travers des questions orales, exercices, QCM, études de cas et mises en situation pratiques.
  
  

À l'issue de la formation (évaluations en ligne dans l'extranet apprenant)

• Auto-positionnement afin de mesurer l'acquisition des compétences visées.
• Validation de l'acquisition des compétences par le formateur
• Questionnaire de satisfaction « à chaud » à l'issue de la formation
• Questionnaire de satisfaction "à froid", 45 jours après la formation afin d'évaluer l'ancrage des acquis et leur mise en application en situation professionnelle.

• Admission après entretien