j’adopte une approche mode produit qui ne se limite pas à produire des interfaces, je m’implique dans la réflexion stratégique pour créer des solutions utiles, viables et durables en intégrant les enjeux business, utilisateurs et techniques dès les premières phases de réflexion.
J’ai l’habitude d’itérer rapidement, de tester tôt, de prioriser les taches en fonction de l’impact attendu et de challenger les solutions pour qu’elles répondent aux vrais problèmes. C’est cette posture co-responsable et orientée impact que je cherche à incarner dans chaque projet.
Le centre national de la fonction publique est un établissement public à caractère administratif qui regroupe l’ensemble des collectivités et des établissements publics locaux, dédié principalement à la formation de leurs agents et à la gestion et au recrutement de leurs agents de catégorie A+.
Cette organismme désirait pouvoir mettre à disposition à ses utilisateurs, un espace privé permettant d'accéder à ses formations disponibles, gérer le processus de suivi de l’évolution et d'avoir accès ou déposer ses documents personnalisés.Après un audit d'un panel d'utilisateurs et des retours du support, il a été établi un cahier des charges des fonctionnalités nécessaires, enrichi de propositions complémentaires.
Etablir le plan actuel du site et de son contenu nous a permis d’identifier plus facilement la structure et les éléments composant les sections.
Réalisation de scénariis selon les actions à mener pour une opération permettant pour chaque cas d’usage, de nous assurer que tous les éléments sont bien présents et forment un ensemble cohérent.
Lister avec le scrum master, les besoins en fonctionnalités de chaque étape des opérations, ce qui nous permettra de définir les priorités et valider les fonctionnalités.
J’ai réorganisé les éléments afin de simplifier la présentation des informations de l’interface puis idéalisé par itérations les premières solutions par des moyens ergonomiques de présenter les fonctionnalités.
Mise en place d'une charte graphique comprenant le code couleur initial remis à jour selon les règles d'accessibilité visuelle et des icones fonctionnels ou décoratifs.
La contrainte fut de devoir adapter une charte issues initialement du Print (en CMJN), j’ai ainsi réorienté l’ensemble de la charte présente vers des couleurs web accessibles équivalentes puis nous avons décliné les différents éléments.
Version finale de l’application
Les différents éléments sont disponibles depuis une page unique condensant les informations et les liens/fonctions afin d’éviter un grand nombre de sous-niveaux et aussi de permettre une visualisation rapide des informations principales.
L’interface permet ainsi à l’utilisateur de consulter des offres de formations adaptées et de pouvoir accéder au suivi de son dossier personnel.
Contenu personnalisé selon le type de profil utilisateur Ergonomie visuelle et fonctionnelle optimisée Optimisation de l’accessiblité (RGAA) Contenu adapté en mode responsive pour être accessible sur support mobile
Les applications furent initialement construites par les développeurs avec un cahier des charges assez limité. La mission a ainsi eu pour but de travailler l’optimisation des parcours, des interfaces graphiques et la navigation.
Le but est d’optimiser l’interface aussi bien pour desktop que mobile, de ce fait, il fut établit de disposer les éléments sous forme de sections modulables qui puissent s’accumuler selon le parcours tout en gardant une homogénéité.
Nous avons décidé avec l’avis des développeurs de travailler sur la charte selon la méthodologie Atomic design afin de réduire les impactes et mieux distribuer les mofifications éventuelles sur l’ensemble des éléments pour la pérénité des applications. Nous avons aussi mis en place une bibliothèque des différents types d’objets pour les développeurs.
Les sections furent construites de façon modulaires et se sont intègrées facilement au fil des parcours dynamiques.
L’homégéisation entre la partie expérience et graphique permet de garder une facilité de navigation et d’utilisabilité des différentes applications aussi bien du coté client que métier.
Les différentes informations sont disponibles depuis une page unique condensant le contenu et les liens/fonctions afin d’éviter un grand nombre de sous-niveaux et aussi de permettre une visualisation rapide.
L’interface permet ainsi à l’utilisateur de consulter des offres de formations adaptées et de pouvoir accéder au suivi de son dossier personnel.
L'interface fut réalisée de façon responsive pour répondre aux besoins sous format mobile ou desktop tout en ayant pu répondre aux attentes de fonctionnalités demandées.
Interface adapté au support tablette Ergonomie générale améliorée Optimisation de l’accessiblité visuelle et sémantique Gain sur la rapidité d’affichage et l’accès aux ressources Taux de satisfaction métier / client très positif Création d’un design system structuré Déclinaison de la méthodologie sur les futures applications internes Taux de satisfaction métier / client très positif
Premier bailleur social du département, Seine-Saint-Denis habitat gère plus de 31 913 logements répartis sur 30 communes du territoire. Le service de gestion de profil était succintement présent uniquement sur le site web et le besoin fut d’avoir un interface de communication entre le bailleur et les habitants en version mobile native (Android / IOS) afin de recueillir les besoins, transmettre des informations et ainsi faciliter les démarches administratives.
Cette organismme désirait pouvoir mettre à disposition à ses utilisateurs, un espace privé permettant d'accéder à ses formations disponibles, gérer le processus de suivi de l’évolution et d'avoir accès ou déposer ses documents personnalisés.Après un audit d'un panel d'utilisateurs et des retours du support, il a été établi un cahier des charges des fonctionnalités nécessaires, enrichi de propositions complémentaires.
Suite au recueil des besoins, j’ai pu établir des profils utilisateurs afin de personnifier, cerner les problématiques et les attentes. Etant donné la diversité des habitants, les profils étaient très différents de part les critères sociaux, tranches d’âges, attentes et compétences numériques.
Nous avons commencé par trier, réunir et organiser les informations par écrans puis réalisé un début de structure. Cela permet de détecter les points à améliorer, de valoriser les points forts, et de commencer à se projeter dans les évolutions envisagées. Nous avons ainsi validé de façon itérative chaque étape d’avancement, au travers de validations de l’équipe projet.
Création des écrans et interactions sur Adobe XD et tests avec les responsables du projet selon le cahier des charges.
Version finale de l’application
L’application rassemble les fonctionalités nécessaire pour consulter les informations du dossier de l’utilisateur ainsi que les moyens de communication avec les interlocuteurs de la société de logement.
Contenu clair et accessible Déploiement de tous les besoins attendus Ergonomie visuelle et accessiblité optimisées Enrichissement de fonctionnalités
