Vue d’ensemble
Planter le décor
La refonte de la page d'accueil a contribué à :
25 %
Temps de développement
Amélioration de la croissance des comptes et de l'adoption des applications
Qui est Datama ?
Datama est une plateforme SaaS B2B d'analyse de données qui simplifie l'analyse des performances et la détection d'anomalies, soutenue par des leaders de l'industrie comme LVMH et appuyée par l'accélérateur WILCO.
Datama est une plateforme SaaS B2B d'analyse de données qui simplifie l'analyse des performances et la détection d'anomalies, soutenue par des leaders de l'industrie comme LVMH et appuyée par l'accélérateur WILCO.
Datama est une plateforme SaaS B2B d'analyse de données qui simplifie l'analyse des performances et la détection d'anomalies, soutenue par des leaders de l'industrie comme LVMH et appuyée par l'accélérateur WILCO.
Problématique
Le défi révélé
« Les utilisateurs ont trouvé la plateforme écrasante en raison de workflows fragmentés, de visualisations denses et d'un accompagnement limité pour naviguer dans les fonctionnalités. »
Corrigeons cela.
Méthode Utilisée • Recherche
Transformer l'intention en action
J'ai exploré Python lors d'une session gratuite d'Ironhack pour mieux comprendre les outils et les méthodes de travail sur lesquels les utilisateurs s'appuient généralement.
Explication des doubles diamants
En voyant à travers les yeux de l'utilisateur, comment est-ce que j'aborde la tâche
Avant
Après
Avant
Après
Table connect/Application
Bien que ce travail ait encore besoin d'améliorations, les trois points clés réalisables de cette fenêtre contextuelle de tableau spécifique sont :
Bien que ce travail ait encore besoin d'améliorations, les trois points clés réalisables de cette fenêtre contextuelle de tableau spécifique sont :
Comment j'ai abordé ce problème
Clarté
Une mise en page plus épurée et un espacement optimal pour une lecture facilitée.
Consistance
Étapes unifiées et styles de composants.
Efficacité
une configuration plus rapide avec des filtres et des tableaux plus clairs.
Du Chaos à la Clarté
Mais ce n'est que le début !
Décision de conception
Prendre des décisions de conception avec intention
Commencez par ce qui fonctionne
J'ai rapidement étudié les meilleures pratiques au lieu de réinventer la roue, en me référant au Material Design de Google pour une base propre et conviviale pour les développeurs. J'ai ajouté des liens afin que les développeurs puissent facilement accéder aux sources. Ensuite, j'ai audité l'interface utilisateur pour repérer les incohérences et j'ai créé le système de boutons à partir de zéro dans Figma, en m'appuyant sur des modèles réels et une logique d'espacement.
Le principe de Don Norman et les indicateurs et affordances
En m'appuyant sur ce qui fonctionnait, je me suis concentré sur la création d'éléments UI clés plus intuitifs. J'ai utilisé des signes d'affordance et des indicateurs clairs pour rendre les boutons plus faciles à comprendre d'un coup d'œil, améliorant ainsi l'utilisabilité sans compliquer le système.
J'ai initié une nouvelle approche : présenter trois options pour inviter à de meilleurs retours.
Lorsque j'ai réalisé que l'équipe avait du mal à donner des retours clairs, j'ai commencé à créer option 1, 2 et 3 pour chaque itération.
En m'appuyant sur ce qui fonctionnait, je me suis ensuite concentré sur le fait de rendre les éléments clés de l'interface utilisateur plus intuitifs ; en utilisant des affordances et des indicateurs clairs pour que les boutons soient plus faciles à comprendre en un coup d'œil, améliorant ainsi l'utilisabilité sans ajouter de complexité.
Lorsque j'ai réalisé que l'équipe avait du mal à donner des retours clairs, j'ai commencé à créer option 1, 2 et 3 pour chaque itération.
En m'appuyant sur ce qui fonctionnait, je me suis ensuite concentré sur le fait de rendre les éléments clés de l'interface utilisateur plus intuitifs ; en utilisant des affordances et des indicateurs clairs pour que les boutons soient plus faciles à comprendre en un coup d'œil, améliorant ainsi l'utilisabilité sans ajouter de complexité.
Remarque
J'ai perdu mes données originales à la mi-juillet de l'année dernière, donc c'est une refonte, un extrait simplifié de ce qui était autrefois un système plus détaillé, comprenant des composants primaires, secondaires et tertiaires.
Ce que j'ai changé
Ce que j'ai changé
Réflection
Ce que je ferai dans le prochain projet
À l'avenir, je commencerais par valider la refonte par des tests d'utilisabilité avec des analystes, des utilisateurs et des équipes internes. Je garderais également un œil sur les données d'utilisation à long terme pour révéler des points de douleur plus profonds et mieux informer les itérations.
Si j'avais la chance de le refaire, je collaborerais plus tôt avec les développeurs et les parties prenantes ensemble dès le début pour nous aligner et réduire les allers-retours.
Si j'avais la chance de le refaire, je collaborerais plus tôt avec les développeurs et les parties prenantes ensemble dès le début pour nous aligner et réduire les allers-retours.
