Résumé du projet
Datama - Simplifier la complexité
février 2024
Impact
Qui est Datama ?
Datama est une plateforme SaaS B2B d'analytique de données qui simplifie l'analyse de performance et la détection d'anomalies, soutenue par des leaders de l'industrie comme LVMH et accompagnée par l'accélérateur WILCO.
Rôle et Processus
Comment fonctionne le cycle dans cette entreprise…
L'équipe se composait de :
3 développeurs, 1 designer (Moi), et 2 parties prenantes
Problématique
« Les utilisateurs ont trouvé la plateforme déroutante en raison de flux de travail fragmentés, de visualisations complexes et d'un manque de conseils pour naviguer dans les fonctionnalités. »
Corrigeons cela.
Brief initial du projet
Notre équipe avait pour mission de redessiner et repenser l'expérience utilisateur de la page d'accueil.
De nombreux utilisateurs enregistrés étaient insatisfaits de l'expérience et ont cessé d'utiliser notre application. De plus, suite au rebranding de notre entreprise, il est devenu essentiel d'aligner tous les systèmes pour assurer la cohérence de l'interface utilisateur.
Impact : Élimination des approximations, accélération de la correction des bugs et gain de temps pour le développeurs.
Méthode utilisée
2. Recherche et idéation
Lors de ma phase de recherche, j'ai comparé des outils standard de l'industrie tels que
Power BI, Tableau et Looker Studio.
J'ai même exploré Python lors d'une session gratuite d'Ironhack pour mieux comprendre les outils et les flux de travail sur lesquels les utilisateurs comptent généralement.
Coordination avec les parties prenantes pour comprendre quel contenu était le plus important et pourquoi elles souhaitaient un remaniement de la page d'accueil.
Consolidation des options en une direction de solution claire en utilisant des matrices de priorisation et des boucles de rétroaction.
Suite à cela, et compte tenu des limites en termes de ressources, de budget et de données, j'ai mené des entretiens avec des collègues qui utilisaient activement l'application. Cela m'a permis de vérifier la convivialité, d'évaluer la clarté des visualisations, et de recueillir des retours pratiques pour valider l'expérience globale.
Structure…
Nouvelle Version Utilisateurs de l'application Web / Utilisateur de l'extension Blocs
Exemple
Je vais fournir quelques exemples de la structure ci-dessus, avant et après, avec une brève explication.
Partie B
Quel est le problème ?
Visualisation dense, cycle confus, pas de bouton CTA, ajout de charge cognitive mentale à l'utilisateur.
Avant
Après
Partie D'
Quel est le problème ?
Le problème était un système de couleurs incohérent et inaccessible qui rendait la navigation confuse et augmentait la charge cognitive pour les utilisateurs.
Avant
Après
Partie E
Quel est le problème ?
L'interface manquait de hiérarchie et de signifiants clairs, obligeant les utilisateurs à traiter trop d'informations et rendant plus difficile l'identification rapide des solutions pertinentes.
Avant
Après
Conception
J'ai créé divers designs sur Figma, y compris des paramètres, une visualisation et une implémentation de Stripe (paiement gateaway), ainsi qu'une refonte de la page d'accueil, chacun accompagné de notes sur les animations pour accélérer le prototypage et soutenir des décisions éclairées.
Redéfinir la hiérarchie visuelle
Cette page est l'une des cinq que j'ai redessinées pour améliorer l'expérience utilisateur globale depuis le début. Bien que seule la page d'accueil soit présentée ici, les mêmes principes de conception : clarté, accessibilité et structure intuitive, ont été appliqués sur l'ensemble de l'interface.
Avant
Après
Quelles sont les modifications que j'ai apportées ?
1. Bouton « Nouveau classeur » : Meilleure visibilité
Avant
Après
2. Espace Blanc = Clarté & Professionnalisme
Avant
Après
Personnalisation & Salutation
Avant
Après
Impact
Quel est le résultat de ceci ?
Conclusion
Qu'est-ce que j'en tire ?
Traduire des demandes abstraites en designs concrets
Communiquer avec des non-designers dans un environnement technique
Prioriser sous pression
Apporter de la clarté et de la logique dans les interfaces utilisateur là où il n'y en avait aucune
