Outil de sélection de programme de l'université Georgetown

DMI
- WordPress
- ReactJS
Développement web et ingénierie d'accessibilité numérique
Georgetown University, l’une des institutions universitaires les plus renommées au monde, cherchait un moyen de guider les futurs étudiants à travers sa vaste gamme de programmes d’études supérieures. L’outil de sélection de programme a été conçu pour répondre à ce besoin en présentant des offres de programmes complexes dans un format clair et facile à naviguer. L’objectif principal de l’outil est de simplifier l’exploration de programmes, d’améliorer l’accessibilité et, ultimement, d’orienter les étudiants potentiels vers le portail de candidature, augmentant ainsi les inscriptions aux cycles supérieurs.
Notre solution
Choix technologiques
L’outil de sélection de programmes a été mis en œuvre via React avec TypeScript. Il est supporté par un backend WordPress découplé (headless), qui fonctionne comme système de gestion de contenu. Toutes les données des programmes, les taxonomies et les paramètres administratifs sont récupérés via l’API REST de WordPress, garantissant ainsi aux administrateurs non techniques un contrôle éditorial et structurel complet sans intervention directe des développeurs.
Fonctionnalités principales
L’application offre aux futurs étudiants un moyen structuré d’identifier les programmes appropriés :
- Elle utilise un système de filtrage basé sur un système de taxonomies qui permet aux utilisateurs de sélectionner des critères (domaine d’étude, objectif de carrière, type de diplôme).
- Elle réduit dynamiquement les options disponibles en temps réel en fonction des entrées saisies par l’utilisateur.
- Elle guide les utilisateurs à travers un processus décisionel et les dirige finalement vers le portail de candidature afin de compléter ls étapes formelles d’inscription, avec suivi des conversions.
Ingénierie d’accessibilité numérique
L’aspect déterminant de ce projet a été la profondeur de l’intégration de la notion d’accessibilité, marquée par une collaboration directe entre l’équipe de développement et un ingénieur en accessibilité certifié qui était lui-même un utilisateur ayant un handicap sensoriel. Ce travail a établi l’accessibilité comme une contrainte de conception principale dès le départ, la déplaçant bien au-delà d’une simple liste de contrôle de conformité. Les tests d’accessibilité ont dépassé les simples simulations : en plus des vérifications standards des lecteurs d’écran (tels que JAWS) durant la phase de tests, un processus de QA UX sur mesure a été conçu. Ce processus rigoureux a mis en lumière les réalités pratiques de la navigation au clavier et des modèles de navigation non visuelle, guidant les ajustements apportés à la structure des composants et à la gestion des interactions.
L’expérience utilisateur finale est non seulement techniquement conforme, mais également validée par des tests basés sur l’expérience vécue par l’utilisateur. Au final, le projet a remodelé les pratiques de développement internes de l’institution, faisant de l’accessibilité un moteur pour la création de modèles d’interaction plus inclusifs.

