Conception de l’expérience mobile

Se connecter pour s'inscrire

Votre progression

Continuez pour débloquer la suite !
0 / 0 étapes complétées 0
%

Syllabus

  1. Description

  2. Objectifs

  3. Validations de compétences

  4. Public cible

    Aucun public cible spécifié pour ce module.

  5. Besoins techniques

  6. Prérequis

    • Aucun prérequis

  7. Niveau

  8. Historique du module

    Aucune action enregistrée

Conception de l’expérience mobile

Transformer un besoin utilisateur en parcours, wireframe et interface mobile accessible avant d’écrire le code.

À la fin du cours

  • Recueillir les besoins et les contraintes d’une application mobile.
  • Construire un user journey, un storyboard et un wireframe vérifiable.
  • Intégrer accessibilité, responsive design et états d’interface.
  • Transformer une maquette en user stories priorisées.

Organisation

La conception passe du problème au parcours, puis du wireframe au backlog testable.

Prérequis : Bases de Scrum ou méthode Agile et compréhension du HTML/CSS.

Cadrage du problème

Décrire le problème avec les mots des utilisateurs, identifier les parties prenantes et distinguer le besoin réel de la solution imaginée. Recueillir les contraintes techniques, réglementaires et d’accessibilité.

Formaliser les fonctions attendues et les critères de réussite. Une user story doit préciser l’acteur, le besoin, la valeur et les conditions de validation.

En tant qu’utilisateur, je veux … afin de …
Point de contrôle : Une user story peut être comprise, testée et estimée par l’équipe.

Wireframe et accessibilité

Construire un wireframe par écran et documenter les parcours principaux, les états de chargement, les erreurs et les actions de récupération. Vérifier la hiérarchie de l’information et la taille des zones tactiles.

Appliquer les recommandations d’accessibilité adaptées au mobile : libellés explicites, contraste, navigation clavier ou lecteur d’écran, focus visible et absence de dépendance à la seule couleur.

Accueil → Liste → Détail → Action → Confirmation
Point de contrôle : Le parcours principal reste compréhensible avec un texte agrandi et un lecteur d’écran.

User stories et planification

Découper le produit en incréments livrables, ordonner le backlog par valeur et risque, puis découper les tâches techniques. Une première version doit résoudre un parcours complet avant d’ajouter des variantes.

Prévoir les tests de recette et les métriques d’usage. Les retours utilisateurs doivent être associés à une story, une version et une décision documentée.

Méthode

  1. Prioriser le backlog.
  2. Découper une story en tâches.
  3. Définir les critères d’acceptation.
Point de contrôle : L’équipe peut livrer une version testable et mesurer sa réussite.

Livrables et validation

Le livrable doit montrer une compréhension personnelle, des choix explicités et une vérification par un cas de test ou une procédure reproductible.

  • Un dossier de besoins et des personas.
  • Un user journey, un storyboard et des wireframes.
  • Un backlog de user stories priorisées.
  • Une checklist d’accessibilité et de recette mobile.
Critère de réussite : La conception est validée lorsque le parcours principal est compréhensible, accessible et relié à des user stories testables.

Exercices, examens et projets

Exercice

Atelier parcours mobile

Formaliser un problème utilisateur avec storyboard, user journey, wireframe et critères d’acceptation.

Obligatoire Consulter
Projet

Projet application web et mobile

Livrer une application multiplateforme avec API, base de données, authentification, tests et déploiement.

Livrables :

  • Wireframes et user stories
  • Application mobile
  • API et base de données
  • Tests et documentation
  • Déploiement
Obligatoire Consulter