Contactez-nous
Une question ? N’hésitez pas à nous écrire !
Problématiques
Comment alléger une page en conservant une quantité d’information satisfaisante pour les utilisateurs ?
Comment permettre aux utilisateurs de filtrer selon des paramètres efficaces et pertinents ?
Contexte
La page Investir est le portail principal de Louve Invest et sa conception hérite de certaines fragilités. Les filtres sont difficiles à comprendre et la page est chargée d’informations. Notre intervention devra répondre à ces deux problématiques.
Comprendre le contexte
Suite à un atelier de cadre de la mission, nous avons mis en place une série d’entretiens avec des utilisateurs (familier ou non de Louve Invest). Au cours de ces entretiens nous demandions d’abord aux utilisateurs de faire plusieurs actions sur le site ce qui nous permettait de mettre en avant les éléments fragiles de la page. Dans un second temps nous les interrogions sur leurs habitudes, leurs besoins et leurs frustrations identifiées. Toutes ces données ont ensuite été compilées dans un document partagé avec le client.
Concevoir une solution
Pour apporter des modifications design pertinentes nous avons effectué un Benchmark pour comprendre quels étaient les éléments récurrents. Nous avons donc analysé six sites qui offrent les mêmes types de services pour comparer les éléments mis en avant, les choix UI et le parcours utilisateur, plus particulièrement sur les filtres.
En parallèle de ce benchmark nous avons mis à plat les users stories pour mettre en avant les missions de l’utilisateur et ses besoins.
Cette recherche nous a permis de proposer des zonings basés sur des structures connues des utilisateurs. Le but du zoning est de valider l’organisation de la page, la position et la hiérarchie des éléments.
Système de filtrage
Pour créer un filtrage efficace et pertinent pour les utilisateurs nous nous sommes basés sur les entretiens et les users stories. Chaque filtre devait répondre à un besoin identifié. En rationalisant ainsi les choix de filtrages nous avons réduit la charge cognitive de la quantité de choix.
Par exemple, le filtre qui permettait de choisir les pays d’investissement majoritaire (qui est un critère vague car non absolu) est remplacé par un choix : hors france, majoritairement hors france, majoritairement en france, uniquement en France. Ce filtre répond à un besoin identifié des utilisateurs lié à la fiscalité spécifique.
Réduire la charge visuelle de la UI
Pour améliorer la lecture des cards et alléger la page nous avons travaillé sur une simplification de la card en supprimant la description et en adoucissant les contours pour créer un meilleur rapport de contraste entre les éléments plutôt qu’entre les zones de la card.
Nous avons également rassemblé les filtres dans une modale qui s’affiche au clique sur le bouton filtres, remplaçant ainsi les 4 boutons de filtrage. Ce nouvel affichage permet également d’augmenter le nombre de filtres sans alourdir la page.
Test de notre design
Avant d’implémenter les modifications, nous avons conduit une série de tests pour vérifier le fonctionnement de ces nouveaux choix design. Ces tests ont révélé par exemple une fragilité sur le filtre de minimum d’investissement. Nous avons donc modifié cet élément pour le rendre plus explicite. Ces tests ont été faits sur un prototype Figma permettant de tester les interactions sans avoir besoin d’intégrer les modifications.
Conclusion
La page Investir de Louve Invest est désormais plus légère visuellement et les filtres sont plus pertinents. Cela permettra une expérience utilisateur fluide et agréable.
