Conception UX SaaS : par quelles étapes UX commencer ?

Étape 1 : Développement de la stratégie UX

Avant même d'amorcer la conception, le développement, la modification d'un logiciel SaaS, il est impératif de définir une stratégie UX robuste. Parmi les étapes UX, cette partie est étroitement liée à la vision et la stratégie globale de l’entreprise qui développe le SaaS et est cruciale dans la conception d’une expérience utilisateur mémorable. La plupart du temps, les responsables de l’UX Design au sein d’un SaaS excellent en compétences “pratiques” (UI Design, Mapping, Maquettes, Prototypes, Design System, etc.). Cependant, ils doivent également maîtriser les aspects stratégiques.

L'objectif principal est de saisir les besoins commerciaux, d'analyser la concurrence et de comprendre les utilisateurs de la plateforme.

En analysant divers documents internes provenant de différentes équipes (stratégies marketing, opérationnelles, prévisions de ventes, positionnement de marché, retours des utilisateurs collectés par les gestionnaires de la réussite client), les responsables de l'UX Design seront en mesure de concevoir une vision, des objectifs clairs ainsi qu'un plan d'action pour la stratégie UX du SaaS, avant même sa mise en œuvre.

Selon le Groupe Norman Nielsen, les 3 composants essentiels de l'UX Strategy sont :

1. La vision (où aller et pourquoi)
2. Les objectifs et les indicateurs de performance (comment mesurer les progrès)
3. Le plan d'action (quelles actions exactes mettre en place)

Une fois la stratégie bien mise au clair, il faut passer à la compréhension de ce qu’est l’UX Research.

Étape 2 : L’UX Research pour les SaaS

Cette partie de recherche permet de comprendre le produit SaaS, l’attitude de l’utilisateur avec celui-ci, ses besoins, ses points de friction (”pains”), et de comprendre pourquoi le logiciel est ou sera utilisé.

Parmi les étapes UX, celle-ci est clé pour éviter la conception d’un produit non utilisé. Ça permet d’éviter de dépenser du temps, de l’argent, et de l’acharnement. On n’aura ainsi pas besoin de réparer des erreurs qui auraient pu être évitées et qui coûtent très cher en temps et en argent. L’UX Research est impliquée à chaque étape de conception d’un produit SaaS. Il s’agit là de se baser moins sur des hypothèses mais plutôt sur de la donnée.

Pour récolter les bonnes données, on va s’appuyer sur de la recherche à la fois qualitative et quantitative :

Exemples de données les plus utilisées issues d’UX Research qualitative

• Entretiens individuels approfondis
• Groupes de discussion (Focus Groups)
• Analyses de cas
• Observations sur le terrain
• Études d'utilisation contextualisées

Exemples de données les plus utilisées issues d’UX Research quantitative

• Tests A/B pour comparer différentes versions
• Suivi du regard pour comprendre le comportement visuel
• Cartes de chaleur pour identifier les zones d'intérêt
• Mesures d'activité, comme le nombre de connexions ou d'actions spécifiques
• Enquêtes structurées
• Statistiques et analyses d'utilisation détaillées, telles que le nombre de clics sur des éléments spécifiques.

Une fois la recherche effectuée, on va analyser les données recueillies pour les transformer en informations qu’on va documenter.

Étape 3 : L’analyse des données recueillies

Une fois que suffisamment les données ont été recueillies lors de la phase de recherche, elles sont analysées en gardant à l'esprit les besoins variés des parties prenantes, notamment les utilisateurs, les managers, les développeurs et les experts UX Design.

Tout au long de cette étape UX d'analyse, l'objectif principal est de comprendre qui sont les clients, où se situe notre catégorie d’utilisateur, quelle information ils ont besoin, et pourquoi ils préfèrent cette information.

Les données, souvent volumineuses et diverses, nécessitent une organisation adéquate pour être accessibles et compréhensibles. Cette organisation peut impliquer la création de tableaux, de graphiques ou l'utilisation de logiciels spécialisés.

Une fois les données organisées, on procède à leur traitement pour les transformer en informations utilisables. On analyse ensuite ces informations pour identifier les insights essentiels sur les besoins, préférences et défis des utilisateurs, en se concentrant particulièrement sur la main feature nécessaire afin d'éviter la complexité du produit.

Avec des informations utilisables, les résultats peuvent être interprétés pour en tirer des conclusions significatives sur le comportement des utilisateurs. Cette interprétation nécessite souvent une compréhension approfondie du contexte dans lequel les données ont été collectées, ainsi que des connaissances en psychologie cognitive et en design.

Les conclusions obtenues sont ensuite formulées sous forme d'observations ou d'insights, servant de base pour informer la conception ou l'amélioration du produit ou du service.

Enfin, les résultats de l'analyse des données doivent être communiqués de manière claire et concise aux parties prenantes concernées, telles que les concepteurs, les responsables de produit, ou les décideurs. Cela peut se faire à travers des rapports, des présentations, ou des visualisations de données pour faciliter la compréhension et l'adoption des insights par l'équipe projet.

Pour illustrer nos propos, voici un exemple :

Une entreprise SaaS spécialisée dans la gestion des ressources humaines collecte des données auprès de ses clients, telles que les données d'utilisation de la plateforme, les commentaires des utilisateurs, et les informations sur les performances des fonctionnalités. L'équipe d'analyse examine les données pour identifier les tendances d'utilisation, les points de friction dans l'expérience utilisateur, et les fonctionnalités les plus et moins utilisées.

Les données sont organisées dans un système de gestion de données centralisé, permettant aux développeurs et aux concepteurs de facilement accéder et interpréter les informations pertinentes pour l'amélioration du produit.

Les données d'utilisation sont agrégées et analysées pour identifier les parcours utilisateurs les plus courants, les taux de conversion, et les problèmes de performance de la plateforme.

L'équipe découvre que les clients ont du mal à trouver certaines fonctionnalités clés de la plateforme, ce qui suggère un besoin d'amélioration de l'interface utilisateur et de la navigation.

En examinant les données d'utilisation par secteur d'activité, l'équipe identifie des différences dans les besoins et les préférences des clients, conduisant à une personnalisation de l'offre pour répondre aux besoins spécifiques de chaque industrie.

Les insights sont partagés lors d'une réunion avec l'équipe de développement et de conception, où des discussions sont menées sur les actions à entreprendre pour améliorer l'expérience utilisateur et optimiser les fonctionnalités de la plateforme, tout en répondant aux besoins spécifiques des clients.

Étape 4 : La conception de l’interface (UI Design)

Après avoir traité toutes les informations nécessaires, la phase la plus connue et créative des étapes UX arrive enfin : la conception visuelle et fonctionnelle de l’interface (UI Design). Cette étape se divise en cinq parties essentielles :

1. Génération d’idées, esquisses, croquis : Dans cette phase, l'équipe de conception génère des idées et explore différentes approches à travers des croquis et des esquisses. C'est le moment où la créativité est à son apogée, où chaque membre de l'équipe peut contribuer avec ses idées et ses concepts.
2. Maquettes en fil de fer (Wireframing) : Une fois les idées consolidées, l'équipe passe à la création de maquettes en fil de fer (wireframes) pour définir la structure et la disposition des éléments de l'interface utilisateur. Ces wireframes servent de base pour la création de prototypes interactifs qui permettent de tester et de valider les concepts avant de passer à la phase de design visuel.
3. Design visuel et interactions : Dans cette partie, les wireframes sont transformés en designs visuels attrayants et fonctionnels. L'UX Writing va être travaillé, les éléments de l'interface utilisateur sont stylisés et les interactions sont soigneusement conçues pour offrir une expérience utilisateur intuitive et engageante.
4. Documentation : La conception de l’interface est documentée sous plusieurs formes, souvent à l’aide du logiciel où sont réalisées les maquettes, tel que Adobe XD, Figma ou Sketch. Dans ce fichier à la documentation très graphique, on va retrouver le Design System et les prototypes/maquettes.
   1. Le Design System : Un système de design est élaboré pour garantir la cohérence visuelle et fonctionnelle de l'interface à travers toutes les pages et fonctionnalités de l'application. Il contient les guidelines pour chaque composant et leur fonctionnement. Ce document peut être sous format PDF, ou bien fichier figma ou Adobe XD, en fonction des préférences d’utilisation pour les développeurs.
   2. Fichiers Figma : Les designs qui sont documentés dans des fichiers Figma, un outil de conception collaboratif, permettent aux développeurs d’accéder au “dev mode” pour extraire des informations utiles et faciliter l'intégration côté front-end.
5. Développement : Cette étape consiste à transformer les designs approuvés en code fonctionnel.
   • Front-end : Les développeurs front-end traduisent les designs visuels en code HTML, CSS et JavaScript pour créer l'interface utilisateur visible et interactive.
   • Back-end : Les fonctionnalités côté serveur sont développées pour gérer les opérations complexes et les interactions avec la base de données.
   • Bases de données : Les bases de données sont mises en place et structurées pour stocker et gérer efficacement les données de l'application.
   • Tests utilisateurs, fixing, bêta testing : Une fois le développement terminé, des tests utilisateurs sont effectués pour identifier les éventuels problèmes ou bugs. Tout dysfonctionnement détecté est corrigé avant le déploiement final de l'application.

Étape 5 : La production

Une fois la conception de l’interface et l’expérience utilisateur terminée et développée, la solution SaaS est déployée sur les serveurs ou dans le cloud pour être accessible aux utilisateurs finaux sur le web. Le déploiement peut être automatisé à l'aide d'outils de déploiement continu pour assurer un processus rapide et fiable.

Après le déploiement, l'application SaaS nécessite une maintenance continue pour garantir son bon fonctionnement et sa sécurité. Cela comprend la surveillance des performances, la correction des bugs, la mise à jour des fonctionnalités et la gestion des correctifs de sécurité.

Conclusion

Étant donné l'importance de l'expérience utilisateur pour les SaaS, il est crucial de suivre les bonnes étapes UX lors de la conception, l’amélioration d’un produit SaaS. On commence d’abord par une étape de mise en place de stratégie UX, puis place à la recherche, l'analyse, avant la conception de l'interface en elle-même puis de sa production. Toutes ces étapes UX sont cruciales à la création d'une expérience utilisateur sublime. Mais nous savons qu'en réalité, il n'est pas toujours facile pour les entreprises SaaS de pouvoir toutes les suivre à la lettre, par manque de moyens. Mais n'oubliez pas :

BON SUIVI DES ÉTAPES UX = MEILLEURE EXPÉRIENCE UTILISATEUR = UTILISATEURS CONTENTS = PLUS D’UTILISATEURS = PLUS DE REVENUS = ÉQUIPES CONTENTES

Une fois les 5 étapes suivies, lorsque vous sentez prêt à lancer votre SaaS ou son nouveau module, pensez à vérifier les 10 points de notre check-list UX. Si vous avez besoin d'aide, notre agence merveilleUX peut vous accompagner dans la conception et l'amélioration de votre solution SaaS, que vous ailliez besoin sur toutes les étapes UX, ou bien uniquement une étape comme la conception de maquettes ou de prototype.