Logiciel SIRH - UX design
Le contexte métier
Adequasys est une société Franco-Suisse fondée en 2000, qui édite et implémente un logiciel Saas, destiné aux entreprises de plus de 100 collaborateurs. Adequasys est positionné sur le marché des SIRH (Système d'Information des Ressources Humaines) en proposant une solution globale, avec la possibilité d'intégrer certains modules. Le logiciel a été conçu pour gérer tous les aspects du cycle de vie du collaborateur dans l’entreprise, le logiciel SIRH d’Adequasys permet de gérer 100% des processus RH. Adequasys propose une offre sur-mesure permettant la personnalisation de l’ensemble de son logiciel aux chartes et besoins clients. Chaque client va pouvoir modéliser son process RH personnel par le biais de cet outil en interne. Le métier des SIRH sur-mesure reste peu concurrentiel, ce qui place Adequasys en leader sur le marché made in Suisse.
Les problématiques
Le côté paramétrable et personnalisable est ce qui fait la force d'Adequasys mais aussi toute la difficulté pour intégrer des designs au standard qui prendront en compte les modifications de contenu, les variantes d'options, de droits, des affichages entièrement personnalisables. Chaque élément composant les écrans doit être modulable sans en altérer la lisibilité, ni l'expérience de son utilisateur. Des fonctionnalités techniques ont été accumulées au fil des années pour répondre aux divers besoins clients, ce qui demandent de redonner plus d'intuitivité et une bonne réorganisation . Il faut remettre de l'empathie sur les écrans du produit pour accompagner les RH dans les tâches quotidiennes, retrouver de la clarté pour mettre en avant ce qui est important...
L'environnement technique
Travailler à partir d'un framework maison, avec quelques grilles Bootstrap avec inclusion de formulaires dynamiques qui permettent sans passer dans le dur de paramétrer et ajouter des pages de formulaires entièrement personnalisables pour les besoins clients. Il faut comprendre l'ossature et les contraintes des formulaires dynamiques pour rester homogène avec les écrans du standard. Respecter une manière de créer la mise en page selon une grille CSS.
Mon rôle
Missions principales en Agilité
Au sein de l'équipe produit, je dois faire évoluer et améliorer en continue le logiciel standard dans son expérience utilisateur (côté technique paramétrage et utilisation métier quotidien, voir consultatif).
Il est essentiel de simplifier le parcours utilisateur, sur ce logiciel très riche en fonctionnalités techniques métier, tout en répondant à plusieurs personas dans leur travail au quotidien, (Administrateur RH, Gestionnaire RH, managers, collaborateurs, Directeur financier...).
- Apporter de l'aide aux consultants dans l'implémentation des chartes clients et dans la création de formulaires dynamiques dans le respect des règles heuristiques UX.
- Livrer des maquettes détaillées, appuyées de tickets fonctionnels de création ou amélioration et apporter du support de formation sur les bonnes pratiques UX aux développeurs.
- Travailler en corrélation avec l'équipe technique (PO, PM, Lead Dev, QA, dev) pour analyser l'existant, les anomalies, enrichir le backlog.
- Analyser l'existant qui a un historique d'une vingtaine d'année en retours et demandes utilisateurs.
- Itérer et concevoir dans des ateliers aux rythmes de sprints en Agilité.
Outils déployés
- Suivre l'Atomic Design de Brad Frost pour la création du Design System
- Mise en place du Design System du logiciel
- Ateliers de design sprint et de suivi de projets
- Benchmark analyse de la concurrence, des besoins clients
- Développement des outils de maquettes et livrables, prototype et mise en test (XD, Zeplin, Figma)
- Rédaction de la documentation technique et fonctionnelle des nouveautés et améliorations pour les clients (Document de version)
- Rédaction de support d'aide ou boîte à outils (personas, parcours utilisateurs...) et de formation UX
Projets opérationnel UX-UI / évangélisation - formation de l'UX
- Créer et faire évoluer le Design System
- Implémenter l'Accessibilité numérique sur la charte existante (contrainte de respecter le design en place)
- Revoir la navigation dans le menu (pas assez fluide et intuitive)
- Mieux se repérer au sein des pages (problèmes de titres et espaces et onglets collaborateurs...)
- Harmoniser le design dans l'ensemble des écrans, donner de la cohérence
- Faire évoluer des composants standards - les organiser, donner de la cohérence fonctionnelle et design.
- Etre en support formation et sensibilisation UX pour tous les collaborateurs.
- Tester via des interview, des questionnaires, de l'observation et itérer.
- Créer et rédiger de la documentation pour concevoir des nouveaux écrans ou implémenter les contrastes de couleurs chez le client.
Structure de page wireframe
Méthodologie de travail
1. Analyses & recherches 2. Design 3. Tests 4. Itérations
Analyse & recherche produit :
Navigation écrans par écrans, rencontre des différents métiers et usages, suivi marketing et communication, avec historique produit à consulter. Diagnostic produit. Visualisation des tickets d'anomalies et améliorations demandées, pour déceler l'orientation des besoins utilisateurs. Analyser la concurrence, recueillir de la data métier RH.
Trouver des solutions pour répondre aux problématiques identifiées pour ensuite commencer à designer des premières ébauches pour aider aux ateliers d'analyse et de suivi de projets.
Design :
Premier Wireframes, premières maquettes pour déterminer la direction et les choix sur les solutions à apporter, travail de la mise en place, affinages successifs aux cours d'ateliers agiles. Organisation, hiérarchie des informations. Reprendre des trames utilisées dans le produit. Innover sur l'apport de fonctionnalités utiles par rapport au recueil des besoins. Ateliers pour guider et affiner la direction prise.
Tests :
Protypage présenté à un panel de client utilisant le module quotidiennement pour recueillir leurs impressions et premiers avis. Recentrer les maquette en fonction de leurs besoins et problématiques (points de frictions) quotidiennes en observant leur utilisation. Dresser un parcours d'utilisation pour chaque clients pour confronter les lignes directrices et mieux cibler les usages spécifiques. Amélioration des maquettes suite aux retours. Parfois des questionnaires de satisfactions peuvent être amenés, ou de simples interview pour annoncer des améliorations à venir. Recueil des insights avec questions qualitatives et quantitatives CSAT.
Itérations :
Le ticket avec les maquettes et précisions fonctionnelles sont présentées à l'équipe de développement en charge, nous confrontons leur point de vue technique, avec possible ajustements. Puis développement au prochain sprint, avec suivi et homologation avant de passer le relai à l'équipe QA de test jusqu'à la mise en livraison, intégration haute fidélité, déploiement.
Après implémentation à la prochaine version (une par an) chez le client s'en suivront de nouveaux retours utilisateurs permettant de relancer des itérations.
Exemples de projets //
Design system - Accessibilité RGAA
Couleurs de la charte standard contrastées répondant aux notations AA et AAA. Contrastes optimisés sur les éléments de navigation, les commandes...
Organiser - hiérarchiser
Identification des familles, gestion des composants de commandes et navigation. Réorganisation fonctionnel d'un champ d'import fichier.
