Conception de A à Z d'une solution SaaS en HR Tech

Repenser l’expérience de management en entreprise

Rôles & Durée

En tant que Product Designer freelance, j'ai accompagné une startup dans la création d'une solution SaaS de gestion des talents, de janvier à mai 2022.

‍

Challenges

Difficultés rencontrées dans le monde du travail : Certains salariés peinent à trouver du sens à leurs actions et à prendre du recul tout au long de l'année. Les managers peuvent également avoir du mal à suivre leur progression et à les conseiller efficacement.

Mes défis ont été :

• Repensez l'expérience de management en entreprise : Cadrer le projet naissant et anticiper les problématiques clés.
• Homepage & Navigation : Comment transformer quelques fonctionnalités isolées en un écosystème fonctionnel, simple et innovant ? Le défi était de présenter clairement l’ensemble des fonctionnalités dès la page d'accueil.
• Fonctionnalités : Comment faciliter des processus mentaux complexes ? Mon objectif était de concevoir des fonctionnalités permettant aux employés et managers de :
  • Définir consciencieusement leurs objectifs professionnels (cf. fonctionnalité "Objectif").
  • Apprendre de leurs expériences et suivre leurs progrès (cf. fonctionnalité "Expérience").
• Onboarding : Comment rendre l'adoption d'un logiciel SaaS naturelle ? J'ai conçu un parcours d'onboarding pour inciter les utilisateurs à interagir avec l'application.

Voici un aperçu de mon processus :

• Application de la méthode Object Oriented UX pour découper et anticiper l'architecture de l'app, les fonctionnalités, les interactions et la navigation globale.
• Définition des workflows (éléments déclencheurs et actions) pour la gestion automatisée des tâches.
• Analyse des acteurs et création d'un moodboard pour m'inspirer et définir le branding visuel.
• Analyse compétitive des onboardings de web apps (Slack, Hubspot, Adobe Photoshop, Notion, Todoist…) pour identifier les meilleures pratiques et écarter les moins efficaces.
• Définition de la stratégie d'onboarding et des clés de succès à mettre en place.
• Wireframing basse et haute fidélité, maquettage et prototypage, en itérant avec le client.

I. Homepage & navigation

Gestion automatisée des tâches

Pour guider les utilisateurs dès la homepage, j'ai conçu une fonctionnalité de gestion des tâches permettant de :

• Prioriser automatiquement les actions à faire
• Indiquer l'état d'avancement du processus
• Réduire la charge mentale

Tableau de bord & Gamification

Pour maintenir l'attention de l'utilisateur à chaque connexion, j'ai créé un tableau de bord :

• Affichant des informations personnalisées et facilitant la prise de décision.
• Intégrant des principes de gamification (objectifs, barre de progression, etc.) pour encourager une utilisation fréquente.

Navigation sans détours

Pour accéder aux fonctionnalités de manière plus directe (réduction des clics et du temps de chargement), j'ai recommandé une navigation à un seul niveau via un menu latéral et une recherche filtrée dans un tableau.

Design visuel au service de la clarté

Pour éviter la surcharge visuelle dans les tableaux de bord, nous avons sélectionné uniquement les KPIs essentiels, présentés à l'aide de graphiques simples. J'ai également développé une identité visuelle moderne, avec des éléments arrondis et doux, en utilisant la couleur orange de manière réfléchie pour éviter toute connotation négative.

II. Design d'interactions des fonctionnalités

Réduction de la complexité

La loi de Tesler indique qu'une certaine quantité de complexité est inévitable dans tout système. Pour alléger la complexité des processus mentaux, j'ai :

• Simplifié les méthodes de management "SMART" et "STAR".
• Créé des user flows avec un minimum d'étapes, tout en évitant de rendre ces fonctionnalités abstraites ou trop simplistes.

Guidage de bout en bout

Pour anticiper les interactions et comportements des utilisateurs, j'ai :

• Conçu plusieurs manières d'utiliser et de connecter les fonctionnalités "Objectifs" et "Expériences", qu'elles fonctionnent de manière partielle ou complète, dans un sens ou dans l'autre.
• Soigné les micro-interactions en créant des messages de confirmation et de félicitations pour chaque action, tout en guidant vers l'étape suivante.

III. Conception d'un onboarding concis, interactif et adaptable

Interactivité & mise en contexte

Les onboardings traditionnels de type “Materials” (Tuto vidéo, FAQ, …) manquent d’interactivité. Les utilisateurs ne veulent plus lire ou regarder de la théorie avant de plonger dans l’expérience. J'ai donc conçu un onboarding :

• ‍Encourageant l'interaction directe avec l'application.
• Guidant les utilisateurs en fonction de leur contexte et de leur position dans l'interface.

Gamification & checklist

Pour encourager l'action dès le début, j'ai conçu une checklist d'onboarding :

• Utilisant des principes de gamification, tels qu'une barre de progression.
• Commençant par une action simple et rapidement atteignable, pour démontrer l'effet gratifiant de la checklist complété.

Rythme d'apprentissage libre

J'ai proposé un onboarding libre et concis :

• L'utilisateur peut quitter l'onboarding et y revenir à tout moment grâce à un bouton dédié.
• La checklist et le parcours d'onboarding se concentrent uniquement sur les actions-clés pour éviter de surcharger l'utilisateur.

Empty stages & Tooltips

J'ai élaboré des "empty stages" pour indiquer les espaces que l'utilisateur doit remplir avec ses actions. J'ai intégré des "tooltips" (infobulles) de manière permanente pour offrir une aide continue en dehors du parcours d'onboarding.

‍