UX/UI design et accessibilité numérique

• Distinction entre UX, UI, utilisabilité et accessibilité.
• Objectifs des utilisateurs, tâches, contraintes et situations d’utilisation.
• Données de recherche disponibles : entretiens, observations, retours et mesures d’usage.
• Diversité des besoins, notamment liés aux handicaps et aux technologies d’assistance.
• Personas et scénarios comme supports de synthèse, avec explicitation des hypothèses.

Analyse de cas : À partir d’un dossier utilisateur fourni, identifier les besoins prioritaires et les informations encore nécessaires à la conception.

• Parcours existant, points de friction et moments déterminants.
• Enchaînement des tâches, navigation et architecture de l’information.
• Vocabulaire, libellés et cohérence avec les représentations des utilisateurs.
• Réduction des étapes inutiles et prévention des erreurs.
• Parcours alternatifs, reprise après interruption et accès à l’aide.

Atelier : Représenter un parcours, proposer une simplification et confronter les options aux besoins identifiés.

• Hiérarchie visuelle, regroupements, alignements et densité d’information.
• Typographie, couleurs, contrastes et information indépendante de la couleur.
• Composants, états et cohérence des interactions.
• Formulaires, messages d’erreur, confirmations et retours sur les actions.
• Adaptation aux écrans et situations d’usage.
• Conception respectueuse des choix de l’utilisateur et repérage des interfaces manipulatoires.

• Repères WCAG et RGAA utiles à la conception.
• Ordre de lecture, navigation au clavier et visibilité du focus.
• Libellés, consignes, informations obligatoires et identification des erreurs.
• États des composants : repos, focus, sélection, erreur, chargement et indisponibilité.
• Cibles d’interaction, zoom, redistribution du contenu et mouvements.
• Annotations destinées aux développeurs ; limites de ce qu’une maquette permet de vérifier.

Revue croisée : Examiner les maquettes d’un autre groupe, relever les obstacles prévisibles et préciser les annotations nécessaires à leur réalisation.

• Choix du niveau de fidélité selon la question à vérifier.
• Prototype interactif et scénarios de tâches.
• Consignes neutres, observation et distinction entre comportement observé et interprétation.
• Réussite de la tâche, hésitations, erreurs et compréhension des messages.
• Participation d’utilisateurs représentatifs, dont des personnes handicapées.
• Limites des tests entre participants et complémentarité avec une évaluation technique.

Test pédagogique : Faire réaliser une tâche sur le prototype par un autre participant, relever les difficultés et proposer une amélioration. Identifier ce qui devra ensuite être vérifié avec de véritables utilisateurs.

• Évaluation d’un service existant à partir de critères explicites.
• Qualification des problèmes selon leur fréquence, leur gravité et les tâches concernées.
• Distinction entre problème ergonomique, obstacle d’accessibilité et défaut technique.
• Priorisation des améliorations et vérification après modification.
• Transmission des maquettes, états, annotations et critères d’acceptation.
• Traçabilité entre besoins, décisions de conception et résultats des tests.

Restitution : Présenter le parcours amélioré, les principaux problèmes corrigés et les vérifications restantes avant sa réalisation.