Le PECA
étude de cas
Conception et Développement du Site PECA (Plan d’Éducation à la Citoyenneté Active)
Favoriser l’éducation citoyenne par une plateforme accessible et interactive
Création d’une plateforme pédagogique visant à centraliser les ressources éducatives et promouvoir la citoyenneté active auprès d’un public varié, comprenant enseignants, étudiants et acteurs institutionnels.
Contexte
Contexte et Objectifs
Client
Le PECA, un projet de la Fédération Wallonie-Bruxelles, axé sur l’éducation citoyenne
Objectifs principaux
- Centraliser et rendre accessibles des ressources pédagogiques sur la citoyenneté.
- Concevoir un site facile à utiliser pour des publics variés, allant des enseignants aux jeunes apprenants.
- Améliorer la visibilité du PECA et faciliter l’interaction avec les utilisateurs.
Les dates
Début du projet : Septembre 2021
Durée du projet : 3 mois
Pourquoi ce projet ?
Le PECA souhaitait un site web intuitif et engageant pour promouvoir les valeurs de citoyenneté active. Il fallait que le site soit non seulement attractif, mais aussi simple d’utilisation, afin d’inciter l’implication des éducateurs et des jeunes. Être le point de contact entre le monde de l’enseignement et le monde de la culture.
Défis
Défis rencontrés
Public varié
Concevoir une expérience utilisateur qui s’adapte à des profils très différents, des enseignants et éducateurs aux élèves et jeunes apprenants.
Accessibilité et ergonomie
Créer un site accessible à tous, respectant les normes d’accessibilité, y compris pour des utilisateurs en situation de handicap.
Simplifier les processus administrifs.
Structure de l’information et recherche de ressources
Proposer une hiérarchie claire permettant aux utilisateurs de naviguer facilement entre différentes ressources et modules éducatifs.
Engagement et interaction
Susciter l’implication des utilisateurs par des fonctionnalités interactives et des ressources engageantes.
UX/UI
Solutions Apportées
Recherche Utilisateur et Conception Centrée sur l’Usager
- Interviews et analyse des personas : Identification des besoins spécifiques de chaque groupe cible (enseignants, étudiants, jeunes citoyens).
- Tests de prototypes avec le public cible : Réalisation de tests avec des enseignants et des étudiants pour vérifier la clarté de la navigation et l’accessibilité des ressources.
Conception UX
- Organisation des ressources : Création de catégories claires et d’une barre de recherche avancée pour que chaque utilisateur puisse trouver rapidement le contenu recherché.
- Navigation simplifiée : Mise en place d’un menu principal structuré par grands thèmes (Ex. : Ressources pédagogiques, Actualités, Partenaires, À propos).
- Fonctionnalités de filtrage : Ajout de filtres et d’options de tri dans la section Ressources pour permettre une recherche précise (par niveau, type de ressource, etc.).
Design UI
- Palette de couleurs : Utilisation de couleurs neutres avec des touches vives pour accentuer les éléments interactifs, reflétant l’objectif citoyen et pédagogique.
- Typographie accessible et lisible : Choix de polices modernes, sans-serif, qui facilitent la lecture pour tous les âges.
- Icônes et visuels éducatifs : Utilisation d’icônes pour chaque section (ex. : documents, vidéos, modules interactifs) pour guider les utilisateurs et rendre la navigation plus intuitive.
Intégration technique
- Responsive Design : Optimisation du site pour un affichage fluide sur mobile, tablette, et ordinateur.
- Accessibilité : Respect des normes WCAG et ajout d’éléments ARIA pour garantir l’accessibilité des contenus (texte alternatif pour les images, navigation clavier, etc.).
- Technologies utilisées : HTML5, CSS3, JavaScript, Typo3, Bootstrap, et intégration de modules de recherche pour faciliter l’accès rapide aux ressources.
