Flex Manuel

Phase 1 : DÉCOUVERTE

Dans cette phase de découverte, nous avons interrogé des professeurs et des élèves de lycée afin de comprendre leurs besoins et leurs usages du numérique dans le contexte scolaire.Grâce à la recherche utilisateur et à l’audit de la plateforme existante, nous avons analysé différents champs d’opportunités pour améliorer le produit :

• Régler les problèmes techniques
• Gamifier l’expérience pour mieux inclure les élèves
• Consolider les échanges entre les professeurs et les élèves
• Gérer l’interopérabilité de la plateforme et ses outils (widgets)
• Régler les problèmes d’Ux et de navigation
• Personnaliser la plateforme
• S’inspirer les usages papier pour faciliter les usages numériques

‍

Ces éléments de réflexion nous ont permis d’imaginer de nouvelles arborescences :

Phase 2 : IMAGINER LA MEILLEURE EXPÉRIENCE UTILISATEUR

Cette nouvelle arborescence nous a permis d’imaginer une plateforme beaucoup plus complète en termes de fonctionnalités, mais aussi plus adaptée aux usages du numérique des enseignants et des élèves.

Nous avons alors effectué une série de wireframes représentant des parcours utilisateurs différents que nous avons pu soumettre à des utilisateurs et itérer sur nos propositions en continu.

Phase 3 : TRADUIRE L'UX EN UI

Une fois les itérations sur les wireframes terminées, nous avons entamé la dernière phase du projet : l’interface graphique. Sachant que le produit, Flex Manuel, n’avait pas de charte graphique développée, nous avons dû en créer une nouvelle. Le défi était de taille, car la charte de Flex devait laisser place à celle des manuels scolaires afin de laisser une bonne lecture de ces derniers, tout en restant dans un univers ludique, scrupuleusement respectueuse des contraintes d’accessibilité.

C’est après plusieurs sprints d’Ui que nous avons pu livrer au client des maquettes fiables, accessibles et compréhensibles par ses utilisateurs avec un design system complet.

‍

DESIGN SYSTEM