Projet: refonte du fonctionnement et de la philosophie derrière le moteur de recherche pour l'ensemble des supports Meetic & Match

 

Type: Ergonomie, travail itératif, interface et expérience utilisateur, design de produit et d'interaction

 

Problème: Comment apporter l'ensemble de l'offre de recherche Meetic sur toutes les plateformes et de la manière la plus simple pour l'utilisateur .

 

Le moteur de recherche de Meetic & Match représente l'un des systèmes les plus importants pour le groupe puisque ce dernier permet de créer 40% de l'activité générée par les utilisateurs sur l'ensemble de l'éco-système des marques. Celui-ci repose sur un ensemble de critères remplis et liés aux profils de l'utilisateur permettant ainsi d'être classé et recherché par d'autres membres.

 

Le travail ci-dessous représente 2 années d'itérations sur le fonctionnement et la philosophie derrière ce moteur afin de partager des réflexes d'utilisation communs entre chaque plateforme, tout en rendant cet outil de recherche le plus accessible possible.

Dans un premier temps, nous avons décidé de réaliser une refonte simple mais accessible afin de commencer à itérer sur ce sujet lorsque nous disposerions de meilleures données et analyses du comportement de nos utilisateurs.

 

De 4 critères, nous étions passés à 14 permettant de mieux définir sa recherche et trouver des membres correspondants. À cela s'ajouta la fonctionnalité permettant de sauvegarder notre recherche (maquettes ci-dessous).

Quelques mois après le lancement de cette nouvelle vue de recherche, nous possédions de meilleures données pour préparer une refonte de la page ainsi que du principe de fonctionnement du moteur. La nouvelle navigation de l'application étant aussi en cours de révision ainsi que la direction artistique, nous avons apporté quelques modifications mineures les semaines suivants ce lancement.

 

Dans un premier temps, nous avons remarqué que les membres ne remplissaient pas autant de critères lors d'une recherche effectuée sur mobile qu'ils ne pouvaient le faire sur un ordinateur. Nous sommes donc revenus à un affichage plus classique des critères, en offrant en priorité un accès aux 4 anciens critères définis, permettant à l'utilisateur de déclencher une recherche rapide, tout en proposant  d'autres options pour ceux souhaitant une recherche avancée.

À mesure de nos recherches et essais, nous nous sommes aperçu de la philosophie que transmettait notre moteur de recherche actuel, que nous nous amusions à résumer ainsi :

 

Mode de pensée précédent : Vous rentrez chez un boucher, sélectionner vos critères de choix et ce dernier vous apportera les pièces de viande correspondantes.

 

Nous décidions alors de raconter une nouvelle histoire, plus en phase avec l'objectif de la marque Meetic :

 

Nouvelle histoire : Vous êtes à la recherche d'une fleur unique parmis tant d'autres et nous vous aiderons à filtrer ces roses piquantes.

 

Ainsi, nous savions que nous ne souhaitions plus offrir une expérience à sens unique mais bien permettre à l'utilisateur d'éliminer petit à petit les profils qui ne correspondaient pas à sa recherche pour arriver ainsi à l'être idéal selon ses propres critères.

 

Tirant avantage de la technologie offert sur Windows et des avantages d'un écran tablette, nous partions du principe que la recherche devrait à présenter s'effectuer comme un filtre, présentant des membres au sein d'une liste selon les filtres sélectionnés, liste se mettant automatiquement à jour à chaque ajout.

Tout comme notre itération précédente, nous avons décidé de sélectionner les critères les plus importants pour une approche plus simple afin de mieux orienter l'utilisateur. Nous devions pour cela mettre en corrélation :

- les critères les plus recherchés par nos membres
- les critères les plus demandés dans l'ensemble
- les critères les plus remplis sur le profil d'un utilisateur

Suite aux données glanées, nous avons donc sélectionné 13 critères pour notre recherche sur tablette. Ces derniers ayant l'effet de filtre et non-plus de critères à proprement parler, l'initiative fût prise de les disposer comme "tag" lors des recherches, pouvant être ajoutés, supprimés ou modifés à la volée selon le bon vouloir de l'utilisateur.

Convaincu de notre solution après plusieurs tests internes de prototype, nous avons proposé cette expérience à notre panel d'utilisateur pour différents essais en situation réelle. Ces derniers ont toutes et tous favorablement réagit à cette nouvelle expérience, validant ainsi notre approche inédite de la recherche au coeur des services Meetic et Match.

 

S'agissant d'une application universelle Windows, nous devions aussi apporter cet effet de filtre sur mobile, chose plus compliqué du fait que l'interface, qui ne se voulait pas trop encombrée et ergonomique, ne pouvait proposer à la fois des critères et des résultats affichés en même temps.

 

Pour remedier à ce problème, nous avons adopté un comportement propre à l'élimination suite aux filtres, en affichant non-pas les résultats, mais le nombre de résultats aux côtés des filtres, celui-ci diminuant au fur et à mesure de la recherche avant que l'utilisateur ne décide de la valider pour afficher la liste des membres.

 

Quelques semaines après le lancement de cette nouvelle vue, les recherches avaient augmenté de 462% sur plateforme Windows, dû à cette nouvelle philosophie d'utilisation et d'affichage. Les recherches sauvegardées, fonctionnalité apportée sur mobile lors de la 1ére refonte, avait aussi été accrues de 127%, et à présent, les utilisateurs Windows venaient plus souvent à lancer des recherches sauvegardées, quitte à les modifier une fois enclenchées, que définir de toutes nouvelles recherches.

 

Cela nous poussa vers un nouveau concept, à savoir la création d'un univers de recherche. L'utilisateur ne possédant par de recherche sauvegardée disposerait dans un 1er temps de la vue recherche classique à base de filtre, mais une fois sa 1ére recherche sauvegardée effectuée, ce dernier disposerait d'une nouvelle interface permettant de découvrir si de nouveaux profils venaient à être disponible dans sa recherche, tout en ayant la possibilité d'en lancer de nouvelles.

La 3éme approche présentée ci-dessus fût sélectionnée car cette dernière permettait de résoudre l'ensemble de nos problèmes. À côté de cela, nous désirions pousser plus loin le moteur en ajoutant la possibilité, pour les utilisateurs avancées ou non, de pouvoir directement écrire leurs critères au clavier.

 

Pour cela, nous avons travailler sur une règle de gestion simple :

 

- une auto-complétion du critère par rapport à ce qu'écrivait l'utilisateur

- reconnaissance et sélection du critère, de manière automatique ou par l'utilisateur

- si aucun critère ne correspondait à l'écrit de l'utilisateur ou s'en approchait, nous comprenions alors qu'il pouvait s'agir d'une recherche liée aux champs libres complétés par l'utilisateur sur son profil (description personnelle & cie)

 

Solution que nous n'avons pas développé dans un 1er temps en raison de contrainte temporelle pour la construction du projet.

Une fois l'idée et les wireframes validés, nous avons lancé la préparation de nouveaux tests utilisateurs suite aux prototypes créés par notre équipe produit.

 

Présentés à un panel d'une dizaine d'utilisateur pour une étude qualitative plutôt que quantitaive, nous avons élaboré plusieurs flows au coeur de nos prototypes pour valider nos hypothèses, notamment le fait de regrouper des tags dans la barre de recherche sous une même famille ou non, en cas où ces derniers venaient à être trop nombreux pour un affichage sur l'écran.

 

Vous pouvez d'ailleurs accéder aux prototypes Invision crées par mes soins à l'adresse suivante : https://invis.io/SU44LSJDC

 

Le projet fût validé suite aux tests utilisateurs et nous avons alors entamé la dernière phase de design visuel avant de lancer les développements finaux.