Retour

CARTO SI

Refonte SAAS

Consultante UR UX UI Design · DA

Durée : 3 ans

User Research

UX Design

UI Design

DA

Un consulting, plusieurs missions

MISSIONS EFFECTUÉES

ENTRÉE #01

Onboardings

Audit UX et Heuristique

Audit Data

Questionnaires quantitatifs

Prototype HI-FI

Tests utilisateurs

Design system

Contexte :

  • SaaS B2B de Cartographie pour les grands comptes.

  • Une interface à retravailler mais des fonctionnalités game changer qui répondent aux besoins des clients.

Problématique :

Pas assez de prospects convertis en clients et un onboarding qui n'est pas lu.

But :

Optimisation de l'onboarding avant l'app pour donner le "wow" effect et création d'un onboarding in-app pour réduire la surcharge cognitive de l'utilisateur quand il entre pour la première fois dans l'app

Ce qui a été fait :

  • Une analyse poussée ; Audit UX et Data, User Research (shadowing & questionnaires) et Desk Research jusqu'à la création des personae.

  • Optimisation de l'onboarding avant l'app pour donner le "wow" effect et création d'un onboarding in-app pour réduire la surcharge cognitive.

  • 5 utilisateurs, 2 séries de tests, 2 prototypes, 1 résultat final.

  • Optimisation continue de l'UI et du Design System pendant 2 ans.

USER RESEARCH

Audit

  • Manque de guidance globale lors de l’onboarding déjà mis en place, mais aussi sur la plateforme en elle-même.

  • Mettre l’académie plus en avant et revoir les icones et sections explicatives de chaque page pour mieux les mettre en avant et les renddre plus user frriendly

  • La logique est ultra pertinent et les outils également, à voir maintenant comment mettre les features principales en avant sur la platefvorme, mais aussi leur explication lors de l’onboarding

USER RESEARCH

Shadowing & Questionnaires quantitatifs

Le shadowing consiste à laisser l’utilisateur naviguer sur l’application et observer son comportement, ses frustrations et sa compréhension des outils, sans prendre en main la séance.Nous avons terminé la séance par une série de questions.

Nous avons couplé ces séances à des questionnaires quantitatifs accessibls directement sur l'application.

Objectif

  • Récolter des données pour construire les personae

  • Identifier les fonctionnalités à expliquer en priorité dans l’onboarding et à quel point entrer dans les détails.

USER RESEARCH

Personae

Dans un atelier avec les clients, nous avons créé les 3 personae qui seront nos guides pour la phase d’idéation.

Objectif

Représenter les acteurs clés, leurs besoins, motivations et frustrations, afin de créer les meilleurs onboardings possibles pour eux.

Recherche terminée, début de la phase d’idéation

Lors de la première connexion, les utilisateurs sont un peu perdus dans l’app, et ne savent pas de suite où aller.

Les fonctionnalités les plus utilisées et utiles ont été identifiées : les expliquer devient une priorité.

Il faut trouver le juste milieu entre trop et pas assez d’explications, sans allonger inutilement les onboardings.

UX DESIGN

Zoning

L’objectif premier étant d’assurer une bonne ergonomie, un zoning des deux onboardings a été effectué.

Objectif : Assurer une ergonomie claire et efficace.

Objectif

Identifier les fonctionnalités à expliquer en priorité dans l’onboarding et à quel point entrer dans les détails.

UX DESIGN

Maquettes

Le zoning fait, nous avons pu passer aux maquettes. Plusieurs versions adaptées de la charte ont découlées.

Objectif : Des maquettes haute définition pour chaque étape des onboardings.

Objectif

Identifier les fonctionnalités à expliquer en priorité dans l’onboarding et à quel point entrer dans les détails.

UX DESIGN

Prototype & Tests Utilisateurs

1 prototype, 5 testeurs. En 30min, les utilisateurs naviguent sur le prototype en commentant puis répondent à une série de question pour identifier l’usabilité, utilité et l’acceptabilité des onboardings

Objectif

Faire tester les utilisateurs dans des conditions proches du réel, afin d’améliorer les onboardings et déceler des améliorations et acquis.

Insights

  • Moyenne de 4 secondes par page pour l’onboarding 2

  • Moyenne de 30 secondes par page pour l’onboarding 1

  • 2/4 testeurs n’ont pas fini l’onboarding = test trop long ou onboarding trop long ?

  • Les sujets exploités suffisent à la compréhension et pour le “wow effect”, tout est clair, utilisateur se sent en confiance pour utiliser Carto SI

  • La possibilité d’affiner les choix et de parametrer les rapports est un + comparé aux autres applications

UI DESIGN

Version finale

Après l’analyse des tests, nous avons réalisé un deuxième prototype afin de mettre en place les améliorations et les refaire tester.

Résultats

+20% de taux de conversion des propects

  • Des onboardings lus, qui expliquent suffisamment les fonctionnalités pour que l'utilisateur ne se sentent pas perdu en arrivant sur l'application.

  • Un deuxième onboarding pour le guider pas à pas dans les premières étapes de construction de son SI

Besoin de réponses ? J’ai quelques questions.

La meilleure façon de comprendre un problème, c’est de commencer par écouter.

Partons explorer votre problématique pour propulser votre projet.

Un consulting, plusieurs missions

MISSIONS EFFECTUÉES

Besoin de réponses ? J’ai quelques questions.

Partons explorer votre problématique pour propulser votre projet.

La meilleure façon de comprendre un problème, c’est de commencer par écouter.

ENTRÉE #01

Onboardings

Audit UX et Heuristique

Audit Data

Questionnaires quantitatifs

Prototype HI-FI

Tests utilisateurs

Design system

Contexte :

  • SaaS B2B de Cartographie pour les grands comptes.

  • Une interface à retravailler mais des fonctionnalités game changer qui répondent aux besoins des clients.

Problématique :

Pas assez de prospects convertis en clients et un onboarding qui n'est pas lu.

But :

Optimisation de l'onboarding avant l'app pour donner le "wow" effect et création d'un onboarding in-app pour réduire la surcharge cognitive de l'utilisateur quand il entre pour la première fois dans l'app

Ce qui a été fait :

  • Une analyse poussée ; Audit UX et Data, User Research (shadowing & questionnaires) et Desk Research jusqu'à la création des personae.

  • Optimisation de l'onboarding avant l'app pour donner le "wow" effect et création d'un onboarding in-app pour réduire la surcharge cognitive.

  • 5 utilisateurs, 2 séries de tests, 2 prototypes, 1 résultat final.

  • Optimisation continue de l'UI et du Design System pendant 2 ans.

USER RESEARCH

Audit

  • Manque de guidance globale lors de l’onboarding déjà mis en place, mais aussi sur la plateforme en elle-même.

  • Mettre l’académie plus en avant et revoir les icones et sections explicatives de chaque page pour mieux les mettre en avant et les renddre plus user frriendly

  • La logique est ultra pertinent et les outils également, à voir maintenant comment mettre les features principales en avant sur la platefvorme, mais aussi leur explication lors de l’onboarding

USER RESEARCH

Shadowing & Questionnaires quantitatifs

Le shadowing consiste à laisser l’utilisateur naviguer sur l’application et observer son comportement, ses frustrations et sa compréhension des outils, sans prendre en main la séance.Nous avons terminé la séance par une série de questions.

Nous avons couplé ces séances à des questionnaires quantitatifs accessibls directement sur l'application.

Objectif

  • Récolter des données pour construire les personae

  • Identifier les fonctionnalités à expliquer en priorité dans l’onboarding et à quel point entrer dans les détails.

USER RESEARCH

Personae

Dans un atelier avec les clients, nous avons créé les 3 personae qui seront nos guides pour la phase d’idéation.

Objectif

Représenter les acteurs clés, leurs besoins, motivations et frustrations, afin de créer les meilleurs onboardings possibles pour eux.

Recherche terminée, début de la phase d’idéation

Lors de la première connexion, les utilisateurs sont un peu perdus dans l’app, et ne savent pas de suite où aller.

Les fonctionnalités les plus utilisées et utiles ont été identifiées : les expliquer devient une priorité.

Il faut trouver le juste milieu entre trop et pas assez d’explications, sans allonger inutilement les onboardings.

UX DESIGN

Zoning

L’objectif premier étant d’assurer une bonne ergonomie, un zoning des deux onboardings a été effectué.

Objectif : Assurer une ergonomie claire et efficace.

Objectif

Identifier les fonctionnalités à expliquer en priorité dans l’onboarding et à quel point entrer dans les détails.

UX DESIGN

Maquettes

Le zoning fait, nous avons pu passer aux maquettes. Plusieurs versions adaptées de la charte ont découlées.

Objectif : Des maquettes haute définition pour chaque étape des onboardings.

Objectif

Identifier les fonctionnalités à expliquer en priorité dans l’onboarding et à quel point entrer dans les détails.

UX DESIGN

Prototype & Tests Utilisateurs

1 prototype, 5 testeurs. En 30min, les utilisateurs naviguent sur le prototype en commentant puis répondent à une série de question pour identifier l’usabilité, utilité et l’acceptabilité des onboardings

Objectif

Faire tester les utilisateurs dans des conditions proches du réel, afin d’améliorer les onboardings et déceler des améliorations et acquis.

Insights

  • Moyenne de 4 secondes par page pour l’onboarding 2

  • Moyenne de 30 secondes par page pour l’onboarding 1

  • 2/4 testeurs n’ont pas fini l’onboarding = test trop long ou onboarding trop long ?

  • Les sujets exploités suffisent à la compréhension et pour le “wow effect”, tout est clair, utilisateur se sent en confiance pour utiliser Carto SI

  • La possibilité d’affiner les choix et de parametrer les rapports est un + comparé aux autres applications

UI DESIGN

Version finale

Après l’analyse des tests, nous avons réalisé un deuxième prototype afin de mettre en place les améliorations et les refaire tester.

Résultats

+20% de taux de conversion des propects

  • Des onboardings lus, qui expliquent suffisamment les fonctionnalités pour que l'utilisateur ne se sentent pas perdu en arrivant sur l'application.

  • Un deuxième onboarding pour le guider pas à pas dans les premières étapes de construction de son SI

Create a free website with Framer, the website builder loved by startups, designers and agencies.